はじめに

今回の記事は、Shopify アプリ「シンプル余白調整｜お手軽レイアウト」の解説記事です。

Shopify とは、ざっくり説明すると EC サイトを簡単に構築できるプラットフォームであり、Shopify アプリとはそのプラットフォームの拡張機能のようなものです。WordPress の拡張機能のようなもの、と認識頂いて大丈夫です。

「シンプル余白調整｜お手軽レイアウト」は、Shopify ストアに余白ブロックを挿入できるアプリです。

「シンプル余白調整｜お手軽レイアウト」導入することで、ページの余白を調整でき、レイアウトを整えることができます。

興味のある方は、興味のある方は、以下の URL よりアプリのインストールを行なってください。

シンプル余白調整｜お手軽レイアウト

「シンプル余白調整｜お手軽レイアウト」でできること

Shopify アプリである、「シンプル余白調整｜お手軽レイアウト」は、以下の画像のように、ストアのすべてのページにノーコードで余白を挿入できるアプリです。

「シンプル余白調整｜お手軽レイアウト」は、大・中・小の 3 種類の余白を挿入できます。

「シンプル余白調整｜お手軽レイアウト」は、ストアのどのページにも余白を挿入することができます。

アプリのインストール

それでは、実際にアプリのインストールを行なっていきましょう。

ストア管理画面左下の「設定」をクリックします。

ストアの管理画面の「アプリと販売チャネル」画面に表示されている「Shopify App Store」をクリックして、Shopify App Store に移動してください。

検索窓に、「シンプル余白調整｜お手軽レイアウト」と入力してください。以下の画像のアプリをクリックしてください。

「インストール」ボタンをクリックして、ストアにアプリを追加しましょう。マーチャント用のアカウント（実際に物販などで運用しているアカウント）ですと、月額$2.99 でご利用いただけます。インストール後、7 日間は無料でご利用いただけます。

「インストール」ボタンをクリックすると以下の画面に遷移します。右下の「インストール」ボタンをクリックして、アプリのインストールを行いましょう。

以下の管理画面が表示されます。

アプリをテーマに追加

アプリをテーマに追加していきます。

自動でアプリをテーマに追加

管理画面の「設定」ページの「ストアに余白調整ブロックを追加」セクションでアプリをテーマに追加します。

追加したいテーマを選択し、「テーマに追加」ボタンをクリックしてください。

これでテーマに「余白調整（中）」を追加できます。忘れないように、右上の「保存する」ボタンをクリックしてください。

手動でアプリをテーマに追加

手動でアプリをテーマに追加します。
下記の画像のように「セクションを追加」から手動でアプリを追加します。

余白のカスタマイズ

3つのセクションで余白のカスタマイズができます。

余白調整（小）セクション

余白調整（小）セクションの余白のカスタマイズです。
以下の画像は、編集できる箇所を表しています。テーマに合ったデザインにカスタマイズしてください。

余白調整（中）セクション

余白調整（中）セクションの余白のカスタマイズです。

余白調整（大）セクション

余白調整（大）セクションの余白のカスタマイズです。

終わりに

今回は、「シンプル余白調整｜お手軽レイアウト」の解説を行いました。

少しでも興味があれば、以下のリンクよりアプリをインストール頂けるとありがたいです。

シンプル余白調整｜お手軽レイアウト