WordPressにZen Codingを導入するプラグイン「WP Zen-Coding」
5509(+1)のnoriさんがZen CodingをWordPressで使う記事を書いていたので便乗してプラグインを公開したいと思います。(前日にプラグイン化した事を話したのに、うまく伝わってなかったのも今では良い思い出)
プラグイン自体は直ぐに出来たものの、公式プラグインディレクトリへの登録が中々完了しなかったため、少し遅れてしまいましたが、良かったら使ってみて下さい。
概要
WordPressの管理画面にZen Codingを導入するプラグイン。
ダウンロード
WP Zen-Coding - v0.3.1
Zen Codingの設定
設定は[設定]メニューの[Zen Coding]より行えます。
日本語訳が微妙だったり、設定項目の説明が無かったりしますが、その辺りはバージョンアップと共に改善していきたいと思います。
既知の不具合
Zen Coding for textareaのバグなのか仕様なのか、textareaに縦スクロールバーが出ている場合、タグの展開などを行うと最上部にスクロールされます。
カーソルは元の位置にあるので、文字を入力すれば元の位置にスクロールされます。
おすすめ
更新履歴
- 2011-09-02 - v0.3.1
- 非推奨のコードを修正
- 2011-06-28 - v0.3.0
-
- Zen-Coding for <textarea> のバージョンアップ (v0.7.1)
- ショートカットオプションを追加
- 2010-02-23 - v0.2.1
- 古いオプションから「改行」オプションを削除
- 2010-02-23 - v0.2.0
-
- Zen-Coding for <textarea> のバージョンアップ (v0.6)
- 一部オプションの初期値を変更
- ショートカットキーの日本語訳を変更
- 「改行」オプションを削除
- 2010-02-18 - v0.1.1
- インデント文字が保存出来ないバグを修正
- 2010-02-17 - v0.1.0
- 公開
ありがとうございます。追加しましたー。
便利なプラグインありがとうございます。
使ってみると便利で手放せないプラグインですね^^
ただ、CSSの展開ができません（汗）
「m:0」と入力すると「margin:0;」ではなく「＜m:0＞＜/m:0＞」という感じになります。
WP2.9.2を使ってます。
私の環境だけならお騒がせしてすみません。
ご確認いただければ幸いです。
はなとみかんさん、こんにちは。
結論から言いますと、CSSのスニペットはstyle要素の中で展開可能です。
<style>
m:0
</style>
以下、理由です。
Zen-Coding for textareaでは、構文モードがHTMLとCSSでは異なるのですが、
WP Zen-Codingは記事更新の補助をメインに考えているため、HTMLモードで固定しています。
このため、単純にm:0などと入力した場合は、HTMLのタグとして解釈され、
<m:0></m:0> となります。
style要素の中では、自動的にCSSモードに切り替わるため、
CSSスニペットを展開することが出来るようになります。
ご迷惑お掛けいたしますが、よろしくお願いします。
rewさん、早速のご回答ありがとうございます。
説明不足ですみません。
m:0
としていてもとなってしまうのです（汗）
すみません！コードタグを書き忘れてしまいました。
style要素内でも展開されないのです（汗）
すみません、現象を再現することが出来ません＞＜
本日ライブラリのバージョンを上げるアップデートを行いましたので、
もしかすると、プラグインのバージョンを上げることで解決するかも知れません。
もし解決しない場合は、環境の詳しい情報をお教え下さい。
rewさん、こんにちは。
CSSが展開されない件ですが、色々試したところブラウザの影響でした。
使用していたブラウザはFirefox3.5だったのですが3.6にアップグレードするとちゃんと展開されました。
Firefox3.5の時にWP Zen-Codingをアップデートすると改行できなかったのですが、それも3.6にすると解消されました。
お騒がせしてすみませんでした。