Simplicity2の見出しをカスタマイズ

Simplicity2の見出しをカスタマイズ

simplicity2の見出しは、とてもシンプルなデザインになっています。
そのままでも問題ないのですが少しカスタマイズしてみました。
以下のサイトに色々な見出しのサンプルがあります。


シンプルなHTMLとCSSコピペで実装できるタイトル(見出し)のデザインサンプル 50

シンプルなデザインの方が、見やすいですし飽きないのでお勧めです。

カスタマイズ手順

カスタマイズも簡単です。

1.[管理メニュー]→[テーマ]→[テーマ編集]




2.スタイルシート (style.css)を選択


3.ここに見出しのCSSを入れたらOKです。


4.最後に[ファイルを更新]をクリックして保存します。

このサイトの見出しのCSSサンプル

このサイトで使用しているCSSをのせておきます。
自己責任でご利用下さい。

以下の感じになります。


Manabu.tech見出し1

見出し1はタイトル行に使われています。

Manabu.tech見出し2

見出し2は見出し1と同じにしてます。

Manabu.tech見出し3

こんな感じ!

Manabu.tech見出し4

こんな感じ!
Manabu.tech見出し5
こんな感じ!
Manabu.tech見出し6
こんな感じ!
Manabu.tech見出し7
吹き出し

ではでは、今日はこれで終わりです。
ありがっさま!!

シェアする

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

フォローする