WordPressの小見出し

長い記事に小見出しをつけるようにしてみました。

こんなの。

小見出し

これが”小見出し”という名前だということを知らなかったので、なかなか調べられず。”ぽっとの陽だまり研究室”という所で見つけた方法を参考にしてh4を使ってみました。備忘録として残しておきます。

WordPressダッシュボードの外観→編集→スタイルシートとたどっていって、style.cssの最後のところにコピペしました。

h4 {

WIDTH : 400PX;

PADDING-TOP: 5px;

PADDING-BOTTOM: 2px;

PADDING-RIGHT: 2px;

PADDING-LEFT: 3px;

BORDER-TOP: 0px solid #cccccc ;

BORDER-BOTTOM: 1px solid #cccccc ;

BORDER-RIGHT: px solid #cccccc;

BORDER-LEFT: 10px solid #c184ff;

MARGIN: 1px 10px 10px;

FONT: bold 1em ‘Arial’;

COLOR: #666666;

TEXT-INDENT: 0px;

}

左側の色はブログの背景色に合わせて変更してみました。

記事を書くときに<h4></h4>で文字を囲って出来上がり。

カテゴリー: Mac タグ: パーマリンク

WordPressの小見出し への3件のフィードバック

  1. エミコフ のコメント:

    CSSは便利だよねー。
    BORDER-BOTTOMとBORDER-RIGHTをちょっと濃いめのグレーにして、BORDER-TOPをちょっと薄目のグレーとかにすると付箋っぽくなるぜ。

  2. yukomillennium のコメント:

    CSS, なんかよくわかんないけど、ちょこっとかえるだけで、いろいろなことが出来るのね。
    色彩感覚がオカシイ私でも、エミコフちゃんのアドバイスのおかげでオサレな小見出しが出来そう。なんかおかしい時は教えてね。

  3. ピンバック:  gOS5.1 ジーニアシッシモ

yukomillennium へ返信するコメントをキャンセル