Wix エディタ:サイトのアンカーにリンクする

読了時間:5分
アンカーは、サイトのどこにでも配置できる非表示の位置マーカーです。 アンカーを追加したら、アンカーが表示する重要な情報へ訪問者を誘導する方法がいくつか用意されています。
アンカーをサイトメニューに追加したり、(ボタンなどの)パーツをアンカーにリンクしたり、アンカーを多く含むページではページ内メニューを使用したりできます。また、固有のアンカー URL を作成して、他のプラットフォームで共有することもできます。
この記事では、次の項目について説明します:

メニューにアンカーを追加する

サイトのメニューにアイテムとしてアンカーを追加します。訪問者がアイテムをクリックするとアンカーに移動するため、スクロールする必要はありません。

メニューにアンカーを追加する方法:

  1. エディタ内のサイトメニューをクリックします。
  2. メニューを管理」をクリックします。
  3. パネル下部の「メニューアイテムを追加 をクリックします。
  4. メニューの種類に応じて、新しいアンカーを追加します:
    • (高度なメニューの場合)「セクション」をクリックします。
    • (サイトメニューの場合)「セクションまたはアンカー」をクリックします。
  5. ドロップダウンからアンカーを配置したページを選択します。
  6. ドロップダウンから該当するアンカーを選択します。
  7. 完了」をクリックします。
メニューにアンカーを追加するためのエディタ内のリンクパネル。

ページ内メニューにアンカーを表示する

すべてのアンカーをページ上のクールなフローティングメニューに表示できます。ページ内メニューを使用すると、訪問者はメニューのアンカー名をクリックしてページのさまざまな部分にアクセスできます。
ページ内メニューは浮かんでいるので、訪問者がページ内のどこにいても常に表示されます。

ページ内メニューを追加する方法:

  1. エディタ左側で「パーツを追加 をクリックします。
  2. メニュー・アンカー」をクリックします。
  3. ページ内メニュー」をクリックします。
  4. メニューをページにドラッグします。
  5. (オプション)アンカーメニューで「画面に固定」アイコン  をクリックして、ページ上の位置を変更します。
エディタ内の「パーツを追加」パネル。カーソルがページ内メニューを追加するオプションにマウスオーバーしています。
注意:
ページ内メニューはモバイルサイトでは表示されません。モバイルサイトの作成方法はこちら

パーツをアンカーにリンクする

画像、ボタン、その他のパーツをサイトのアンカーにリンクさせることができます。訪問者がこれらのパーツをクリックすると、該当するアンカーに移動します。
パーツをアンカーにリンクすることで、訪問者はサイトを探索でき、関連する情報を表示することができます。
注意:
アンカーをテキストにリンクする方法は異なります。テキストをアンカーにリンクする方法はこちら

パーツをアンカーにリンクする方法:

  1. リンク元のパーツをクリックします。
  2. リンク」アイコン  をクリックします。
  3. 左側の「アンカー」をクリックします。
  4. ドロップダウンからアンカーを配置したページを選択します。
  5. ドロップダウンから該当するアンカーを選択します。
  6. 完了」をクリックします。
エディタ内のリンクパネル。アンカーの詳細が設定されています。

アンカー URL を作成して共有する

固有のアンカー URL を生成してプラットフォーム間で共有し、関連性のある重要なコンテンツを紹介しましょう。訪問者がリンクをクリックすると、ページ上のアンカーに直接移動するため、スクロールすることなく情報を見つけることができます。
サフィックス(末尾)を選択して、希望通りのリンクを設定します。URL を作成・公開したら、リンクをプレビューしたり、コピーして簡単に共有することができます。

アンカーへのリンクを作成して共有する方法:

  1. エディタで該当するアンカーをクリックします。
  2. 設定」アイコン  をクリックします。
  3. アンカー URL」をクリックします。
  4. URL サフィックスを入力してください」下にサフィックス(URL の末尾)を入力します。
  5. キーボードの Enter キーを押します。
  6. サイトの変更内容を公開します。
エディタ内のアンカー設定パネル。カーソルが URL サフィックスを追加するオプションにマウスオーバーしています。
  1. (オプション)アンカー URL をコピーまたはプレビューします:
    1. エディタで該当するアンカーをクリックします。
    2. 設定」アイコン  をクリックします。
    3. アンカー URL」をクリックします。
    4. 実行する内容を選択します:
      • URL をコピー:リンクを使用中のデバイスのクリップボードにコピーして、外部ソースに貼り付けて共有します。
      • URL を開く:URL を直接開いて、訪問者にどのように表示されるかを確認します。
注意:
  • URL をコピーまたは開くオプションは、リンクを設定した後にサイトを公開した場合にのみ機能します。
  • パーツをアンカーにリンクしたり、メニューにアンカーを追加したりしても、アンカー URL は生成されません。

お役に立ちましたか?

|