ボックスにIDを設定する
ボックスにIDを設定すると、そのボックスをページ内でのアンカーリンクの遷移先として指定できます。
IDの設定方法
IDを設定したいボックスを選択します。
右パネルの[ID]欄に、半角英数字、ハイフン、アンダースコアのいずれかを用いてIDを入力します。
設定したIDはリンク設定時に選択でき、レイヤーパネルやボックス左上のチップにも表示されます。
IDを使ったリンクの種類とユースケース
IDを使ったリンクには、同一ページ上のIDに遷移するものと、別のページに遷移するものがあります。
リンクの種類（例） | 遷移先 | ユースケース |
#id | 同一ページ上のIDが設定されたボックス | 縦に長いページの冒頭で、目次などを作る際に適しています。
別のページからID設定箇所に移動できないため、ヘッダーなどでの利用時には注意が必要です。 |
/page#id | IDが設定された別ページ、および他のページ上のIDが設定されたボックス | ヘッダーなどに設置する、ホームや別ページへの動線に適しています。 |