ページ内リンクとは、AIエディターで同一ページ内の特定の場所へジャンプするリンクを設定するための機能です。
長文コンテンツや目次を作成する際の手順と設定方法をステップごとに説明しています。
❶ リンク先にIDを設定する
ページ内リンクでは、まず「飛び先」となる要素にIDを付与する必要があります。テキスト・画像・ボタンなど、任意の要素に設定できます。
1⃣ 📄 AIエディターでIDを設定したい要素(テキスト・画像・ボタンなど)を選択する
🔻
2⃣ ⚙️ 右側の設定パネルまたは要素の編集メニューを開く
🔻
3⃣ 🏷 「ID」欄に任意のID名を半角英数字で入力する(例:section-tax)
🔻
4⃣ ✅ 設定を保存する
ポイント
✔ IDはページ内で重複しないよう、ユニークな名前をつけてください。
✔ ID名は半角英数字・ハイフン・アンダースコアが使用できます。スペースは使用できません。
✔ 日本語のID名は推奨されません。半角英数字で設定してください。
❷ リンク元にページ内リンクを設定する
次に、クリックする側(リンク元)の要素にリンクを設定します。テキスト・画像・ボタンのいずれにも設定できます。
1⃣ 📄 AIエディターでリンクを設定したい要素(テキスト・画像・ボタンなど)を選択する
🔻
2⃣ 🔗 リンク設定メニューを開き、リンク種別として「URL/ID」を選択する
🔻
3⃣ ✏️ 入力欄に #(シャープ)に続けて、❶で設定したID名を入力する(例:#section-tax)
🔻
4⃣ ✅ 設定を保存する
ポイント
✔ リンク先のIDと、ここで入力する #ID名 は完全に一致させてください(大文字・小文字も区別されます)。
✔ # を忘れるとページ内リンクとして機能しないため、必ず先頭に # をつけてください。
注意
よくある間違い
❌ ID名だけをそのまま入力する(例:section-tax)
⭕ 先頭に # をつけて入力する(例:#section-tax)
❌ リンク先に設定したIDと異なる名前を入力する
⭕ ❶で設定したIDと完全に一致する名前を入力する
❸ 動作を確認する
設定が完了したら、プレビューで実際の動作を確認しましょう。
1⃣ 🖥 画面上部の「プレビュー」ボタンをクリックしてプレビュー画面を開く
🔻
2⃣ 🖱 リンク元として設定したテキスト・画像・ボタンをクリックする
🔻
3⃣ ✅ IDを設定した要素の位置まで画面がスクロールされれば設定完了
注意
❌ 編集画面上でリンクをクリックしても動作しない場合があります。
⭕ 必ずプレビュー画面または公開後のページで動作確認を行ってください。