WordPress

h1タグのスタイルシートを変えてみた。緑な縦棒がいい感じ!

更新日:

CSS maintenables
いろんな方のブログサイトを見ていると、見出しのデザインが素敵だなーと思えるサイトに数々遭遇します。それならということで私も早速変えてみることにしました。
私が使っているWordpressのテーマではh1タグを使っても字がでかくなるだけだったので、もっとオシャレに見出しを飾れつつ私のブログサイトのカラーにあったやつを求めてGoole検索のJourneyに出発です。早くもすっきりとわかりやい下記のサイトを発見。

CSSで作る見出し(hタグ)サンプルデザイン | Info Architecture


おーっとグリーンがベースからの私のサイトにぴったりなやつを発見!
これ⬇
スクリーンショット 2012-09-24 11.27.05

コードをコピーしてWordpressのテーマ編集画面に向かいます。⬇
スクリーンショット 2012-09-24 11.31.18

entry-content h1を探しだし元あったやつを消してコードを貼り付けます。
試しに私のサイトタイトルを入れてみましょう。

いつもそこに英語がいた

おっっっっっと!素晴らしい!
これまでブログを書くときは見出しタグもほとんど使わず、ダラダラと書き綴るスタイルでやってきましたが、これからはこの見出しを使ってより読みやすい記事を書いていこうかなと思います。
書評記事なんかに特に使えそうですね。

ということで今日はこのへんで。


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

Twitterボタン

関連記事はこちら

-WordPress
-

Copyright© 英語×Mac≒時々Monetize , 2024 All Rights Reserved Powered by AFFINGER4.