WordPress Style.cssの確認方法

2011年11月23日

wordpressを使用していますと、色々なテーマを使用して見たいと思います。でも長い間使っているとそのスタイルに飽きてしまい、少し手を加えてみたくなってきます。

その時に使用するのが「style.css」のファイル。しかしテーマによっては簡素化されているのもあれば、妙に長く良く分からないcssファイルもあります。

また、何処をさわればどのようになるか即座に見てみたくもなります。

管理人がいつも使っているのが「FireFox」です。

FireFoxにはWeb Developerが付いており、その中でCSSの編集が出来る項目があります。

非常に便利です。

FireFoxを起動させ、表示→ツールバー→Web Developerを指定すれば、ブラウザーに表示されます。

FireFoxに自分のブログのURLを入力し表示させ、ツールバーのCSS→CSS編集をクリックすると下段にCSS文が出てきます。

このCSS文に直接入力し、変更すれば上段のブログページに直接反映され目で確認する事が出来ます。

変更し終わったら、保存を押してデスクトップにでも保存し、本体のstyle.cssと差し替えれば本体側に反映されます。

ちょっとした修正をやりたいときなど非常に便利です。一度お試し下さい。

-