一緒に悩み、考える。
つくるだけでなく、
そのあとの物語も、ともに。

どんな会社もサービスも、それぞれにストーリーがあります。
花のやはそれをサポートしながら、お客様の成長を隣で見ていたいのです。

一緒に悩み、考える。
つくるだけでなく、
そのあとの物語も、ともに。

どんな会社もサービスも、
それぞれにストーリーがあります。
花のやはそれをサポートしながら、
お客様の成長を隣で見ていたいのです。

ブログBLOG

  1. 名古屋のホームページ制作会社 花のや
  2. 花のやブログ
  3. Dreamweaverのテンプレート作成方法3
2014/11/17ソフトウェアDreamWeaver

Dreamweaverのテンプレート作成方法3

こんにちは。
今週末にポケモンORAS発売を控えていてソワソワしています。
今回はテンプレート化されている各ページごとのbodyにidまたはclassを変更する方法です。

属性を編集可能にする

まず、bodyの開始タグに【id=”” class=””】を追加します。
続いてbodyの開始タグを選択して、「修正」→「テンプレート」→「属性を編集可能にする」を選びます。

img1117_01

idとclassを編集可能にする方法。

まずidを編集可能にします。

【属性を編集可能にする】にチェックをつけてます。
大半のページにつけるid名が決まっている場合は、【初期設定】にid名を入れておくと便利だと思われます。

img1117_02

次にclassを編集可能にします。

【属性】の選択をclassに変更し

img1117_03

どちらも【OK】をクリックすると・・・・
下図のように上の2行が追加され、body開始タグにそれぞれ追加されます。

img1117_04

そしてテンプレートファイルを保存します。
これで、今後テンプレートから新規ページを作成した際、それぞれのページに対してid名class名をつけることができます。

新規ページにid名やclass名を追加する。

新規ページを作り、実際にid名、class名をつけます。
「修正」→「テンプレートプロパティ」を選びます。

img1117_05

テンプレートのプロパティのダイアログボックスを開いたらそれぞれid名、class名を入力してOKボタンをクリックすると値が入力されます。

img1117_06

こうなります。

img1117_07

おわりに。

結構簡単にできるんです。

この記事を書いた人:hirayama

主にコーディング担当しています。 1児(5歳)の母としてお酒好きヒカセンとして日々奮闘中です。 一つ願いが叶うなら頭痛をなくしてほしい。

LINEで送る
Pocket

人気記事ランキング

お問い合わせ

Webサイト制作・その他お仕事のご依頼、
ご相談についてお気軽にお問い合わせください。

  • ホームページ制作で”補助金・助成金”使えます!
  • WEBに関する無料個別相談会
株式会社 花のや
〒460-0008
愛知県名古屋市中区栄2-14-5 山本屋本店栄ビル7階

花のやについて

お仕事のご依頼やご相談は、下記の電話番号
または、メールフォームよりお問い合わせください。
TEL.052-211-9898 / FAX.052-211-9899

お問い合わせ