終了

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

New Here ,
Feb 05, 2021 Feb 05, 2021

リンクをクリップボードにコピー

コピー完了

下のテンプレートのコードで指定している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>

キーワード
Code

表示

841

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines

correct answers 1 件の正解

支持者 , Feb 06, 2021 Feb 06, 2021

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

 

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


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

 

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

 

editable_attribute.png


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


更に言えば、メニュー > 編集 > テンプレートのプロパティ からパスを自由に変更することも出来ますので、「このペー

...

投票

翻訳

翻訳
支持者 ,
Feb 06, 2021 Feb 06, 2021

リンクをクリップボードにコピー

コピー完了

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

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
支持者 ,
Feb 06, 2021 Feb 06, 2021

リンクをクリップボードにコピー

コピー完了

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

 

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


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

 

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

 

editable_attribute.png


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


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

お試しください。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
New Here ,
Feb 07, 2021 Feb 07, 2021

リンクをクリップボードにコピー

コピー完了

nmatsuo5様

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

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

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

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
New Here ,
Feb 07, 2021 Feb 07, 2021

リンクをクリップボードにコピー

コピー完了

最新

ご教示頂いた通りに変更している最中ですが画像が多いため手間がかかり、ソースにも

<!-- TemplateParam name="ラベル" type="URL" value="../images/logo.webp" -->

が多数挿入されて見た目も良くないため、サポートにこの問題に対する修正予定はあるかと尋ねてみました。

回答としては

『調べた結果いまのところ実装予定はないが、開発部へ上申する。ただそれが実装されるかは世界的規模での開発のためわからない』

とのことでした。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines