ページジャンプ

ページジャンプとは、アンカーリンクとも呼ばれることがあり、リンクをクリックするとすぐに長いページの上や下のどこかに移動することです。これを有効にするには、ページ内にヘッダーの HTML アンカー属性を設置し、アンカーにジャンプするリンクを作成します。他のページのアンカーにジャンプすることができます。

HTML アンカーを追加する

1. プラスアイコンを使用して新しいブロックを追加します。
2. ブロックタイプとして「見出し」を選択するか、見出しブロックへのショートカットとして「/見出し」と入力します。
3. 見出しテキストを入力します。テキストを表示したくない場合は、見出しテキストを空白のままにしておくことができます。
4. 右側の「ブロック設定」の下で、「詳細設定」をクリックします。\HTML アンカーフィールドにリンクとなる単語を入力します。

HTML アンカー構文

• HTML アンカーは文書内で固有でなければなりません (同一のアンカーは一度だけ使えます)。
• HTML アンカーでは大文字と小文字が区別されます。
• HTML アンカーには、ハイフン (-)、アンダースコア (_)、コロン (:)、ピリオド (.) などの半角記号を含めることができます。スペースを含めることはできません。
• HTML アンカーの先頭はアルファベットでなければなりません。

HTML アンカーへのリンク

1. テキストを入力するか、画像やボタンを追加して、訪問者がクリックして別のセクションに移動できるようにします。
2. テキスト、画像、ボタンをハイライトし、ブロックのツールバーからリンクオプションを選択します。
3. 作成した HTML アンカーを、ハッシュ (#) 半角記号で始まる文字で入力します。例えば、important-notice という名前のアンカーを作成した場合、リンク先は #important-notice にします。

注: ジャンプリンクはサイトをプレビューしたときには動作しませんが、サイトページを公開した後にテストできます。

他のページのアンカーにジャンプする

他のページのアンカーにジャンプしたい場合は、HTML アンカーを含む URL をリンク先に指定します。例えば、example.com/anotherpage#important-notice などです。