WordPress 〜見出しのデザインを変更する方法

スポンサーリンク
お役立ち情報

当社ホームページでは、WordPressの無料テーマ「Attitude」を用いています。

このテーマでは、記事中の見出しが、記事タイトルとほぼ同じ体裁になっているのですが、今回は、特定ページの見出しを、より目立たせたいと思います。

まず最初に、「外観」>「カスタマイズ」>「Design Options」>「Custom CSS」(ない場合は「外観」>「カスタマイズ」>「追加CSS」)で、末尾に、

.title_intro{
color: #32cd32;
border-left: 10px solid #32cd32;
padding: 10px;
}

という記述を追加して「公開」します。

次に、見出しのデザインを変更したいページの編集画面で「テキスト」モードにし、見出しの箇所を、

<h1 class="title_intro">こんな方にオススメ!</h1>

という記述に変更して「更新」します。

今回は見出しの文字色を変更し、見出しの左端にバーを追加しました。

 

なお、私がWordPressの使い方を習得するのにあたっては、以下の書籍を参考にさせていただきました。


WordPressについては、Web上にもたくさんの情報がありますが、きちんと理解して使いたい場合には、一度書籍も読んでおいた方がいいかもしれません。