WordPressテーマのCSSカスタマイズ向けChromeデベロッパーツールの使い方

最近、フォーラムで、Wordpressテーマのカスタマイズに関する質問をいただくことがあります。 それで、気づいたのですが、Wordpressを始めたばかりの方は、カスタマイズする箇所を膨大な量のCSSファイルの中から探して編集している方が結構おられるようです。というか僕も、始めたばかりの頃はそうしていました。 僕は、比較的CSSをいじるのが好きな方ですが、今その方法でカスタマイズするとなると、面倒くさすぎて嫌になってしまうと思います。けれど、そのようなことをしなくても、最近のブラウザには、適切なCSS編集箇所を手軽に探し出して、テスト動作させられる環境が整っています。 Chromeの場合だと、デベロッパーツールというのですが、これを使うと結構簡単にスタイルシートのカスタマイズを行うことができます。 今回は、Wordpressを使い始めたばかりの方向けに、「とりあえずこのようにすれば大抵の

[naruk1214]

CSS カスタマイズ chrome デベロッパーツール

[ntakahashi0505]

これは完全保存版では…！？ やってみます！ ／WordPressテーマのCSSカスタマイズ向けChromeデベロッパーツールの使い方 (via @Pocket)

[awntan_52]

CSSデベロッパーツール