【WordPress】CSS見出しが参考になったサイト4選+Web色見本1選

cssで見出しを可愛くカスタマイズしようと思ってネットで色々と参考にさせていただいたサイトをご紹介します。

私の使っている『Simplicity』の見出しがとてもシンプルなので、出来ればもう少し可愛くカスタマイズしたいなぁと思ったんですが、私はcssが全然わからないので、コピペで見出しを差し替えたいと思って、コピペさせていただいたサイトさん、4選+1選です。

CSS見出しが参考になったサイト4選+Web色見本1選

『第0版』

こちらのサイト『第0版』さんは本当に可愛い見出しばかりで、ほとんど使わせてもらっています。

花柄や水玉は可愛すぎます~!心をわしづかみされてしまいました!

『Web Clear』

こちらのサイトさんはシンプルな見出しが多くて、カスタマイズする際に参考になりました。

『Web’Notes』

シンプルだけど、いろいろな見出しがあって参考になった『Web’Notes』さん

『サルワカ』

こちらは丁寧に見出しのcssにコメントを付けてくださっているので、すごく勉強になり、カスタムしやすかったです!


こちらの見出しを参考にこのサイトもカスタムしました。

って…ちょっと待って!

このブログの見出しって少しコピペと少し違うんじゃないか?と思った方いますか?

そうなんです。実は、最初は見出しの『コピペ』で使おうかと思っていたんですが、出来れば下に線が欲しいなぁと思ったり、丸が小さいなぁと思ったりで結局、さらにカスタマイズしちゃいました。

おまけ WEB色見本

カラーの参考はこちらのサイトさんな豊富にあっておすすめです。

個人的には『和色大辞典』が好きで、このブログにも和風色をつかっています。
『洋色大辞典』という洋風色もあって本当に色ってたくさんあるんだなぁと驚かされます。

選んでいると見入ってしまって、時間を忘れてしまいます…。

これを機に私もCSSの勉強をしてみたくなりました。

まとめ

cssがわからなくても見出しのカスタマイズはコピペをして、色を変えるだけでもずいぶん雰囲気が変わります。

ただし、カスタマイズのハマり過ぎには注意!
とまらなくなるのでほどほどにしましょう(笑)

カテゴリー:
関連記事