WordPress3.4から搭載されたライブ
プレビュー機能に、CSSを直書きする
項目を追加できるWordPressのプラグ
イン・Live CSS Previewをご紹介し
ます。こういう事も出来るんですね。

WordPress3.4のライブプレビュー機能(テーマカスタマイザー？)は、テーマのプレビューを見ながらタイトルを変更したり、ヘッダ画像を変更できる機能ですが、この項目にCSSの項目を加えるプラグインがLive CSS Previewです。尚、ライブプレビュー機能の細かいは偉い先生方がしてくださるでしょうから一般人の僕は出しゃばらない様にしときますね。

Live CSS Preview

こんな感じでCSS項目が追加されています。あとはいつも通り書けば即座に右のプレビューに反映されます。で、保存すればカスタマイズ完了、みたいな流れです。それだけのシンプルなプラグインですけど、便利っちゃ便利ですね。

JavaScriptバージョンを作ってみた

コード借りてJS版もサクッと作ってみたけど、即時反映する、というのは出来ませんでした。関数変えただけなので当たり前ですが。

保存した後はテーマファイルに書いたJSは追加されていました。↓

暇があったらちゃんと作ってみます。WP管理画面でjsbinっぽいの作れたら開発捗りそうですし。Live CSS Previewのダウンロードは以下よりどうぞ。

Live CSS Preview(via:wpmu)