ホーム画面に戻る

Square オンラインビジネスでページおよびナビゲーションを作成する

オンラインサイトの中でも「ページ」はとても大切な要素です。ページ上で、コンテンツを表示することができますし、ページが存在するからこそナビゲーションメニューが実際の機能を果たすようになります。そこでこの記事では、「ページ」の作成・管理の方法をはじめ、サイトのナビゲーションメニューを編集する方法についてご紹介します。

ページを新規作成/複製する

ep-sos-pages-start

サイトの編集で、ページリストの横にある [+追加] ボタンをクリックし、メニューから [ページ]を選択します。 または、ページリストをクリックして、[ページを追加] リンクを使用することもできます。

次に、追加したいページの種類を選択します。

  • 空白のページ - [空白のページ]とは、文字通りこれはコンテンツがないページのことです。空白のページにはご希望のコンテンツを追加できます。
  • About - このオプションを選択すると、何らかの情報を紹介するデモコンテンツで自動的に作成されます。コンテンツの内容は、ご希望に合わせて編集やカスタマイズが可能です。
  • お問い合わせ - お問い合わせフォームのあるページです。このページの詳細は、ご希望に合わせて編集やカスタマイズが可能です。
  • ギャラリー - ギャラリーセクションを使用し、複数の画像を表示するためのページです。
  • Instagram - Instagramの一部を表示させるページです。 Instagramフィードに接続して写真を表示することができます。
  • ショップ - すでにオンラインストアの設定が完了している場合は、このページはすでにウェブサイトに含まれています。
  • Gift Cards - オンラインストアでeギフトカードの注文ページを公開するためのページです。

ここでは例として空白のページを使用しますが、どの種類のページでも、ページを追加するプロセスは基本的に同じです。 [空白のページ]をクリックして、ページの名前を入力します。このページをナビゲーションメニューに表示したくない場合は、「ナビゲーションにページを追加」のチェックボックスからチェックを外し、[追加] をクリックして終了します。

ep-sos-pages-copy

既存のページをコピーして複製するには、ページリストを開いて、コピーしたいページを見つけます。ページ名の横にある「. . .」をクリック し、[ページの複製] を選択します。

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

ページ設定の編集やコンテンツの追加を行う

ep-sos-pages-settings-sections

新しいページを保存した後も、引き続き設定の変更やコンテンツ追加を行うことができます。 たとえば、[セクションを追加] ボタンを使用して、テキストや画像、その他のページセクションを選択できます。

ページ設定を変更するには、歯車アイコンをクリックし、[ページ設定を表示] を選択します。ページ設定ウィンドウには、次の3つのタブがあります。

一般: このタブでは、ページ名やURLの変更、URLリダイレクトパスワード保護の設定を行うことができます。

SEO: このタブでは、検索エンジン用のタイトルや説明を追加します。また検索結果でサイトがどのように表示されるかプレビューで確認することができます。検索エンジンにサイトをインデックス登録されたくない場合は、検索エンジンからページを非表示にするよう設定することもできます。

SNS: このタブでは、SNSでウェブサイト用に使用するタイトル、説明、画像の編集やプレビューを行うことができます。さらに詳しくは、ソーシャルメディアのリンクをご覧ください。

ナビゲーションリンクを追加/編集する

ep-sos-pages-add-nav

ナビゲーションメニューに新しいリンクを追加するには、ページリストを開き、下部にある編集リンクをクリックしてナビゲーションメニューの設定を開きます。 [ナビゲーションリンクを追加] をクリックし、次のうちいずれか1つを選択します。

  • 標準ページ - このオプションを選択すると、これまでに作成したページへのリンクを追加することができます。
  • カテゴリページまたは商品ページ - このオプションを選択すると、特定のカテゴリまたはストアで取り扱う商品へのリンクを追加することができます。
  • 購入またはオンラインオーダー - このオプションを選択すると、オンラインストアのメインページへのリンクを追加することができます。
  • 外部リンク - このオプションを選択すると、別のウェブサイトへのリンクを追加することができます。
  • ファイル - このオプションを選択すると、ファイルをアップロードして該当ファイルにリンクを追加することができます。

また「アンカーリンク」というリンクを作成して、ページ上の特定の部分へリンクさせることも可能です。たとえば、ページ下部にお問い合わせフォームを配置したとします。この場合、アンカーリンクをクリックすることでお問い合わせフォームのセクションに直接移動できます。

ep-sos-pages-anchor-link

アンカーリンクを追加するには、ページリストを開き、リンクをクリックしてナビゲーションメニューを編集します。 [ナビゲーションリンクを追加] ボタンを使用して、標準ページを選択します。メニューからページを選択し、切り替えスイッチをクリックしてページ上のどのセクションに関連付けたいか選択します。最後に、このメニューに名前を入力して、変更を保存します。

ep-sos-pages-edit-nav-link

ナビゲーションメニューのリンクを編集または削除するには、ページリストを開き、リンクをクリックしてナビゲーションメニューを編集します。ページの上にポインタを合わせ、「. . .」アイコンをクリックして、[編集] または [削除] を選択します。
ナビゲーションメニューのリンクを編集または削除しても、関連付けられているページ自体に変更が加えられたり削除されたりすることはありません。

ページの並び替えやサブページの作成を行う

ナビゲーションに追加したページは、順番の並べ替えや、サブページの追加が可能です。まずページリストを開き、下部のリンクをクリックしてナビゲーションメニューを編集します。

ep-sos-pages-drag

ナビゲーションリストから、並び替えを希望するページをクリックし、上下にドラッグして新しい位置に移動します。ページをサブページに変えるには、ページをクリックして、親ページの右下にドラッグします。上の画像では、「今すぐ予約」ページが「すべてを表示」のサブページに移動されています。

また新しいページをサブページとして追加することも可能です。ナビゲーションメニューの編集中に、ページの上にポインタを合わせ、青色のプラス記号がついたボタンをクリックします。[新しいページを作成] を選択し、名前を入力します。保存すると、新しく作成したページは自動的にメインページのサブページになります。

ページを削除する

ep-sos-pages-delete-page

ウェブサイトからページを削除するには、ページリストを開き、削除したいページにポインタを合わせます。「. . .」ボタンをクリックして [ページを削除] を選択し、ボタンをクリックしてページの削除を確認します。

さらにサポートが必要ですか?加盟店コミュニティで情報交換してみましょう。

加盟店コミュニティを見る