スタイルシート見出しメーカーで見出しを作る話

見出し、つまり、
見出し
こういうやつです。

HTMLとかCSSとか聞いたことがありますか?んー、HTMLがタグコード、ほら、強調するときに<strong>で囲んだりするでしょ、あれ、それに対してどう色をつけるか、というのがCSS、ってな感じです。

どこでいじるの?

WordPressテーマの中に見出しも入っているものもあるかもしれません。その場合は見出しタグを探せばいいのですが、見出しタグの出し方はいろいろあるようで、私は探せないので自分で設定します。

管理画面のサイドバーに外観とありますが、そこにCSSというのがあります。Jetpackを使っていると、CSSをいじることができるコーナーがあるんですね。
CSS
ここに書き込んでいきます。

CSS

見出しメーカー

スタイルシート見出しメーカー」というものがあります。作者のYukiさん、すっごく役に立つページをたくさん作られています。センスも抜群。すごいなあ。

ここで好きな色で作ってWordPressのCSSに貼り付ければそれなりのものができます。

ただし、そのままではタグが使えません。タグで作った見出しを呼び出せるようにするためには、少し手を加える必要があります。

例えば、
.menuRibbon {
margin:0 0 10px 0;
padding:2px 8px;
background:#029EBC;
color:#EBF7FA;
line-height:140%;
font-weight:bold;
}

のままではタグは使えません。

私は見出しタグをhXで作っているので、
.h4 {
margin:0 0 10px 0;
padding:2px 8px;
background:#029EBC;
color:#EBF7FA;
line-height:140%;
font-weight:bold;
}

のように変えます。

そうすれば、<h4></h4>で作った見出しを呼び出すことができます。

Related posts