オリジナルテーマ開発で管理画面から画像を差し替えるように開発は可能ですか?

Topic summary

Shopifyのオリジナルテーマで、管理画面からTOPページのバナー画像を差し替えることは可能。テーマエディタを使い、セクションやブロックに画像設定を設けて出力する形が一般的。

メタフィールドは商品だけでなく、他のページ種別(コレクション、ページ、ブログ等)にも付与・参照可能。WordPressのカスタムフィールドに近い概念として使える。

用語補足:テーマエディタ=管理UIでテーマを編集する機能/セクション・ブロック=ページ構成部品/メタフィールド=各リソースへ任意データを追加できる仕組み。

制約:Shopify標準の管理画面に独自の入力欄を直接追加することはほぼ不可。独自の管理UIが必要ならアプリ開発で対応。

推奨アクション:公式ドキュメント(Liquid objects、Sections)参照、英語版フォーラムの情報を調査。パートナープログラムに登録し、開発ストア+無料テーマで実際に動作確認。

現状:質問者は回答に納得し感謝。実装方針は示され、議論は収束。

Summarized with AI on February 13. AI used: gpt-5.

shopifyでのオリジナルテーマ開発を検討しているものです。普段wordpressのオリジナルテーマ開発をしています。

質問ですが、shopifyではオリジナルテーマ開発で、例えば、管理画面からトップページにあるバナー画像を差し替えできるようにする、というようなコードを組むことは可能でしょうか?

管理画面から画像をアップロードできて、それをTOPページのどこかに吐き出させる、というのをイメージしています。(wordpressでいうカスタムフィールドのようなものです。)

調べてみて、近しいメタフィールドという機能には行き着きましたが、どうも商品データ取得の時にしかデータを吐き出せない?ように受け取りました。(違ってたらすいません)

上記のようなことが可能かどうか、ご教授頂けると幸いです。よろしくお願いいたします。

想定されている形かはわかりませんが可能です。

TOPページの場合はテーマエディタを用いる前提でセクションやブロックを利用する形になるかなと思います。

他のページにメタフィールドを設定して利用することも可能ではあるので、いろいろ工夫はできます。

メタフィールドは商品以外の各ページ種別で扱えますので、以下のドキュメントなどを確認ください。

https://shopify.dev/api/liquid/objects

セクションやブロックに関しても以下などで確認できます。

https://shopify.dev/themes/architecture/sections

他にもヘルプやフォーラム(英語版の方が情報量多いです)など情報源はありますので、それらを調査や参照ください。

なお把握している範囲では、管理画面内にShopify側が用意していない独自の入力欄を追加するなどのカスタマイズはほぼできませんので、独自の管理画面付き機能が必要な場合はアプリを作成して対応する必要があると思います。

以上ですが、WPで開発をされているなら、パートナープログラムに登録して開発ストアを開き、Shopify製の無料テーマを入れて中身の解析したり、管理画面上の動きを実際に確認されるのが効率良いかと思います。

ご回答ありがとうございました。大変参考になります。

1 Like