CSSでWPの見出しのデザインを変更する

このブログは WordPress(WP) で公開しています。

今回、WPの見出しのデザインを変更したので、その手順を掲載します。(覚書のため)。

デザインの変更は次のサイトを参考にさせていただきました。

CSS見出しデザイン参考100選!コピペ可!どこよりも詳しく解説!

カラーの変更には次のサイトの色見本を利用させていただきました。

色の名前とカラーコードが一目でわかるWEB色見本

デザインの変更手順

次の参考サイトから気に入った CSS文 を選び、コピーします。

CSS見出しデザイン参考100選!コピペ可!どこよりも詳しく解説!

WPのダッシュボードを開き、 外観カスタマイズ を開きます。

カスタマイズの一番下にある 追加CSS を開きます。

追加CSS欄に、先にコピーしたCSS文を貼り付け、上にあるの 公開 ボタンをクリックして設定完了です。

今回設定した見出しのデザインは次の三つです

見出し3

こんな感じです

見出し5

こんな感じです

見出し6

こんな感じです

以上です。

Verified by MonsterInsights