shopify(ショッピファイ)サイトをデザインする方法

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


目次[非表示]

  1. 1.Shopifyの規約ページ新規作成・編集方法
  2. 2.Shopifyのヘッダーメニューの新規作成、編集方法
  3. 3.Shopifyフッターメニューの新規作成、編集作成方法


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

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

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

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

記事のPDF版をダウンロードするボタン


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

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


shopifyに関するお問い合わせをするボタン

shopify資料のダウンロードをするボタン

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

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

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

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


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

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


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

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



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

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


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

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


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


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

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

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

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


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


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

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


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

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

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


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



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

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


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

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


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


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

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

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


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


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

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

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

記事のPDF版をダウンロードするボタン​​​​​​​


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


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

shopifyに関するお問い合わせをするボタン

shopify資料のダウンロードをするボタン

shopify構築サービスバナー

トランスコスモスShopifyエンジニア
トランスコスモスShopifyエンジニア
トランスコスモスは日本で7社しかない最上位の「Shopifyプラスパートナー」です。最上位認定を堅持しShopifyでのECサイト制作・Shopifyアプリ開発を担うのが、トランスコスモスShopifyエンジニアチームです。Shopifyアプリの解説・紹介、Shopifyの基本的な使い方など制作や開発の過程で得られた知見をご紹介します。

Shopify(ショッピファイ)ストア構築・制作、
運用代行について問い合わせ

Shopifyアプリ解説・紹介記事

ShopifyのECサイト制作ならトランスコスモス

トランスコスモスは、Shopifyのエンタープライズ版「Shopify Plus」の優れた成果を持つ提携企業として認定された、国内に7社しかいない(2021年9月時点)最上位の公式パートナーです。

Shopifyを使ったECサイト制作から、調査分析・戦略立案、WEB広告(SEM)、ECサイト制作、お客様サポート、受発注、フルフィルメントまで業務設計・運用代行いたします。

トランスコスモスのEC全領域を網羅するサービス

関連記事


【無料】セミナー動画視聴


EC関連サービス


数字で見るトランスコスモスの強み

お気軽に
お問い合わせください

Shopify(ショッピファイ)
ECストア構築・運用代行

トランスコスモスは日本最上位の「Shopifyプラスパートナー」企業です
ロジスティクスサービス

 記事カテゴリー

【週間ランキング】ECブログ人気記事

ロジスティクス関連 新着記事

【初心者必見!】Shopifyマニュアル

 Tag(タグ)一覧

正社員募集(求人)

 【無料】資料ダウンロード

Shopify認定パートナー企業

shopify plus partner
トランスコスモスは最上位の「Shopify Plus partner(ショッピファイプラスパートナー)」です。
Shopifyでのサイト制作ならお任せください!
ECソリューションをお届けするサービスサイト

トランスコスモス株式会社
CX事業統括
ECX本部

〒150-0011
東京都渋谷区東1-2-20
渋谷ファーストタワー
050-1751-7700(代表)

経済産業省が定める「DX認定事業者」
トランスコスモスは経済産業省が定める「DX認定事業者」
トランスプラス
トランスコスモスの全社的な情報を発信するオウンドメディア
cotra
コンタクト/コールセンターに携わる方への情報サイト
トランスコスモス株式会社
企業サイト(コーポレートHP)
Global Digital Transformation Partner.
お客様企業のデジタル・トランスフォーメーション・パートナー。
shopify構築・制作・運用