Square オンラインビジネスでページとナビゲーションメニューを作成する
コンテンツが表示されるページはウェブサイトに欠かせない要素であり、ページがあるからこそナビゲーションメニューの目的が明確になります。この記事では、ページの作成・管理の方法をはじめ、Square データでウェブサイトのナビゲーションメニューを編集する方法についてご紹介します。
ページを作成する
サイトエディタから [+追加] > [ページ] の順に選択して、サイトに追加するページの種類を選びます。
- 空白のページ:何もない空白のページで、ゼロからセクションを追加できます。
- 会社紹介:情報を伝えるテキストと画像セクションがすでに含まれているページで、編集およびカスタマイズができます。
- お問い合わせ:お問い合わせフォームがすでに含まれているページで、編集およびカスタマイズができます。詳細については、Square オンラインビジネスにお問い合わせフォームを追加をご覧ください。
- ギャラリー:画像ギャラリーがすでに含まれているページで、編集およびカスタマイズができます。詳細については、Square オンラインビジネスの画像ギャラリーとスライドショーをご覧ください。
- Instagram:Instagramセクションがすでに含まれているページで、編集およびカスタマイズができます。詳細については、Square オンラインビジネスにInstagramフィードを追加をご覧ください。
- ショップ:オンラインストアから購入を行うための注文ページです。詳細については、Square オンラインビジネスに注文ページを追加をご覧ください。
- ブログの概要:Square オンラインビジネスでのすべてのブログ投稿の概要ページです。
- ブログ:個別のブログ投稿を追加できるページです。
- ホーム:ウェブサイトのホームページです。詳細については、ホームページを変更をご覧ください。
- ギフトカード:お客さまがSquare オンラインビジネスのサイトを閲覧している際に、Squareギフトカードを購入してもらえるようにできます。詳細については、ウェブサイトからギフトカードを販売をご覧ください。
- 予約:Square 予約と連携するオンラインスケジュール機能のページ。お客さまがSquare オンラインビジネスのサイトから直接予約できるようにします。
ご注意:サイトに商品またはカテゴリページを追加する場合は、Square商品ライブラリに戻り、新しい商品またはカテゴリを作成します。完了したら、エディタに戻り、ブラウザを更新します。新しく追加された商品やカテゴリのページは、ページリストのオプションになります。
ページを選択したら、ナビゲーションメニューにおける表示名を入力します。ナビゲーションからそのページにアクセスできないようにしたい場合(そのページへの直接のリンクからのみアクセス可能にする場合)は、[ページをナビゲーションに追加する] のチェックを外してください。[追加] を選択して終了します。
新しいページを保存すると、セクションによりコンテンツの追加が可能になります。
ページ管理オプション
エディタには、ページの動作やデザインをカスタマイズできる、さまざまなページ管理オプションが用意されています。利用可能なオプションを見るには、[ページ] ドロップダウンメニューを選択して、リストから任意のページを選び、その上にカーソルをかざします。ページを開いて、編集パネル内の歯車アイコンを選択することもできます。
[ページ設定を表示] を選択すると、管理中のページの特定の設定を調整できます。次の3つのタブがある、ページ設定ポップアップウィンドウが表示されます。
- 一般:このタブでは、ページ名やURLの変更、またはURLリダイレクトやパスワード保護の設定ができます。
- SEO:このタブでは、検索エンジン用のタイトルや説明を追加します。また検索エンジン結果でサイトがどのように表示されるかプレビューで確認することができます。検索エンジンにサイトをインデックス登録されたくない場合は、検索エンジンからページを非表示にするよう設定することもできます。
- SNS:このタブでは、SNSでウェブサイト用に使用するタイトル、説明、画像の編集やプレビューを行うことができます。さらに詳しくは、Square オンラインビジネスのソーシャルメディアのリンクをご覧ください。
現在のホームページを変更するには、[ホームページとして設定する] を選択します。詳細については、Square オンラインビジネスのホームページを変更するをご覧ください。
ナビゲーションメニューをカスタマイズする
ご注意:メガメニュー機能を有効にするには、Square オンラインビジネスのサイトプランのアップグレードが必要です。
ナビゲーションメニューのスタイルを変更するには、ウェブサイトのヘッダーを選択し、編集パネルで [ヘッダー] を選択します。そこから、ウェブサイトに合ったナビゲーションスタイルを選びます。
ナビゲーションなし : ナビゲーションを必要としないウェブサイト向け
ドロップダウン : ウェブサイトに5つ以下のナビゲーションリンクがある場合
メガメニュー:ウェブサイトに6つ以上のサブナビゲーションリンクがあり、商品数が多い場合(アップグレードが必要です)。
ナビゲーションスタイルを選択したら、[リンクを編集] を選択してナビゲーションリンクの追加やページの並び替えを行います。ナビゲーションスタイルは、ヘッダーメニューの [ナビゲーション] タブから新しいスタイルを選択することで、いつでも変更可能です。
メニューボタンを選択し、[カスタマイズ] セクションを使用してヘッダーのレイアウト、色、スクロールの設定を変更します。
サブページの作成/並べ替えを行う
ナビゲーションを変更せずにページを並び替えるには、まずサイトのヘッダーまたはフッターのいずれかを選択します。編集パネル内で [コンテンツ] メニューを展開し、[ナビゲーション] オプションからボタンを選択して [ナビゲーションリンク] を管理します。次に、ナビゲーションリンクのリスト内で任意のページを選択し、上下にドラッグしてナビゲーションメニュー上の新しい位置に移動させます。
任意のページの上にカーソルをかざし [+] アイコンを選択して、サブナビゲーションリンクを追加します。ページをサブページに変換するには、ぺージを選択して下にドラッグしてページ上の右側に動かします。また、この操作を繰り返すことで、サブページの中に別のサブページを追加できます。
ナビゲーションメニューリンクを管理する
サイトにページを追加するときに、ナビゲーションメニュー上の対象ページにリンクを追加するオプションがあります。リンクは、ウェブサイトのヘッダーとウェブサイトフッターの両方に追加可能です。ナビゲーションメニューにリンクを追加する詳細については、サイトにリンクを追加する方法をご覧ください。
またナビゲーションメニュー内でアンカーリンクを作成するして、ページ上の特定の部分へリンクさせることも可能です。たとえば、ホームページ下部の近くにお問い合わせフォームを配置したとします。この場合、ホームページのお問い合わせフォームセクションに直接ジャンプするリンクを、ナビゲーションに追加できます。
ご注意:ナビゲーションメニューからリンクを編集/削除しても、関連付けられたページ/セクションは変更/削除されません。