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

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

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

コピペでかわいいCSSデザイン!解説付きでカスタマイズも簡単!

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

『第0版』

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

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

https://0edition.net/archives/1448

 

『Web Clear』

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

CSSで出来る見出しデザインテンプレート

 

『Web’Notes』

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

http://webnonotes.com/css/heading_sample/

 

『サルワカ』

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

CSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選

 


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

って…ちょっと待って!

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

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

コピペでかわいいCSSデザイン!解説付きでカスタマイズも簡単!

おまけ WEB色見本

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

http://www.colordic.org/

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

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

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

 

まとめ

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

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

スポンサーリンク
スポンサーリンク



Accessを独学で勉強したい方へ
Accessおすすめの参考書

Accessを独学で勉強しようと思っている方へおすすめの参考書をまとめました。私も使っている選りすぐりの参考書です。ぜひご覧ください。




コメントを残す

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