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でhtml5のコードヒントを使う

この記事(http://adobe-html5.jp/)を読んでたらどうもHTML5 PackはCS5じゃないとダメみたい。 ただ僕のDreamweaverはCS4なのでどうしたらいいものか検索。 そ …

[覚書]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 …

[覚書]DreamweaverのFTPで依存ファイルをアップしない方法

1. [編集]-[環境設定] (Windows) または [Dreamweaver]-[環境設定] (Macintosh) を選択します。 2. [環境設定] ダイアログボックスで、左側の [カテゴリ …