CSSだけでブログの見出しをカスタマイズできるデザインサンプル

CSSだけでブログの見出しをカスタマイズできるサンプル

「たまには、見出しでも変えてみるか」と思えた記事

僕のグノシーにこんな記事があがってきました。

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

この記事を読んでみると、なかなかおもしろかったです。

CSSだけでいろんなバリエーションの見出しデザインができるんですね。

これだけまとまってると使いやすいです。

というわけで、僕のブログも見出しデザインを変えてみた

僕が採用したのは、「5. 上下にボーダー #2」というデザインです。

CSSをコピペするだけで、ガラッとブログの印象が変わるから、面白いですねー。

 

それと、このブログはワードプレスで構築しているのですが、CSSを書き換えたときになかなか反映されなくて困りました。

 

これは、キャッシュが強力に残っているのが原因なんですね。

 

対策方法をググッてみたところ、「WordPressテーマのcssの末尾にクエリ文字を加えてキャッシュさせないようにする」という対策方法がたくさん出てきました。

でもこれって、ソースをいじらないといけないからなんだか面倒でした。

 

それでなんやかんやしてたら、ソースをいじらなくてもCSSが即反映される方法がありました。

 

それは、こちらの記事でまとめましたので、よろしければご参考にしてください。

WordPressでCSSが反映されないときに即反映させる意外な方法(ソース変更なしでOK)

 



スポンサーリンク

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です