Dreamweaver で Zen コーディングを使用する方法

プラグインをインストールする前に、Adobe Extension Manager がインストールされていることを確認してください。インストールされていない場合は、Adobe の公式 Web サイトからダウンロードしてインストールしてください。

• DW CS3 には Extension Manager バージョン 1.8 のインストールが必要です。ダウンロード ページにアクセスするか、直接ダウンロードしてください。
• DW CS4 には Extension Manager 2.0のインストールが必要です。ダウンロード ページにアクセスするか、直接ダウンロードしてください。

ダウンロードしてインストールする

Zen Coding プロジェクトのホームページにアクセスして、Dreamweaver 用の最新の Zen Coding プラグインをダウンロードしてください。ページの右側の列にダウンロード リストがあり、拡張子が MXP のものがリストされています。 (現在のバージョンは 0.7 で、ここからダウンロードできます。qianduan によってパッケージ化されたバージョンもありますが、公式の新しいバージョンは 0.7 です。公式のバージョンを使用することをお勧めします。)

ダウンロード後、ダウンロードした Zen Coding v.0.7.mxp ファイルをダブルクリックして直接インストールします。とても簡単です。

インストール後、DW を再起動すると、以下に示すように、コマンド メニューの下に zen coding サブメニューが表示されます。

これはインストールが成功したことを意味します。
使い方
Zen コーディングの使い方も非常に簡単です。新しいファイルを作成するか、任意の HTML ファイルでコード ビューに切り替えて、Zencoding 形式のコードを記述します。例:

Dreamweaverのショートカットキーを変更する

Zen Coding プラグインのデフォルトのショートカット キーの使用に慣れていない場合は、ショートカット キーを簡単に変更できます。

ショートカット キーを編集するには、「編集」メニューの「ショートカット キー」サブメニューを選択します。インターフェイスは次のとおりです。

ショートカットキーの行には、現在のショートカットキーが表示されます。変更する必要がある場合は、キーの後ろの入力ボックスにカーソルを移動し、キーボードで使用するキーを直接押します。「変更」ボタンをクリックして確定します。

ショートカットキーを変更する場合は、現在使用しているショートカットキーと競合しないように注意してください。

また、デフォルトのショートカットキーの設定は変更できません。変更したい場合はプロンプトが表示され、プロンプトに従って新しい設定を作成できます。