niwadesign

ホームページ制作のネタ発信

Dreamweaver

Dreamweaverテンプレートでの属性編集機能

投稿日:

今回久しぶりにDreamweaverのテンプレート機能を使って作成をすることになったんですが、そこで1点問題がでてきました。
どうしてもbodyの属性でカレント設定をする必要があり、これではテンプレートを使ったとしても編集可能領域を広範囲にしなくては対応できない。
ふと同僚の@takanoha_111さんにいい方法がないか聞くとあっさり回答がありました。
それはズバリ!テンプレートの「属性編集を可能にする」って項目でした。
知ってる人は余裕で知っているとは思いますが、僕は知らなかったので知らない人もいると思うのでやり方を紹介します。

ちなみにDreamweaverのバージョンはCS4[Mac]です

1.まずは普通にテンプレートとしてファイルを保存します。
ページによって属性を変更したい部分を選択します

2.修正→テンプレート→属性を編集可能にする…を選択
修正→テンプレート→属性を編集可能にする...を選択

3.今回はIDを変更するので属性はID。初期設定はテンプレートに書かれているtopとします。
※属性を編集可能にするにチェックをつけてください。
今回はIDを変更するので属性はID。初期設定はテンプレートに書かれているtopとします。

4.OKボタンを押すとbodyの部分が<body id="@@(id)@@">と変更されます。
OKボタンを押すとbodyの部分が<body id="@@(id)@@">と変更されます。

5.次にテンプレートから新規ファイルを作成します。

6.修正→テンプレートプロパティを選択
修正→テンプレートプロパティを選択

7.すでにデフォルト値のtopがはいっています。
すでにデフォルト値のtopがはいっています。

8.id:topの値を任意の値に変更します。今回はcompanyと変更しました。
id:topの値を任意の値に変更します。今回はcompanyと変更しました。

9.OKボタンを押すとbodyのidが変更されます。
OKボタンを押すとbodyのidが変更されます。

-Dreamweaver
-

執筆者:


comment

メールアドレスが公開されることはありません。

関連記事

no image

DreamweaverでRuby on Railsのテンプレート.rhtml、.erbを編集できるようにする方法

DreamweaverのRuby on Rails拡張機能「RubyWeaver」を入れる。 http://www.studio-kingdom.com/ruby-rails/51 ダウンロードサイト …

Dreamweaver CS4とSubversion(SVN)の連携

Dreamweaver CS4ではSubversionとの連携ができるようになりました。これでプログラマーの人にMacを買って下さいって言わなくてすみそうです。 セットアップ サイト定義から「バージョ …

[覚書]DWのCSSのインデントをスペースからタブに変更する方法

先日DWをCCに変更してから、どうもCSSの自動インデントが半角スペースになっているのが気になってしょうがなかった。 設定を確認していたらここで変更できることに気づいたので覚書。 環境設定 > コード …

[覚書]MacのDreamweaverCS4でcakePHPのテンプレート.ctp、.thtmlを編集できるようにする方法

Extensions.txtにthtmlとctpを追加する。(1行目) ■Extensions.txtの場所 /users/○○○(ユーザ名)/Library/Application_Support/ …

Dreamweaverでよく使うショートカット

普段ボクがコーディングする上でよく使うショートカットの紹介 ⌘(コマンド)+1〜6 h1〜h6 ⌘(コマンド)+Shift+P pタグ ⌘(コマンド)+B strongタグ ⌘(コマンド)+alt+T …