リンクをクリップボードにコピー
コピー完了
下のテンプレートのコードで指定している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>
すみません、「投票」だけでは解決にならないので、回避策を。
Dreamweaverのテンプレートは、タグの一部を編集可能領域にできます(属性を編集可能領域にする)。
今回のsrcset属性で指定したパスについても、テンプレートから見たファイルパスを編集可能な属性の初期値しとして設定すると、子供のHTML上ではテンプレートから辿ったパスの情報が予め設定された状態になっています。
親のテンプレートファイル上で 各sourceタグをマウス選択し、メニュー > ツール > テンプレート > 属性を編集可能にする... をクリックします。
以下のようなダイアログが表示されますので、「SRCSET」属性を選択し、ラベルに任意の名称を設定します。タイプを「URL」にし、初期値はテンプレート上のファイルパスを記述します。
この状態で更新を行うと、テンプレートから作成された子供のファイルパスは、img のSRC属性のようにテンプレートから見た相対パスが記述されているはずです。
更に言えば、メニュー > 編集 > テンプレートのプロパティ からパスを自由に変更することも出来ますので、「このペー
リンクをクリップボードにコピー
コピー完了
Dreamweaverは現状HTML5までのサポートで、5.1の比較的新しいタグには対応していないです。同様のリクエストがAdobeのUservoice.comにもありましたので、是非「投票」頂ければと思います。
srcset tags in Dreamweaver templates - relative path updating
リンクをクリップボードにコピー
コピー完了
すみません、「投票」だけでは解決にならないので、回避策を。
Dreamweaverのテンプレートは、タグの一部を編集可能領域にできます(属性を編集可能領域にする)。
今回のsrcset属性で指定したパスについても、テンプレートから見たファイルパスを編集可能な属性の初期値しとして設定すると、子供のHTML上ではテンプレートから辿ったパスの情報が予め設定された状態になっています。
親のテンプレートファイル上で 各sourceタグをマウス選択し、メニュー > ツール > テンプレート > 属性を編集可能にする... をクリックします。
以下のようなダイアログが表示されますので、「SRCSET」属性を選択し、ラベルに任意の名称を設定します。タイプを「URL」にし、初期値はテンプレート上のファイルパスを記述します。
この状態で更新を行うと、テンプレートから作成された子供のファイルパスは、img のSRC属性のようにテンプレートから見た相対パスが記述されているはずです。
更に言えば、メニュー > 編集 > テンプレートのプロパティ からパスを自由に変更することも出来ますので、「このページだけロゴを変えたい」といったことも対応可能です。
お試しください。
リンクをクリップボードにコピー
コピー完了
nmatsuo5様
丁寧なご説明、さらにはSCまで撮っていただきありがとうございます。
nmatsuo様に教えて頂いた通りにやってみましたところ上手くできました!
AdobeのUservoice.comにも投稿できれば良いのですが何分英語が不得意なものですのでこちらの方は控えさせて頂きます。
リンクをクリップボードにコピー
コピー完了
ご教示頂いた通りに変更している最中ですが画像が多いため手間がかかり、ソースにも
<!-- TemplateParam name="ラベル" type="URL" value="../images/logo.webp" -->
が多数挿入されて見た目も良くないため、サポートにこの問題に対する修正予定はあるかと尋ねてみました。
回答としては
『調べた結果いまのところ実装予定はないが、開発部へ上申する。ただそれが実装されるかは世界的規模での開発のためわからない』
とのことでした。