錨點連結(Anchor Link)是一種讓使用者點擊後可直接跳至指定內容的超連結,常見於長篇文章、一頁式網站及產品介紹頁面。這種方式不但可以提升使用者體驗,也有助於網頁製作的流暢度。
本文將教你如何在 WordPress 設定錨點連結,只需三個簡單步驟即可完成!
新增 HTML 錨點
在 WordPress 的區塊編輯器中,你可以為特定區塊設定 HTML 錨點,方法如下:
- 選擇你要設定錨點的區塊。
- 點選右側的「進階設定」。
- 在「HTML 錨點」欄位輸入一個獨特的 ID(例如:
section-1
)。
新增錨點連結
完成 HTML 錨點設定後,接下來要建立可點擊的錨點連結:
- 選取你希望作為連結的文字或按鈕。
- 點擊工具列的「連結」圖示。
- 在輸入框內輸入
#
加上剛才設定的 ID,例如#section-1
。
注意事項:
- 建議使用英文 ID,雖然支援中文,但可能影響部分瀏覽器的相容性。
- ID 需獨一無二,避免與其他元素衝突。
- 不可包含空格,可使用
-
(連字符)或_
(底線)分隔單詞。
測試錨點連結是否有效
最後,請預覽你的 WordPress 頁面,點擊錨點連結,確認是否能順利跳轉至指定區塊。如果沒有效果,請檢查:
- ID 是否一致(區分大小寫)。
- 連結格式是否正確(需加
#
)。
透過這三個步驟,你就能輕鬆在 WordPress 設定錨點連結,讓網頁製作更具專業感,提高使用者瀏覽體驗!