ワードプレステーマ「Cocoon」の見出しカスタマイズ

ワードプレス

ここのブログは、ワードプレステーマ「Cocoon」を使用しています。
初心者にも優しい設定なので。。。

このままでも特に問題ないですが(実際デフォルト設定のまま1年近く運営してますが)ふと、自分らしさを出したいなと思い、まずは見出しをカスタマイズしてみようと思い立った次第で、変更方法の備忘録です。

さて、まずデフォルトの見出しですが、以下のような形式です。

これはこれでシンプルで良いのですが、もう少し自分の色を出すためにカスタムしてみたいと思います。

で、見出しを変更するにはCSSを変更します。
ここではテーマ「Cocoon」についての説明です。

どこを変更するか?

とりいそぎ、まずはテーマが子テーマであることを確認に上、
「外観」→「カスタマイズ」→「追加CSS」部分をクリック。

ここのスクロールして下の部分にあります。

まず、見出しのリセット設定を入れます。

これをCSS部にコピペして入れ込んだらリセット完了。

次に、自分の気に入った見出しをここへ追加します。

例えば参考にしたサイトです。

気に入った見出しのCSSコードを追記すれば完了です。

ここも上記サイトを参考にさせて頂きました。

現状の見出しは、こんな感じにしています。