画像の格納先について

AI-generated summary

Shopifyでページレイアウト用の画像を格納する方法について、2つの選択肢が検討されています:

選択肢:

  1. 管理画面→コンテンツ→ファイルにアップロード({{ 'sample.webp' | file_url }}で呼び出し)
  2. テーマのアセットフォルダに格納({{ 'sample.webp' | asset_url }}で呼び出し)

推奨される方法:
回答者は、保守性の観点から**アセットフォルダ(②)**を推奨しています。

理由:

  • コード上で使用する画像のみを追加できる
  • 画像変更時、元画像を削除する必要がある場合でも、コード上から直接管理できるため簡単
  • ファイルアップロード方式(①)では、使用しない画像も蓄積され、元画像を探す手間がかかる可能性がある

質問者は提案内容を参考に検討する意向を示しています。

Shopifyでの画像の格納先として、以下の選択肢があると思います。
①管理画面→コンテンツ→ファイルにアップロード
②テーマのアセットフォルダに格納

それらの画像はロゴ画像などとは別で、ページ内でのレイアアウトとして利用する想定です。
現在はアセット内に格納し サンプル のような形式でliquid内で呼び出しています。
テーマのバージョンアップなどを加味した上、運用していく中で①と②どちらが適しているなどありますでしょうか。
アドバイス等頂けますと幸いです。

Naru_05様

ご質問を確認いたしました。

どちらも下記の形で読み込むことができますので、大差はないかと存じますが、

保守の観点から見ると、assetフォルダに格納した方が使いやすいかなという気がしております。

①{{ ‘sample.webp’ | file_url }}

②{{ ‘sample.webp’ | asset_url }}

①の場合、コード上で使用する画像以外のものも追加されてしまうため、

表示する画像を変更したくなった際など、元々の画像を探す手間がかかってしまいます。

(変更前後でファイル名を変更しない場合、元々の画像を削除する必要があるため)

②の場合、コード上で使用する画像のみを追加すれば良く、

画像を変更する際も、元々の画像から上書きすれば良いため、管理が簡単になるかと存じます。

ご参考までに。

株式会社フルバランス様

ご返信ありがとうございます。

大変参考になりました!

ご提案していただいた内容で検討しようと思います。