メニューを選ぶ
SWELLテーマを本気レビューしました記事を読む

【WordPress】ライオンメディアカスタマイズまとめ【追加CSS】

あいうえおLIFE
登録販売者∞WordPress∞動画編集
広島在住 / 医薬品登録販売者【薬・漢方・サプリメント】をお届けする営業パーソン / 衣食住ライフスタイルやメンタルヘルスケア/ 配置薬10年・WordPress2年・動画編集1年半 / 雑記ブログ:あいうえおLIFE【健康のススメ】「好きや得意なことを情報価値に」 / 特化ブログ:人生を変えた映画・アニメBlog「映画・アニメの体験価値を」/ 2サイト計月間7,000PV / 収益1万

ブログ内の文字サイズ変更するには?

見出しのデザイン変更するには?

記事のヘッダーの幅を変更するには?

目次をおしゃれにするするには?

サイドバーにプロフィールを作るには?

YouTubeのチャンネル登録ボタンをつけるには?

やさしいテイストにするには?

グローバルナビメニューの色を変えるには?

あいうえおLIFE

今日は、上記のお悩みを解決します。

2020/02/28現在は、WordPressテーマ「Cocoon 」に乗り換え

2021年10月現在は、ライオンメディア→Cocoon→JIN→SWELLにテーマ変更しています。

WordPressのテーマにライオンメディアを使用時点での記事。

ありがたいことに、Google先生に「わからないこと」を聞くとすでに「問題解決」してくれているブログ記事に出会うことが可能。

この記事がおすすめな人

ライオンメディアでブログ運営していて、デザインにも凝りたい。

どうぞ最後まで、お読みくださいね。

目次(もくじ)

ライオンメディアカスタマイズまとめ【CSS】

Background vector created by rawpixel.com - www.freepik.com
  1. ブログ内の文字サイズ変更する
  2. 見出しのデザイン変更する
  3. 記事のヘッダーの幅を変更する
  4. 目次をおしゃれにする
  5. サイドバーにプロフィールを作る
  6. YouTubeのチャンネル登録ボタンをつける
  7. やさしいテイストにする
  8. グローバルナビメニューの色を変える

1つずつ解説します。

ブログ内の文字サイズ変更

たしかに言われてみれば、ブログ内での文字サイズとか小さいなあとは思ってはいました。

これ変更してみましたら、グッと視認性アップ。

見出しのデザイン変更(CSS)

見出しデザインは「あーでもない、こーでもない」と何度変更したでしょうか笑。

他のブログを見ながら、やはりシンプルがいいなと思い落ち着きました。

また変更するかもしれません笑

記事のヘッダーの幅を変更する(バイラルメディア風)

はじめはそんなに変わらないかなと思いましたが、やってみるとインパクト大

目次をおしゃれにする

デフォルトでも悪くはなかったですが、全体のデザインに統一性を持たせてくて変更してみました。

見出し3は番号非表示に

サイドバーにプロフィールを作る

サイドバーにお洒落なプロフィールとか作っている人ってオシャレですよね。

Twitterのアイコンも埋められるのは楽しい。

YouTubeのチャンネル登録ボタンをつける

プロフィール記事に、チャンネル登録ボタンを埋め込んでいます(下記記事)。

貼り付けるときは、「カスタムHTML」で。

やさしいテイストにする

  • サムネイルまわり
  • 投稿ページタイトルまわり
  • フッタまわり
  • フッタPowered by WordPress非表示
  • ヘッダまわり
  • ランキングまわり
  • カレンダーデザイン
  • サイドエリア見出しデザイン

上記をデザイン変更していきます。

グローバルナビメニューの色を変える

あいうえおLIFE

ライオンメディアで運営してたら、気になる箇所でした。

まとめ | ライオンメディアカスタマイズの先駆者はたくさん

Background vector created by macrovector - www.freepik.com

今回は、ライオンメディアの運営やデザインにまつわるまとめを書きました。

ライオンメディアは無料なのに、「高機能」で素晴らしいテーマですよね。

同じFITが製作した【THE THOR(ザ・トール)】の記事もおすすめ(下記)。

SWELLが気になる方は、下記の記事もどうぞ↓↓

今日は、最後までお読みいただきありがとうございます。

もくじ
トップへ
目次(もくじ)
閉じる