Simplicityで見出しのデザインを変更してみる!

見出しのデザインsimplicity

Simplicityで見出しのデザインを変更する方法を記載します。

初期設定の場合は、シンプルなデザインなので変更することで見やすいページになると思います。

お好みの色や文字サイズで試してみてください。

スポンサードリンク

Simplicityの見出し変更前と変更後

変更前の画像はこちら。

見出しの変更前画像

『見出し2』を設定した時のサンプル画像になります。

初期設定はシンプルな感じになっているので、デザインを変更したいと思います。

変更後はこちら。

見出しのデザイン変更後

上から順番に見出し2、3、4になります。

今回はこのように変更する方法を記載します。

スポンサードリンク

Simplicityの見出しの設定

ワードプレスの管理画面メニューより『外観』→『テーマエディター』をクリックします。

ワードプレス外観テーマエディタ

子テーマのスタイルシートを選択します。

simplicity子テーマstyle css

下記コードをコピペします。

『ファイルを更新』ボタンをクリックすると、すべての記事に反映されます。

上記コードを元に色や文字サイズなどをカスタマイズすれば、お好みのデザインになると思います。

試してみてくださいね♪

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

テキストのコピーはできません。