» WordPressでzen-codingを使えるようになるプラグイン・WP Zen-Codingが凄く便利

WordPressでzen-codingを使えるようになるプラグイン・WP Zen-Codingが凄く便利

カテゴリ » WordPress, プラグイン
書いた日 » 月曜日, 3月 1st, 2010

話題のzen-codingをWordPress
で使えるようになるプラグイン、
「WP Zen-Coding」を試してみま
した。これ、本当に便利です。
確かにコーディングスピードが速く
なりそうですよ。

zen-codingって何？と言う方は、Zen-Codingが楽しいという記事をご覧下さい。分かりやすいです。

zen-coding

zen-codingを使うと、タグ入力作業をショートカットの要領で行なう事が出来きます。例えば

div#header>div#contents>ul.navigation>li*4>a

と打ち、ctr+E（winの場合）で以下のHTMLコードを展開してくれます。

<div id="header">
<div id="contents">
<ul>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</div>
</div>

図すると以下のような感じ。

よけい分かりにくかったらごめんなさい。
こんな感じの短いコマンドを入力する事でサクッとHTMLコードを展開してくれるのがzen-codingで、これをWordPress内で使えるようにするプラグインがWP Zen-Codingです。このコマンドはシンタックスをご覧頂くとよりピンときやすいかもしれません。

WP Zen-Coding

設定画面です。rewishさん作成の国産プラグインなので日本語ですよ。（via:5509(+1)）

インストール

1. WP Zen-Codingをダウンロードし、解凍
2. wp-content/plugins/内にフォルダごとコピーしてアップロード
3. 管理画面で有効化
4. 各種設定

設定はデフォルトでも使えるので分からない場合は変更しなくても良いかも。プラグインの設定ページでテストですきます。Web制作時に導入してコンテンツを作成し、納品時に外す、という形が僕の使用法です。ほんと便利なのでぜひ触ってみてくださいー。

---

• 頂いたコメント
• トラックバック
• お読み下さい

【WordPressでzen-codingを使えるようになるプラグイン・WP Zen-Codingが凄く便利】へのコメント 4

トラックバック

TRB:

1. ITキヲスク | いろんなエディタのzen-codingプラグインをまとめてみました
2. [リンク] links for 2010/3/1-3 | Bonnie styles.
3. 今週の管理人Bookmark (2/28-3/7) - ElectricBrain Standard
4. 最近のWordpress関連の記事をまとめました

• かちびと.netにリンクの無いトラックバックは受付けてないです。
• コメントされる前にガイドラインをご覧下さい

この記事のトラックバックとURL

URL:
TRB:

お気軽にコメントして下さい

*は必須です

お名前*     :

メール*     :

Webサイト:

以下にコメントをどうぞ。いくつかのHTMLタグも使えます。

You can add images to your comment by clicking here.

サイト内検索