ページジャンプ

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

HTML アンカーを追加する HTML アンカーを追加する

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

HTML アンカー構文 HTML アンカー構文

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

トップ ↑

HTML アンカーへのリンク HTML アンカーへのリンク

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

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

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

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

この記事は役に立ちましたか ? どうすればさらに改善できますか ?