ローカル環境でコーディングしたlpを固定ページに設置する方法について

AI-generated summary

目的: ローカルで作成したLP(ランディングページ)をShopify(Dawn)の固定ページに設置する方法と、必要なスキルの確認。

提案された実装方法:

  • 固定ページのHTMLエディタにLPのHTMLを直接記述。
  • LP専用の固定ページテンプレートを作成してHTMLを書く。

技術要件: 静的なLPであればHTML/CSS(必要に応じてJS)で対応可能。Liquid(Shopifyのテンプレート言語)は、ストアの動的情報を表示する場合(例: 特定コレクションの商品を載せる)にのみ必要。

参考: 固定ページでLPを作る手順を解説する外部記事リンクが提示された(具体的な作成方法の詳細)。

ステータス: 実装方針と判断基準が示され、HTML/CSS中心で対応可能との結論。要件次第でLiquidが必要になる可能性があり、追加の疑問は継続相談可。

ローカル環境でコーディングしたLP1本を、「ページ追加」にて固定ページに設置しようと考えております。

その場合、liquidでコードを直接編集する必要があるかと思いますが、どのような手順で行えば宜しいでしょうか?

HTML・CSSの初歩的な知識だけで対応可能でしょうか?それともliquidの知識がある専門家に依頼した方が良いでしょうか?

LPはレスポンシブデザインで主にHTML・CSS・Jsで構成されています。

Shopifyテーマ(Dawn)を使用しています。

お手数ですが、宜しくお願い致します。

Yuya_aonoさま

はじめまして、フルバランスの渡邉です。

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

LPページの実装方法って色々あって迷いますよね。

LPページの埋め込み方法としては、ページのHTMLエディタに書くか、LP用のテンプレートを作ってHTMLを書くかになるかと存じます。

作り方の詳細に関しては以下記事が参考になるかと思います。

https://homupedia.com/shopify-reference-create-page.html#shopify%E3%81%AE%E5%9B%BA%E5%AE%9A%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%A7lp%E4%BD%9C%E3%82%8C%E3%82%8B

liquidが必要になるのは、LPに何か動的にストア情報を載せたい場合(特定のコレクションの商品を載せたいなど)ですので、特段そのようなご要望がなければHTML・CSSだけの構築で問題ないかと思います。

ご参考になりましたでしょうか。

私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

分からない点があれば、またいつでもご連絡ください。

フルバランス 渡邉