賢威7でサイドバーの見出しの文字を大きく変更するカスタマイズ方法を説明していきたいと思います。賢威7のデフォルトの状態ではサイドバーの見出しはリンク部分と同じ文字の大きさなので若干大きくした方が分かりやすいかもしれません。

賢威7のサイドバー見出しはデフォルトで目立ちにくい

賢威7サイドバーカスタマイズ-見出し文字を大きくする方法メイン

賢威7のサイドバーの見出しはデフォルトではすごくシンプルです。メインコンテンツよりサイドバーが目立ちすぎるのは避けたいですが、デフォルトの状態ではあまりに控えめすぎる感じがします。

 

そこで賢威7のサイドバーの見出し文字の大きさを変更してみようと思います。当記事は賢威7サイドバーの見出しの文字の大きさを大きくすることが目的として書いていますが、変更箇所が同じ箇所にあるため、補足として文字の色の変更などもあわせて説明していきたいと思います。

 

 

賢威7でサイドバーの見出しを大きくした完成図

賢威7サイドバーカスタマイズ-見出し文字を大きくする方法1

賢威7でサイドバーの見出しをデフォルトの状態から1.5倍にした完成図が上記画像の状態です。左がデフォルトの状態で右が1.5倍の文字の大きさです。

 

 

賢威7でサイドバー見出し文字を大きくするカスタマイズ方法

ダッシュボード→外観→テーマ編集→base.css

賢威7サイドバーカスタマイズ-見出し文字を大きくする方法2

ダッシュボード→外観→テーマの編集→base.cssを開いてください。

※指定の場所に飛ぶためにCtrl+Fボタンを押し、右上に出てきた窓に「パーツ毎のスタイル」などと打ち込むとこの箇所に移動することができます。

 

上記画像の箇所にfont-sizeという部分があります。デフォルトの状態では1になっていますので、ここを1.5倍にしたい時は1.5と記述しましょう。2倍にしたい場合は2と打ち込みます。

 

記述後、画面下部のファイルを更新をクリックするとサイドバーの見出しの大きさの変更が完了します。

 

 

賢威7でサイドバー見出し色を変更するカスタマイズ方法

ダッシュボード→外観→テーマ編集→base.css

賢威7サイドバーカスタマイズ-見出し色を変更する方法4

 

 

 

 

 

 

 

 

 

先ほど、見出しの文字の大きさを変更した箇所のすぐ下の部分にcolorという部分があるので、こちらに好みのカラーコードを記述することで見出しの文字の色を変更することができます。

 

僕は見出し文字色はデフォルトの状態が気に入っているのであえて変更しませんが、ブログの雰囲気や好みにあわせて変更してもいいかと思います。

 

 

まとめ

以上が賢威7サイドバーカスタマイズ-見出しの大きさと色の変更方法の説明でした。かなり簡単にカスタマイズできる割にはブログの見た目がけっこう変わりますので是非やっておきたいカスタマイズの1つですので参考にしてください。

 

賢威7カスタマイズ一覧まとめ記事へ