ワードプレス

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

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

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

コピペでかわいいCSSデザイン!解説付きでカスタマイズも簡単!私がこのブログで使っている見出しをご紹介したいと思います。 コピペで十分!ブログがかわいくなる見出し! 水玉見出し h2に使ってい...

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

『第0版』

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

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

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

 

『Web Clear』

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

http://web-clear.jp/web-design/css-midasi-design/

 

『Web’Notes』

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

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

 

『サルワカ』

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

https://saruwakakun.com/html-css/reference/h-design

 


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

って…ちょっと待って!

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

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

コピペでかわいいCSSデザイン!解説付きでカスタマイズも簡単!私がこのブログで使っている見出しをご紹介したいと思います。 コピペで十分!ブログがかわいくなる見出し! 水玉見出し h2に使ってい...

おまけ WEB色見本

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

http://www.colordic.org/

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

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

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

 

まとめ

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

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

アニメ見るならココ!おすすめのVOD

アニメ好きの私がおすすめのVOD(ビデオオンデマンド)です。

価格、アニメ数においても総合1位は『dアニメ』!



初回ご加入時に限り、31日間無料でお試し! ドコモのケータイ以外も登録可能!

アニメ作品数No.1の見放題サイト! ※国内の定額動画配信サービスにおいて。2018年3月時点、NTTコム オンライン・マーケティング・ソリューション株式会社調べ。

 

スマートフォン・タブレット・パソコンも対応 !Chromecastなら高画質で視聴可能!!