Wix エディタ:サイトのセクションにリンクする
読了時間:5分
セクションは、サイトコンテンツを構造化するために使用できる構成要素です。 セクションを追加して設定した後は、訪問者が情報にすばやく簡単にアクセスできるように、セクションにリンクすることができます。
サイトのセクションを共有する方法はいくつかあります。メニューに追加する方法、パーツにリンクする方法、固有のセクション URL を作成する方法です。
この記事では、下記の項目について説明します:
メニューにセクションを追加する
メニューにセクションを追加することで、訪問者がサイト内を移動しやすくなり、適切なコンテンツに誘導することができます。
また、セクションをメニューアイテムにすることで、訪問者はスクロールすることなく目的の情報を見つけることができるので、多くの情報を含む 1ページサイトでは特に便利です。
メニューにセクションを追加する方法:
- エディタ内のサイトメニューをクリックします。
- 「メニューを管理」をクリックします。
- パネル下部の「メニューアイテムを追加」
をクリックします。
- セクションを追加します:
- (高度なメニューの場合)リストから「セクション」を選択します。
- (サイトメニューの場合)「セクションまたはアンカー」をクリックします。
- ドロップダウンからセクションを配置したページを選択します。
- ドロップダウンから該当するセクションを選択します。
- 「完了」をクリックします。

ページ内メニューにセクションを表示する
すべてのセクションをページ上のフローティングメニューに表示できます。ページ内メニューを使用すると、訪問者はセクション名をクリックしてページのさまざまな部分にアクセスすることができます。メニューは画面に固定されるため、訪問者が上下にスクロールしても常に表示されます。
ページ内メニューを追加する方法:
- エディタ左側で「パーツを追加」
をクリックします。
- 「メニュー・アンカー」をクリックします。
- 「ページ内メニュー」をクリックします。
- メニューをページにドラッグします。
- (オプション)ページ内メニューで「画面に固定」アイコン
をクリックして、ページ上の位置を変更します。

パーツをセクションにリンクする
サイトのパーツをセクションにリンクします。訪問者がライブサイトのパーツをクリックすると、関連するコンテンツに直接移動します。
パーツをセクションにリンクする方法:
- リンク元のパーツをクリックします。
- 「リンクを追加」アイコン
をクリックします。
- 左側の「セクションまたはアンカー」をクリックします。
- ドロップダウンからセクションを配置したページを選択します。
- ドロップダウンから該当するセクションを選択します。
- 「完了」をクリックします。

固有のセクション URL を作成して共有する
固有の URL を生成し、プラットフォーム間で共有してセクションを紹介しましょう。訪問者はリンクをクリックするとそのセクションに直接移動するため、スクロールしなくても情報を見つけることができます。
サフィックス(URL の末尾)を選択して、リンクの外観を設定します。セクションに固有の URL を作成し、変更内容を公開したら、リンクをプレビューしてコピーし、簡単に共有することができます。
セクション URL を作成して共有する方法:
- エディタ内の該当するセクションにマウスオーバーします。
- 「その他のアクション」アイコン
をクリックします。
- 「セクション設定」をクリックします。
- 「セクション URL」をクリックします。
- 「URL サフィックスを入力してください」下にサフィックスを入力します。
- キーボードの Enter キーを押します。
- サイトの変更内容を公開します。

- (オプション)セクション URL をコピーまたはプレビューします:
- エディタ内の該当するセクションにマウスオーバーします。
- 「その他のアクション」アイコン
をクリックします。
- 「セクション設定」を選択します。
- 「セクション URL」をクリックします。
- 実行する内容を選択します:
- URL をコピー:リンクを使用中のデバイスのクリップボードにコピーして、外部ソースに貼り付けて共有します。
- URL を開く:URL を直接開いて、訪問者にどのように表示されるかを確認します。

注意:
- URL を共有、開くオプションは、リンクを設定した後にサイトを公開した場合にのみ機能します。
- セクションをサイトのパーツにリンクしたり、メニューに追加したりしても、セクション URL は生成されません。