テーマのCSS編集がサイトを見ながらできるプラグイン「Fastest CSS Editor」

テーマ作成をするときに使える良いプラグインじゃないかと。
これからもっと機能が強化されるのを期待してしまいます。

設定・使用方法

「Fastest CSS Editor」でプラグイン検索で表示されます。
インストールをして有効化するとディスプレイ下部にCSSエディタが追加されます。
FastestCSSEditor

クリックしてエディタを開くと以下にある画像のエディタが開きます。
FastestCSSEditor1

また管理ツールバーにも「Turn off CSS Editor」が追加され表示・非表示ができます。
FastestCSSEditor2

「add selector」をクリックすると下のテキストエリアが黄色くなります。
FastestCSSEditor3

上の画像の状態で、サイト上にマウスを合わせてクリックするとセレクタが表示されるのでクリックして指定します。
FastestCSSEditor10

選択したセレクタがCSS Selectorsに自動で書き込まれるので、左にあるStyleにプロパティと値を入力するとサイトに反映されます。
FastestCSSEditor11

Saveボタンをここで押すと、一時的にログイン中は保存しているようです。
publishボタンを押すと、ログアウトしても設定が反映します。
FastestCSSEditor12

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です