アンカーブロックを使用すると、ページ内の特定のセクションへユーザーを誘導するリンクを作成できます。このブロックにより、訪問者が必要なコンテンツへ直接移動できるシームレスなワンクリックナビゲーションを構築でき、ユーザー体験を向上させます。
アンカーリンクは、長文コンテンツ、FAQセクション、目次ナビゲーション、またはスクロールせずに特定のセクションへ素早く移動したいページに最適です。ページ全体にアンカーポイントを設定することで、よりアクセスしやすくユーザーフレンドリーな体験を提供できます。
ページへのアンカーブロックの追加
SeedProdページにアンカーブロックを追加するには、以下の手順に従ってください：
ステップ1: ブロックを追加する
デザイン > ブロックで、アンカーブロックをページ内の希望するセクションにドラッグ＆ドロップします。訪問者がそのセクションにジャンプできるようにしたい場所です。
アンカーブロックは、ページ上の任意の場所に配置でき、そこをジャンプ先の目的地として設定できます。
ステップ2: アンカー名の設定
追加後、アンカーブロックをクリックして設定を開きます。アンカー名を設定できる単一のフィールドが表示されます。
- アンカー名：このアンカーポイントに固有の説明的な名前を入力してください。スペースの代わりに小文字とハイフンを使用してください（例：「about-section」、「pricing-details」、「contact-form」）。この名前は、このセクションへのリンクに使用する識別子となります。
アンカーに固有の名前を設定してください。例えば「whatwedo」と命名した場合、「#whatwedo」を使用してリンクします。
ステップ3：アンカーへのリンク
アンカーにジャンプするリンクを作成するには、ボタン、テキストリンク、またはナビゲーションメニュー項目に、ハッシュ記号（#）とアンカー名を続けて追加します。
たとえば、アンカー名を「whatwedo」とした場合、ボタンやリンクの設定でURLに「#whatwedo」を使用します。訪問者がこのリンクをクリックすると、ページは自動的にアンカーブロックを配置したセクションまでスクロールします。
同一ページ上に複数のアンカーブロックを作成でき、それぞれに固有の名前を付けることで、コンテンツ全体にわたる包括的なジャンプ先ナビゲーションを構築できます。
同一ページ上に複数のアンカーを作成し、完全なジャンプナビゲーションシステムを構築します。
ステップ4: 変更を保存する
アンカーブロックの設定とアンカー名の設定が完了したら、必ず作業内容を保存してください。
ページにアンカーブロックを追加できました！このシンプルでありながら強力なブロックは、シームレスなナビゲーションを実現し、訪問者が必要なコンテンツに直接移動できるようにします。ページ全体に複数のアンカーを設置して、直感的でユーザーフレンドリーなナビゲーションを構築し、全体的な閲覧体験を向上させてみてください。