如何在 WordPress 設定錨點連結?三個步驟輕鬆搞定

更新於 發佈於 閱讀時間約 1 分鐘

錨點連結(Anchor Link)是一種讓使用者點擊後可直接跳至指定內容的超連結,常見於長篇文章、一頁式網站及產品介紹頁面。這種方式不但可以提升使用者體驗,也有助於網頁製作的流暢度。

本文將教你如何在 WordPress 設定錨點連結,只需三個簡單步驟即可完成!

新增 HTML 錨點

WordPress區塊編輯器中,你可以為特定區塊設定 HTML 錨點,方法如下:

  1. 選擇你要設定錨點的區塊。
  2. 點選右側的「進階設定」。
  3. 在「HTML 錨點」欄位輸入一個獨特的 ID(例如:section-1)。

新增錨點連結

完成 HTML 錨點設定後,接下來要建立可點擊的錨點連結:

  1. 選取你希望作為連結的文字或按鈕。
  2. 點擊工具列的「連結」圖示。
  3. 在輸入框內輸入 # 加上剛才設定的 ID,例如 #section-1

注意事項:

  • 建議使用英文 ID,雖然支援中文,但可能影響部分瀏覽器的相容性。
  • ID 需獨一無二,避免與其他元素衝突。
  • 不可包含空格,可使用 -(連字符)或 _(底線)分隔單詞。

測試錨點連結是否有效

最後,請預覽你的 WordPress 頁面,點擊錨點連結,確認是否能順利跳轉至指定區塊。如果沒有效果,請檢查:

  • ID 是否一致(區分大小寫)。
  • 連結格式是否正確(需加 #)。

透過這三個步驟,你就能輕鬆在 WordPress 設定錨點連結,讓網頁製作更具專業感,提高使用者瀏覽體驗!

留言
avatar-img
留言分享你的想法!
avatar-img
Kant Chan的沙龍
0會員
19內容數
Kant Chan的沙龍的其他內容
2025/02/27
在現今競爭激烈的數碼時代,網頁設計不僅要吸引目標客戶,更要提供良好的使用體驗。用戶期望網站能迎合個人需求,提供量身訂製的內容和功能,但同時亦希望介面簡單直觀,容易上手。因此,如何在網頁設計或網頁製作中平衡個人化與普及性,成為設計團隊面對的一大挑戰。本文將探討兩者的優勢、常見衝突及解決方案,助你打造既
Thumbnail
2025/02/27
在現今競爭激烈的數碼時代,網頁設計不僅要吸引目標客戶,更要提供良好的使用體驗。用戶期望網站能迎合個人需求,提供量身訂製的內容和功能,但同時亦希望介面簡單直觀,容易上手。因此,如何在網頁設計或網頁製作中平衡個人化與普及性,成為設計團隊面對的一大挑戰。本文將探討兩者的優勢、常見衝突及解決方案,助你打造既
Thumbnail
2025/02/26
生成引擎優化(GEO)是什麼? 生成引擎優化(Generative Engine Optimisation,簡稱GEO)是一種針對AI驅動的搜尋引擎(如ChatGPT、Google Bard等)設計的內容優化方法。與傳統SEO關注關鍵字不同,GEO著重提升品牌或網站在AI生成回應中的可見度和相關性
Thumbnail
2025/02/26
生成引擎優化(GEO)是什麼? 生成引擎優化(Generative Engine Optimisation,簡稱GEO)是一種針對AI驅動的搜尋引擎(如ChatGPT、Google Bard等)設計的內容優化方法。與傳統SEO關注關鍵字不同,GEO著重提升品牌或網站在AI生成回應中的可見度和相關性
Thumbnail
2025/02/26
Logo設計核心服務內容 設計方案款式選擇: 基礎方案通常提供3-5款原創設計概念,進階方案可擴增至8-10款。專業級別方案會依據品牌需求客製化數量,所有初稿皆附帶設計理念說明。 方案修改機制: 修改次數根據報價分級設定:基礎方案提供2次細節調整,標準方案包含3-4次全要素修改權限,高階方案則開
Thumbnail
2025/02/26
Logo設計核心服務內容 設計方案款式選擇: 基礎方案通常提供3-5款原創設計概念,進階方案可擴增至8-10款。專業級別方案會依據品牌需求客製化數量,所有初稿皆附帶設計理念說明。 方案修改機制: 修改次數根據報價分級設定:基礎方案提供2次細節調整,標準方案包含3-4次全要素修改權限,高階方案則開
Thumbnail
看更多
你可能也想看
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
錨點文字是網站內容中的重要元素,它不僅可以引導讀者瀏覽網頁,還可以增加網站的SEO價值和流量。本文介紹了錨點文字的功用,並提出了幾項應用技巧,包括善用多樣化的錨點文字、使用相關的錨點文字和保持簡潔扼要。希望本文能幫助讀者更深入瞭解錨點文字的重要性,並能夠運用到自己的網站中。
Thumbnail
錨點文字是網站內容中的重要元素,它不僅可以引導讀者瀏覽網頁,還可以增加網站的SEO價值和流量。本文介紹了錨點文字的功用,並提出了幾項應用技巧,包括善用多樣化的錨點文字、使用相關的錨點文字和保持簡潔扼要。希望本文能幫助讀者更深入瞭解錨點文字的重要性,並能夠運用到自己的網站中。
Thumbnail
這篇文章教你如何製作側邊欄,包括準備工作、HTML和CSS的部分,還有一些互動效果。文章涵蓋了連結、圖片、超連結、大小、顏色、排版、flex和滑鼠互動等內容。
Thumbnail
這篇文章教你如何製作側邊欄,包括準備工作、HTML和CSS的部分,還有一些互動效果。文章涵蓋了連結、圖片、超連結、大小、顏色、排版、flex和滑鼠互動等內容。
Thumbnail
在今天的數字時代,網路不僅僅是資訊的來源,更是企業發展和個人品牌建立的關鍵所在。然而,無論你是管理自己的網站還是在數位行銷領域工作,若未能掌握搜索引擎優化(SEO)的精髓,你將面臨被淹沒在網路浪潮中的風險。 SEO不僅是提升網站排名的技術,更是通往持久流量和高質量訪客的大門。每一次的搜尋,背後都有
Thumbnail
在今天的數字時代,網路不僅僅是資訊的來源,更是企業發展和個人品牌建立的關鍵所在。然而,無論你是管理自己的網站還是在數位行銷領域工作,若未能掌握搜索引擎優化(SEO)的精髓,你將面臨被淹沒在網路浪潮中的風險。 SEO不僅是提升網站排名的技術,更是通往持久流量和高質量訪客的大門。每一次的搜尋,背後都有
Thumbnail
在內容行銷的世界中,找到適合又稱手的工具是每位行銷專員的快樂泉源之一,畢竟這代表能夠花費更少的時間,擁有更好的效率與產能(然後盡早下班XD)。幸運的是,現在有許多免費的創意工具可以幫助你快速製作引人入勝的視覺內容,從而提高品牌曝光和銷售業績。讓我們一起來看看幾個最受歡迎的平台吧!
Thumbnail
在內容行銷的世界中,找到適合又稱手的工具是每位行銷專員的快樂泉源之一,畢竟這代表能夠花費更少的時間,擁有更好的效率與產能(然後盡早下班XD)。幸運的是,現在有許多免費的創意工具可以幫助你快速製作引人入勝的視覺內容,從而提高品牌曝光和銷售業績。讓我們一起來看看幾個最受歡迎的平台吧!
Thumbnail
這篇文章將教您如何在WordPress網頁上連接YouTube視頻,提升訪客留存時間,提供更生動的內容並增加社交分享。分為三個步驟:在YouTube上上傳視頻、從YouTube獲取嵌入代碼和在網站上嵌入YouTube視頻。
Thumbnail
這篇文章將教您如何在WordPress網頁上連接YouTube視頻,提升訪客留存時間,提供更生動的內容並增加社交分享。分為三個步驟:在YouTube上上傳視頻、從YouTube獲取嵌入代碼和在網站上嵌入YouTube視頻。
Thumbnail
在網站建設的世界中,WordPress 架站一直是新手和專業人士的首選。它以其靈活性、易用性和龐大的社區支持而聞名。對於那些想要快速入門並建立自己的網站的人來說,WordPress 是一個理想的選擇。
Thumbnail
在網站建設的世界中,WordPress 架站一直是新手和專業人士的首選。它以其靈活性、易用性和龐大的社區支持而聞名。對於那些想要快速入門並建立自己的網站的人來說,WordPress 是一個理想的選擇。
Thumbnail
網站SEO對於公司企業或個人站長而言,扮演著極為重要的角色。透過有效的SEO優化,你的網站將能提升搜尋引擎的關鍵字排名,獲得更多的自然流量,提升用戶體驗和成交轉化率,進而提高品牌曝光和知名度。只要掌握快速提升網站權重優化方法,正確執行SEO優化排名,即可為你的網站打開通往成功的大門。
Thumbnail
網站SEO對於公司企業或個人站長而言,扮演著極為重要的角色。透過有效的SEO優化,你的網站將能提升搜尋引擎的關鍵字排名,獲得更多的自然流量,提升用戶體驗和成交轉化率,進而提高品牌曝光和知名度。只要掌握快速提升網站權重優化方法,正確執行SEO優化排名,即可為你的網站打開通往成功的大門。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News