【図解・Shopify(ショッピファイ)基礎編】ヘッダー・フッタのメニュー作成・編集方法を解説

この記事は「shopifyカリキュラム基礎編 -Day4-」となり、以下をご紹介いたします。

・Shopify管理画面から簡単に規約ページの作成・編集方法

・ヘッダーメニュー(ページ上部メニュー)の新規作成・編集方法

・フッターメニュー(ページ下部メニュー)の新規作成・編集方法

■あわせてよく読まれている記事：shopifyカリキュラム基礎編 - Day1～Day3 -

→【Day1】Shopifyの始め方や基本を解説
→【Day2】商品登録方法を解説
→【Day3】ページデザインの編集方法を解説。テーマのインストール～設定・編集

Shopifyの規約ページ新規作成・編集方法

それでは規約ページの作成方法から解説していきます。

Shopifyには規約ページ用のテンプレートが用意されています。

作成したページはフッターに表示させる事が出来ます。

規約ページは基本的に全てテキストベースでの作成です。
（今回は記述内容に関しては割愛します）

使用メニュー　設定＞法務関連

各規約ページにテキストを入力しましょう。今回は特に入力するテキストは有りませんので、各規約のタイトルをフィールドに入力して下さい。

入力が完了したら、右下の「保存する」を選択して下さい。

Shopifyのヘッダーメニューの新規作成、編集方法

TOPページに表示したヘッダーにメニューを設定します。
ヘッダーメニューもセクションのように、追加や順番の入れ替えなどが簡単に行えます。

初期設定のヘッダーにメニューを追加していきます。まずは作成したコレクションを割り当てていきます。

使用メニュー　オンラインストア＞メニュー＞メインメニュー

メインメニューを選択すると左の画面が出て来ます。この画面ではメニューの追加や削除、場所の入れ替えを行います。

上の画像と同じメニュー内容を作っていきます。

上から順番に、
・テーブルウェア
└プレート、お皿
└カトラリー
└カップ、ソーサー
・インテリア
・木製製品
・ファブリック
・ランプ、照明

※お問い合わせページはこの後作成するのでここでは入れなくて大丈夫です。

ページ下部の「メニューの追加」を選択し、メニューを追加していきます。

まずはメニューの名前から入力します。名前の入力が完了したら「リンク」の部分を選択すると、2枚目の画像のような画面が出て来ます。

この画面でリンク先の設定を行います。「コレクション」を選択し、該当するコレクションを選択しましょう。選択が完了したら右下の「追加」を押しましょう。

同じ要領で他のメニューも設定していって下さい。

続いて、「テーブルウェア」の中に「プレート、お皿」「カラトリー」「カップ、ソーサー」のコレクションを内包させます。

左端にある緑の囲み内「カラトリー」を選択したままドラッグすると、コレクションの場所を変更する事が出来ます。

内包させたいコレクションの所まで移動させ、図のようにブルーのラインが出て来てから選択を解除すると、そのコレクションの中に内包させる事が出来ます。

同じ要領で他のコレクションも内包させていって下さい。左の図のように設定出来たら完成です。

Shopifyフッターメニューの新規作成、編集作成方法

ヘッダーと同じように、今度はフッターを設定します。

初期設定のフッターにメニューを追加していきます。作成した規約ページなどを割り当てていきます。

使用メニュー　オンラインストア＞メニュー＞フッターメニュー

フッターメニューを選択すると左の画面が出て来ます。この画面ではメニューの追加や削除、場所の入れ替えを行います。

左の画像と同じメニュー内容を作っていきます。
・返金ポリシー
・プライバシーポリシー
・利用規約
・配送ポリシー
・特定商取引法に基づく表記

※お問い合わせページはこの後作成するのでここでは入れなくて大丈夫です。

ページ下部の「メニューの追加」を選択し、メニューを追加していきます。

まずはメニューの名前から入力します。名前の入力が完了したら、「リンク」の部分を選択すると、2枚目の画像のような画面が出て来ます。

この画面でリンク先の設定を行います。「ポリシー」を選択し、該当する規約ページを選択しましょう。選択が完了したら右下の「追加」を押しましょう。

各規約ページは下記の名称で登録されています。
------
返金ポリシー：Refund Policy
プライバシーポリシー：Privacy Policy
利用規約：Terms of Service
配送ポリシー：Shipping Policy
特定商：Leagal Notice
------

同じ要領で他の規約も設定していって下さい。

​​​​​​​

■「shopifyカリキュラム基礎編」その他の記事はこちら↓です。併せてご覧ください。
前の記事↓
【Day1】Shopifyの始め方や基本を解説
【Day2】商品登録方法を解説
【Day3】ページデザインの編集方法を解説。テーマのインストール～設定・編集

次の記事↓
【Day5】配送設定と決済テスト方法を解説
【Day6】アプリのインストールと設定、liquidコード編集方法を解説
【Day7】いろいろなページの作成方法PageFlyの使い方を解説