WordPressをCSSでカスタマイズする時に参考にしてるサイト

WordPressをCSSでカスタマイズする時に参考にしたいサイトWEB

WordPressをCSSでカスタマイズする時に、参考にしてるサイトやブログです。

どのサイトも大変お世話になっています。

WordPressだけでなく、HTMLで作る静的サイトでも使えるCSSを紹介されているところが多いです。

見出し、リスト、ボタンなど「サルワカ」さん

見出し、リスト、ボタン、ボックスデザイン、吹き出しなど、WordPressでよく使われるものの、CSSがたくさん紹介されています。CSSを紹介しているブログでも、なかなか見ない引用ボックスのCSSもあります。

コピペで使えるCSSデザインサンプル集(Web用コード250個以上まとめ)‪|サルワカ‬

CSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選‪|サルワカ‬

カスタマイズ記事が充実している「ぽんひろ.com」さん

コピペだけで出来る、WordPressのカスタマイズ記事をたくさん掲載されているブログです。

HTMLやCSSが分からない人でも分かりやすく書かれており、尚且つ見栄えが凄く良くなるコードが紹介されています。

当ブログでも利用しているWordPressテーマ「Cocoon」や、有名なWordPressテーマ「JIN」や「SANGO」専用のカスタマイズ集もあります。もちろん、他のテーマでも使用できるものもたくさんあります。

【30通り以上!】Cocoonカスタマイズ!コピペで簡単!

コピペでできるブログカスタマイズまとめ【HTML&CSS】

WEB制作お役立ちツールが便利すぎる「ものぐさWEBノート」さん

WordPressテーマ「Cocoon」のカスタマイズ記事をメインに書かれています。カスタマイズ記事の他に、WEB制作お役立ちツールを公開されています。

ウェブアイコンフォント「FontAwesome」のアイコンを簡単に検索、クリックで使える記事はすごく便利で、一度使うともう手放せません。(※最新バージョンの5ではなく、4.7に対応したものになります。)

Cocoonで使えるショートコード集も便利です。

FontAwesome4.7のアイコンをクリックでコピーできる一覧表【日本語検索対応】

Cocoonで使える[ショートコード]のオプションと使い方まとめ

flex boxの記事は必見!「Webクリエイターボックス」さん

flexboxの使い方をまとめているページは必見です。floatを頑張って使っていたのは、一体何だったのか…。

他にもCSSの小技集や、Web制作についての情報など、役に立つ記事が盛りだくさんです。

かゆいところに手が届く!Flexboxを使った便利な小技 | Webクリエイターボックス

【第3弾】少しのコードで実装可能な15のCSS小技集 | Webクリエイターボックス

Webクリエイターボックスの管理人Manaさんが書かれた、Web制作入門書「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」もオススメです。

※こちらの本の内容はWordPressについてではなく、Webサイト制作の基本となっています。

HTMLやCSSのリファレンスサイト

「実線を点線にしたいけど、どんなCSSを書けばいいのか分からない…」そんな時はリファレンスを参考にします。

最強のリファレンス「とほほのWWW入門」さん

CSSのリファレンスだけでなく、HTMLのリファレンス、基本的なコードの書き方も紹介されています。

Webサイト黎明期にHTMLを手打ちしていた人は、絶対お世話になっているであろうサイトだと思ってます。

カテゴリ分けがしてあり、使いたいタグがすぐ見つかる「TAG index」さん

「テキスト」「リスト」「ボックス」のようにカテゴリ分けされていて、使いたいタグが見つけやすいサイトです。

ただ少し情報が古いので(HTML5.1とCSS2)、上記のとほほのWWW入門さんと合わせて使うをオススメします。

コメント

タイトルとURLをコピーしました