Shopify通販サイトにランディングページ（LP）を実装する方法と必要な設定について

Shopify通販サイトにランディングページ（LP）を実装する方法と必要な設定について説明します。

## 必要なもの

1. **Shopifyアカウント**

2. **Shopifyテーマ**（標準テーマまたはカスタムテーマ）

3. **HTML/CSSの基礎知識**

4. **JavaScriptの基礎知識**（必要に応じて）

5. **Shopify管理画面へのアクセス権限**

## LPデータの実装手順

### 1. テーマのカスタマイズ

まず、Shopify管理画面にログインし、テーマのカスタマイズを行います。

1. **管理画面にログイン**: [Shopify管理画面](https://www.shopify.com/login)にログインします。

2. **テーマのカスタマイズ**: 「オンラインストア」>「テーマ」に移動し、現在のテーマの「カスタマイズ」をクリックします。

3. **新しいテンプレートの作成**:

   - 「テーマのアクション」>「コードを編集」を選択。

   - 左側のファイルリストから「テンプレート」フォルダを展開し、「新しいテンプレートを追加」をクリック。

   - テンプレートタイプとして「page」を選択し、テンプレート名を「lp」にします。

### 2. HTMLの作成

新しいテンプレート「page.lp.liquid」が作成されたら、以下のようにHTMLを記述します。

```html

<!-- page.lp.liquid -->

{% layout 'theme' %}

<div class="lp-container">

  <h1>ランディングページのタイトル</h1>

  <p>ランディングページのコンテンツ。</p>

  <!-- 必要に応じてフォームやボタンを追加 -->

  <form action="/cart/add" method="post">

    <input type="hidden" name="id" value="商品のID">

    <button type="submit">購入する</button>

  </form>

</div>

```

### 3. CSSの追加

LPのデザインをカスタマイズするために、テーマのCSSファイルにスタイルを追加します。

1. **CSSファイルの編集**: