ゆるくはじめるWordPress.

WordPressのテーマ作りで役立ったWebツール7つ

free-web-tools

テーマ作り、と言ってもそんな大した技術も使わず自分用の簡単なものを作っただけではあるのですが、そんな私が最初のテーマ作りで使って便利だったなぁと思ったWebツールをメモしておきたいと思います。
WordPressのテーマに限らず、基本的なWebデザインで使うようなものが大半ですが、同じように自分用のテーマをこれから作ってみようと思う方の参考になれば幸いです。

HTML・CSS関連

HTML5リファレンス

HTML5リファレンス

HTMLタグの意味や使い方が詳しく載っています。HTML5で追加されたもの、逆に廃止予定のものも一目でわかって使いやすい。こういう時はどういうマークアップをすればいいんだろう?って悩んだ時など、とてもお世話になりました。
HTML5リファレンス


CSS Cheat Sheet

css-cheat-sheet

これも、こういう時に使うあれって何だったっけ?と思った時のお助けツール。CSSのプロパティや、疑似クラスなどが一覧になったチートシートです。色々あるチートシートの中でもこちらのものが見やすく使いやすかったです。
CSS Cheat Sheet | OverAPI.com


codic

codic

コーディング中にクラス名のネーミングに悩む事ってありませんか?私はものすごく悩みます。これはそんな時に日本語で用途などを入力するとそれっぽく名前を出力してくれる便利ツール。翻訳ツールをコーディング用に使いやすくしたものという感じなので、今まで翻訳ツールを利用していた方にはおすすめです。
codic – プログラマーのためのネーミング辞書


デザイン関連

design seeds

design-seeds

イメージから抽出したカラースキームが多数並べられています。見せ方もシンプルで美しく、デザインの参考にできる部分もたくさん。画像とカラーセットが一緒になっているので、自分の考えるサイトの雰囲気とリンクさせて選びやすいと思います。サイトデザインでカラースキーム、配色に悩んだ時に。
design seeds | for all who ♥ color


WEB色見本 原色大辞典

原色大辞典

こちらは一覧性が高いので、使いたい色が決まっている時に微妙な色みや濃淡からカラーを選びたい時に便利。モノトーンのグラデーションから濃さを選んで使う時などにも重宝しています。
WEB色見本 原色大辞典 – HTMLカラーコード


テキスト関連

ダミーテキストジェネレータ

ダミーテキストジェネレータ

記事ページのデザインなどでテキストを入れて雰囲気を確認したい時、自分で文章を作らなくても大丈夫。このツールは指定した文字数でダミーテキストを作成してくれます。テキストの内容も数パターン用意されていて、用途に合わせて使い分けられるので便利。
ダミーテキストジェネレータ | Web制作小物ツール


WordPress関連

WordPress Codex 日本語版

Codex

WordPressに関するあらゆる事がまとめられています。わからない事があればとりあえずここを見ると大概のことは解決。Codexなくしてこのサイトの完成は無かった。と言えるほどです。テーマ作りやカスタマイズを始めようと思ったら、ブックマークしておくときっと役に立ってくれるはず。
WordPress Codex 日本語版


関連

WordPressのテーマ作りに使ったフリーソフト6つ
まず練習用に、自分用に。と思って作ったので…というか単純に費用も抑えたかったので最初からWordPressのテーマは全部フリーソフトで作りました。 有名なHTML、CSSエディタ

スポンサーリンク

公開日:2016-2-8