本サイトのコンテンツには、商品プロモーションが含まれている場合があります。

plugin web制作 wordpress

WordPressの管理画面上でZen-Codingが使用できるプラグインWP Zen-CodingWordPress plugin WP Zen-Coding

スポンサーリンク

はじめに

WordPressの管理画面上でZen-Codingが使用できるプラグインWP Zen-Coding
をインストールする手順です。

環境

WP Zen-Coding 0.2.1
WordPress version 3.0.5
Mac OS 10.6.6

Zen-Codingについて

Zen-CodingはHTML/CSSをショートカット+スニペットで簡略化してコードを書くことができるライブラリです。

知らない人は損してる?コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ
より引用

手順

管理画面 > プラグイン >新規追加

よりWP Zen-Codingを検索し追加。有効化します。
有効化後、投稿画面のhtmlエディタ上でZen-Codingが使用できるようになります。

設定

管理画面 >設定 >Zen Coding

から設定ページに遷移できます。

デフォルトのショートカットキーに [Meta+E]や[Meta+D]と指定されていますが、
MetaキーはMacだとコマンドキーのことです。
また、省略コードの展開は「tabキー」でも展開されます。

おわりに

Zen-Codingはコーディング速度を上げる必須ツールといっても過言ではありませんので、
有効に使いたいですね。

-plugin, web制作, wordpress
-,