Simplicity使いやすいテーマなのですが、何もカスタマイズをしていないので一番、簡単な見出し(h2)をカスタマイズしてみました。
Simplicity2の子テーマを編集するとか難しい解説があったのですが、とても簡単にカスタマイズすることができました。
外観 ⇒ css編集 ⇒ 追加css をクリック
この中に下記の内容をコピー&ペーストするだけ。
/* h2 見出しのリセット */
.article h2,
.article h2::before,
.article h2::after {
content: none;
background: none;
border: none;
border-radius: 0;
}
/* h2 見出しのカスタマイズ */
.article h2 {
background: #5FB3F5;/*背景色*/
color:#ffffff;/*文字の色*/
margin:0;
padding: 0.5em;/*文字まわり(上下左右)の余白*/
border-radius: 4px;
font-size:22px;/*文字のサイズ*/
}
見出し(h2)をカスタマイズしたのはこちらのページになります。
あっと言う間にカスタマイズできてしまいました。悩んでいたのがバカバカしいですね(-_-;)
少しづつ勉強して、かっこいいブログにできるよう頑張りたいと思います。
このブログがみなさんのお役に立てれば嬉しいです。
ではでは(^^♪