WordPress等の投稿もZen-Codingで楽々編集できるJSライブラリ Zen Coding for
15日のvol.01 ノンプログラマのためのPHP入門はPHPを始めようとしている僕にはとても有意義なものだったのですが、さらに衝撃だったのは、でした。
前々から存在は知ってましたが、使ったことはありませんでした。使ってみたところこれが超快適・・・!確かにコーディングが3倍速くなるかも知れない。これを知らなかったなんて僕のコーディング人生は何だったんでしょうか。
で、わざわざZen-Codingのよさについて書いたところで意味がないので、Zen-Codingについては以下のエントリ等が参考になると思います。
ブログ記事をHTMLで書いている人に超きっとおすすめ
WordPressの記事をZen-Codingで編集したいなとか話してたんですが、どうやらtextareaでZen-Codingを可能にするライブラリが公式であるんですね・・・そしてこれが素晴らしい出来でブログ記事を書く速さも3倍1.5倍くらいになりそうです。特に技術系のブログを書いてる人には手放せないツールになるんじゃないでしょうか。
以下WordPressに適用して編集した際のキャプチャです。公式サンプルそのまんまで申し訳ないですがそういうことです。
この状態でCmd+E(Ctrl+E)で・・・
このように展開できます。
WordPressに導入する方法
僕はWPユーザーなので、WordPressに導入する方法を書いておきます。ちなみに、ビジュアルエディタは邪魔なのでオフにしておきます。(どちらでもいいですが)
プラグインを使って導入する
【追記】rewさんがプラグイン化してくれました。なかなか登録が完了しないようです・・・
以下は古い内容です。WordPressのバージョンアップに伴って消えるのでプラグインを使ったほうがいいですね。
Zen Coding for
まずはソースコードをダウンロードします。
- ダウンロード
- 公式サンプル
- Zen Coding for
WordPressの管理画面で読み込む
ダウンロードしたら解凍して出てくる「zen_textarea.js」か「zen_textarea.min.js」を適当なフォルダにコピーして
- /wp-admin/admin-header.php
を開いてたぶん69行目辺りがのすぐ上なので、そこで読み込ませます。
わずか2ステップで実装できてしまいました。ただこの方法だと記事編集画面以外のテキストエリアにも適用されてしまうので、それが嫌な人はか何かで編集画面でのみ適用するようにするといいでしょう。
タグをあまり使わないWordPressユーザーにははてな記法プラグイン
そんなにタグばっかり使わない人にはrewishさん作のはてな記法プラグインがちょうどいいと思います。テーブルなどもどんどん使えますし、こちらもかなり便利です。