システムの更新情報をみる

ご利用中のSquare サービスに影響を及ぼす可能性のある問題が発生しています。詳細については、弊社のステータスページに随時更新いたします。

ホーム>サイトデザインおよびコンテンツ

Square オンラインビジネスでページとナビゲーションメニューを作成する

コンテンツが表示されるページはウェブサイトに欠かせない要素であり、ページがあるからこそナビゲーションメニューの目的が明確になります。この記事では、ページの作成・管理の方法をはじめ、Square オンラインビジネスのサイトの編集でウェブサイトのナビゲーションメニューを編集する方法についてご紹介します。

ページを作成する

Square-Online-Add-Content-Menu-JP

サイトエディタから [+追加] > [ページ] の順に選択して、サイトに追加するページの種類を選びます。

ページのタイプ

  • 空白ページ:何もない空白のページで、ゼロからセクションを追加できます。
  • 店舗/事業情報:情報を伝えるテキストと画像セクションがすでに含まれているページで、編集およびカスタマイズができます。
  • お問い合わせ: お問い合わせフォームがすでに含まれているページで、編集およびカスタマイズができます。詳細については、Square オンラインビジネスにお問い合わせフォームを追加するをご覧ください。
  • ギャラリー:ギャラリーがすでに含まれているページで、編集およびカスタマイズができます。詳細については、Square オンラインビジネスの画像ギャラリーおよびスライドショーをご覧ください。
  • Instagram:Instagramセクションがすでに含まれているページで、編集およびカスタマイズができます。詳細については、Square オンラインビジネスにInstagramフィードを追加するをご覧ください。
  • ショップ:オンラインストアから購入を行うためのオーダーページです。詳細については、Square オンラインビジネスにオーダーページを追加するをご覧ください。
  • ストーリー概要:すべてのブログスタイルのストーリーの概要ページです。
  • ストーリー:個別のストーリーを投稿できるページです。
  • ホーム:ウェブサイトのホームページです。詳細については、ホームページを変更するをご覧ください。
  • ギフトカード:Square オンラインビジネスのサイトを閲覧中のお客さまに、Square ギフトカードを購入してもらえるようになります。販売方法の詳細については、ギフトカードをご覧ください。
  • 予約:Square 予約と連携するオンラインスケジュール管理ページです。お客さまに Square オンラインビジネスのサイトで予約してもらえるようになります。

注意:カテゴリ/商品ページを追加したい場合は、エディタ内でオンラインストアに直接カテゴリ/商品を追加可能です。すると、ページリスト内で、新しく追加した商品/カテゴリのページを選べるようになります。さらに詳しくは、サイトエディタ内でSquare オンラインビジネスに商品およびカテゴリを追加するをご覧ください。また、商品ページカテゴリページをカスタマイズする方法の詳細もご確認ください。

ページを選択したら、ナビゲーションメニューにおける表示名を入力します。ナビゲーションからそのページにアクセスできないようにしたい場合(そのページへの直接のリンクからのみアクセス可能にする場合)は、[ページをナビゲーションに追加する] のチェックを外してください。[追加] を選択して終了します。

新しいページを保存すると、セクションによりコンテンツの追加が可能になります。

ページ管理オプション

Square-Online-Page-Settings-and-Management-JP

エディタには、ページの動作やデザインをカスタマイズできる、さまざまなページ管理オプションが用意されています。利用可能なオプションを見るには、[ページ] ドロップダウンメニューを選択して、リストから任意のページを選び、その上にカーソルをかざします。ページを開いて、編集パネル内の歯車アイコンを選択することもできます。

ページ設定を調整する

[ページ設定を表示] を選択すると、管理中のページの特定の設定を調整できます。次の3つのタブがある、ページ設定ポップアップウィンドウが表示されます。

  • 一般:このタブでは、ページ名やURLの変更、またはURLリダイレクトパスワード保護の設定ができます。
  • SEO:このタブでは、検索エンジン用のタイトルや説明を追加します。また検索エンジン結果でサイトがどのように表示されるかプレビューで確認することができます。検索エンジンにサイトをインデックス登録されたくない場合は、検索エンジンからページを非表示にするよう設定することもできます。
  • SNS:このタブでは、SNSでウェブサイト用に使用するタイトル、説明、画像の編集やプレビューを行うことができます。さらに詳しくは、Square オンラインビジネスのソーシャルメディアのリンクをご覧ください。

ホームページを選択する

現在のホームページを変更するには、[ホームページとして設定する] を選択します。詳細については、Square オンラインビジネスのホームページを変更するをご覧ください。

ページを複製する

任意のページを複製するには、[ページを複製] を選択してサイトに追加します。

注意:ページの種類(商品ページやカテゴリページなど)によっては、複製できないものがありますので、ご了承ください。

ページを削除する

ゴミ箱アイコンまたは [ページを削除] を選択して、そのページの削除を確定するボタンを選択します。

注意:ほとんどの場合、削除したコンテンツを元に戻すことはできませんので、そのページが本当に不必要であるか十分に確認してから行ってください。

ナビゲーションメニューをカスタマイズする

ご注意:メガメニュー機能を有効にするには、Square オンラインビジネスのサイトプランのアップグレードが必要です。

ナビゲーションメニューのスタイルを変更するには、ウェブサイトのヘッダーを選択し、編集パネルで [ヘッダー] を選択します。そこから、ウェブサイトに合ったナビゲーションスタイルを選びます。

  • ナビゲーションなし : ナビゲーションを必要としないウェブサイト向け

  • ドロップダウン : ウェブサイトに5つ以下のナビゲーションリンクがある場合

  • メガメニュー:ウェブサイトに6つ以上のサブナビゲーションリンクがあり、商品数が多い場合(アップグレードが必要です)。

ナビゲーションスタイルを選択したら、[リンクを編集] を選択してナビゲーションリンクの追加やページの並び替えを行います。ナビゲーションスタイルは、ヘッダーメニューの [ナビゲーション] タブから新しいスタイルを選択することで、いつでも変更可能です。

メニューボタンを選択し、[カスタマイズ] セクションを使用してヘッダーのレイアウト、色、スクロールの設定を変更します。

サブページの作成/並べ替えを行う

Square-Online-Move-Navigation-Links-JP

ナビゲーションを変更せずにページを並び替えるには、まずサイトのヘッダーまたはフッターのいずれかを選択します。編集パネル内で [コンテンツ] メニューを展開し、[ナビゲーション] オプションからボタンを選択して [ナビゲーションリンク] を管理します。次に、ナビゲーションリンクのリスト内で任意のページを選択し、上下にドラッグしてナビゲーションメニュー上の新しい位置に移動させます。

任意のページの上にカーソルをかざし [+] アイコンを選択して、サブナビゲーションリンクを追加します。ページをサブページに変換するには、ぺージを選択して下にドラッグしてページ上の右側に動かします。また、この操作を繰り返すことで、サブページの中に別のサブページを追加できます。

ナビゲーションメニューリンクを管理する

Square-Online-Edit-Navigation-Links-JP

サイトにページを追加するときに、ナビゲーションメニュー上の対象ページにリンクを追加するオプションがあります。リンクは、ウェブサイトのヘッダーとウェブサイトフッターの両方に追加可能です。ナビゲーションメニューにリンクを追加する詳細については、サイトにリンクを追加する方法をご覧ください。

Square-Online-Add-Anchor-Link-JP

またナビゲーションメニュー内でアンカーリンクを作成するして、ページ上の特定の部分へリンクさせることも可能です。たとえば、ホームページ下部の近くにお問い合わせフォームを配置したとします。この場合、ホームページのお問い合わせフォームセクションに直接ジャンプするリンクを、ナビゲーションに追加できます。

ご注意:ナビゲーションメニューからリンクを編集/削除しても、関連付けられたページ/セクションは変更/削除されません。

お探しの答えが見当たりませんか?