Skip to main content
Participant
February 5, 2021
Answered

テンプレートのパスの変換について

  • February 5, 2021
  • 1 reply
  • 1230 views

下のテンプレートのコードで指定しているfooter_logo.pngはテンプレートを適用するとimg src=""は階層に応じてパスを変換されるのですが、srcset=""はパスの変換がされなく困っています。

何か解決方法はありますでしょうか?

 

<a href="index.html">
<picture>
<source media="(min-width:768px)" srcset="../images/footer_logo.png">
<source media="(max-width:767px)" srcset="../images/footer_logo.webp">
<img src="../images/footer_logo.png" alt="logo">
</picture>
</a>

This topic has been closed for replies.
Correct answer nmatsuo5

すみません、「投票」だけでは解決にならないので、回避策を。

 

Dreamweaverのテンプレートは、タグの一部を編集可能領域にできます(属性を編集可能領域にする)。
今回のsrcset属性で指定したパスについても、テンプレートから見たファイルパスを編集可能な属性の初期値しとして設定すると、子供のHTML上ではテンプレートから辿ったパスの情報が予め設定された状態になっています。


親のテンプレートファイル上で 各sourceタグをマウス選択し、メニュー > ツール > テンプレート > 属性を編集可能にする... をクリックします。

 

以下のようなダイアログが表示されますので、「SRCSET」属性を選択し、ラベルに任意の名称を設定します。タイプを「URL」にし、初期値はテンプレート上のファイルパスを記述します。

 


この状態で更新を行うと、テンプレートから作成された子供のファイルパスは、img のSRC属性のようにテンプレートから見た相対パスが記述されているはずです。


更に言えば、メニュー > 編集 > テンプレートのプロパティ からパスを自由に変更することも出来ますので、「このページだけロゴを変えたい」といったことも対応可能です。

お試しください。

1 reply

Inspiring
February 7, 2021

Dreamweaverは現状HTML5までのサポートで、5.1の比較的新しいタグには対応していないです。同様のリクエストがAdobeのUservoice.comにもありましたので、是非「投票」頂ければと思います。
srcset tags in Dreamweaver templates - relative path updating

nmatsuo5Correct answer
Inspiring
February 7, 2021

すみません、「投票」だけでは解決にならないので、回避策を。

 

Dreamweaverのテンプレートは、タグの一部を編集可能領域にできます(属性を編集可能領域にする)。
今回のsrcset属性で指定したパスについても、テンプレートから見たファイルパスを編集可能な属性の初期値しとして設定すると、子供のHTML上ではテンプレートから辿ったパスの情報が予め設定された状態になっています。


親のテンプレートファイル上で 各sourceタグをマウス選択し、メニュー > ツール > テンプレート > 属性を編集可能にする... をクリックします。

 

以下のようなダイアログが表示されますので、「SRCSET」属性を選択し、ラベルに任意の名称を設定します。タイプを「URL」にし、初期値はテンプレート上のファイルパスを記述します。

 


この状態で更新を行うと、テンプレートから作成された子供のファイルパスは、img のSRC属性のようにテンプレートから見た相対パスが記述されているはずです。


更に言えば、メニュー > 編集 > テンプレートのプロパティ からパスを自由に変更することも出来ますので、「このページだけロゴを変えたい」といったことも対応可能です。

お試しください。

71602720Author
Participant
February 8, 2021

nmatsuo5様

丁寧なご説明、さらにはSCまで撮っていただきありがとうございます。

nmatsuo様に教えて頂いた通りにやってみましたところ上手くできました!

AdobeのUservoice.comにも投稿できれば良いのですが何分英語が不得意なものですのでこちらの方は控えさせて頂きます。