組み込みのアンカー リンクを使用して、訪問者を特定のセクションに誘導します。

アンカー リンク (または「ページ移動」) は、ページ上の特定の場所にユーザーを誘導するための特別なURLです。たとえば、このガイドの目次には、各見出しに移動できるアンカー リンクが含まれています。

組み込みのアンカー リンクをページ セクションに設定すると、セクションがページのどこにあっても、そのセクションの先頭に訪問者を誘導することができます。これは、訪問者に対して特定のセクションを強調したり、重要な情報をよりアクセスしやすくしたりする場合に役立ちます。

ページ セクション アンカー リンクはバージョン7.1でサポートされています。サイトがバージョン7.0の場合、コード ブロックを使用してコンテンツ エリアにアンカー リンクを手動で作成するか、一部のテンプレートに組み込まれているインデックス ページ アンカー リンクを使用することができます。

動画を見る

サポートされているセクション

アンカー リンクは以下のページ セクションに設定できます。

• ブロック セクション
• 自動レイアウト
• コース セクション
• ギャラリー セクション
• 動画セクション

注: ブログ、イベント、ポートフォリオ、またはストア セクションにアンカー リンクを追加することはできませんが、サポートされていないセクションの上の白紙セクションにアンカー リンクを作成することで、同様の動作を実現できます。

アンカーリンクを設定する

アンカー リンクを設定する際は、まずページ セクション エディターでアンカー リンク スラッグを作成します。これにより、訪問者をセクションに誘導するためのURLが生成されます。

ステップ1 - アンカー リンク スラッグを作成する

アンカー リンク スラッグを設定するには、次の手順に従います。

1. ページの [編集] をクリックし、リンクしたいセクションにカーソルを合わせて [セクションを編集] をクリックします。
2. [アンカー リンク] で、テキスト フィールドにアンカー リンク スラッグを追加します。このフィールドにはハッシュタグが含まれていますが、URLスラッグの必須部分であるため削除できません。また、スペースは自動的にダッシュに変換されます。
3. [リンクをコピー] アイコンをクリックして、アンカー リンクURLをクリップボードに追加します。コピーしたURLにはプライマリ ドメインが使用されます。カスタム ドメインをお持ちでない場合、URLには組み込みドメインが使用されます。

ステップ 2 - リンクを作成する

次に、コピーしたURLを使用して、ページ セクションにアクセスするために訪問者がクリックするリンクを作成します。どのタイプのリンクも使用できますが、この例ではテキスト リンクを使用します。

1. ページ上の他のコンテンツ エリアにテキスト ブロックを追加します。詳細な手順については、「ブロックを使用してコンテンツを追加する」をご参照ください。
2. リンクするテキストを入力して強調表示にし、テキスト ブロック ツールバーのリンクアイコンをクリックします。
3. [URL] に、ステップ1でコピーしたURLを貼り付けます。以下のように表示されます。

/pageslug#anchorlinkslug

4. リンクを新しいタブで開くようにする場合は、[新しいタブでリンクを開く] トグルをオンに切り替えます。
5. Enterを押します。

ステップ 3 - 保存して公開する

[保存] をクリックして変更した内容を公開します。ステップ2で作成したリンクは、ステップ1でアンカー リンク スラッグを作成したページ セクションに訪問者を誘導するようになります。

ページの上部または下部にリンクする

ページ セクション アンカー リンクを使用して、ページの上部または下部にリンクすることができます。

ページ上部にリンクする

ページ上部へのリンクは、ページのコンテンツが長く、ナビゲーションに戻る便利な方法を訪問者に提供したい場合に便利です。

ページの上部にリンクする方法は以下の通りです。

1. ステップ1の手順を使用して、ページの最初のセクションにアンカー リンク スラッグを追加します。URLスラッグ テキストとして「top」を使用することをおすすめします。
2. ステップ2の手順を使用して、ページの下部にリンクを追加し、[新しいタブでリンクを開く] トグルがオフになっていることを確認します。リンク テキストとして「上に戻る」を使用することをおすすめします。
3. [保存] をクリックします。

ページ下部にリンクする

ページ下部へのリンクは、訪問者に情報を見つけてもらったり、フッターに含まれるアイテム (ニュースレター ブロックなど) を見てもらったりしたい場合に便利です。

ページの下部にリンクする方法は以下の通りです。

1. ステップ1の手順を使用して、ページの最後のセクションまたはサイト フッターのセクションにアンカー リンク スラッグを追加します。URLスラッグ テキストとして「bottom」を使用することをおすすめします。
2. ステップ2の手順を使用して、ページの下部にリンクを追加し、[新しいタブでリンクを開く] トグルがオフになっていることを確認します。リンク テキストとして「フッターに移動」を使用することをおすすめします。
3. [保存] をクリックします。

アンカー リンク スラッグをサポートしていないセクションにリンクする

アンカー リンク スラッグをサポートしていないセクション タイプに直接リンクすることはできません。ただし、サポートされていないセクションのすぐ上のセクションにリンクすることで、同様の動作を実現することができます。

1. リンク先のセクションの上に白紙セクションを追加します。
2. 上記の手順に従って、アンカー リンクを設定し、白紙セクションに誘導します。
3. 白紙セクションによって余白が生じるのを避けるには、白紙セクションをクリックしてから [セクションを編集] をクリックし、[画面いっぱいに表示] をオフに切り替えます。
4. [保存] をクリックします。

制限事項とベスト プラクティス

アンカー リンクは訪問者がサイト内を移動するのに役立つ強力なツールですが、いくつかの点に留意しておくことをおすすめします。

• URLスラッグはページごとに1回だけ使用できます。同じページで同じアンカー リンク スラッグを使用すると、複数のページ セクションは正しく機能しません。
• URLスラッグ用に任意のテキストを設定することができますが、スペースを含めることはできません。アンカー リンク フィールドでURLスラッグ名を入力すると、スペースが自動的にダッシュに変換されます。
• 訪問者がアンカー リンクをクリックすると、サイトのURLの末尾にURLスラッグが追加され、ブラウザーのアドレス バーに表示されます。URLスラッグが、訪問者に公開されても問題ないものであることをご確認ください。
• 今後、プライマリ ドメイン、ページ スラッグ、アンカー リンク スラッグを変更する場合は、それに合わせてリンクを更新してください。古いURLが使用されていると、アンカー リンクは正常に機能しません。

バージョン7.0のアンカー リンク

バージョン7.0ではページ セクションとページ セクション アンカー リンクがサポートされていませんが、サイトによっては他の方法でアンカー リンクを設定することができます。

• コード ブロック - コード ブロックを使用して、任意のコンテンツ エリアにアンカー リンクを手動で設定できます。
• インデックス ページ アンカー リンク - 一部のテンプレートでは、インデックス ページにアンカー リンクが組み込まれており、これらはページ セクション アンカー リンクと同様に機能します。