メインコンテンツにスキップ

アンカーリンク用のIDをボックスに設定する

アンカーリンク(ページ内リンク)設定時に必要な遷移先となるボックスへのID設定の手順を説明します。IDの設定手順と、リンクの種類ごとのユースケースを紹介します。

アンカーリンク(ページ内リンク)は、遷移先となるボックスにIDを設定することで機能します。縦に長いページの目次や、ヘッダーからの別ページ誘導などに活用できます。

IDを設定する

ボックスにIDを設定すると、アンカーリンクの遷移先として指定できるようになります。

  1. IDを設定したいボックスを選択します。

  2. 右パネルで [設定] タブを開きます。

  3. [ID] 欄に、半角英数字・ハイフン・アンダースコアのいずれかを使ってIDを入力します。

設定したIDは、リンク設定時に選択できます。また、レイヤーパネルやボックス左上のチップにも表示されます。

リンクの種類とユースケース

IDを使ったリンクには、同一ページ上のIDに遷移するものと、別のページに遷移するものがあります。

アンカーリンクを含むリンク設定の操作手順は、各種リンクの設定方法を参照してください。

リンクの種類(例)

遷移先

ユースケース

#id

同一ページ上のIDが設定されたボックス

縦に長いページの目次など。

別ページからこのIDには遷移できないため、ヘッダーでの利用には注意が必要です。

/page#id

IDが設定された別ページ、および他のページ上のIDが設定されたボックス

ヘッダーなど、ホームや別ページへの動線を設置する場合に適しています。

anchor link

アンカー 内部リンク

こちらの回答で解決しましたか?