如何在 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
0會員
19內容數
留言
avatar-img
留言分享你的想法!

































































Kant Chan的沙龍 的其他內容
什麼是廣告投放? 廣告投放在網路行銷中扮演重要角色,現今大部分人都活躍於網絡世界,透過社交平台進行瀏覽及搜尋。若能有效利用這些機會,品牌的宣傳成效將大幅提升。本文將介紹主要的廣告投放平台、預算設定及關鍵要點,幫助你選擇最適合的廣告渠道。 常見的廣告投放平台 Facebook 廣告 Faceb
在現今數碼時代,網站不僅是企業展示產品與服務的平台,更是與客戶互動的重要渠道。要建立一個高效能且具吸引力的網站,選擇合適的網站主機、網域名稱、SEO 策略及網站設計公司至關重要。本文將詳細介紹這些核心要素,助你打造成功的網上平台。 選擇網站主機 網站主機影響網站的速度、安全性及穩定性,因此需要根
展示專業形象 透過網站設計,企業可以有效展示其專業知識、技術實力及產品特色。網站不僅提供產品詳情及技術規格,還能呈現公司的發展歷程、榮譽獎項及成功案例,從而提升品牌形象,增強客戶信任。 吸引潛在客戶 現今客戶在尋找產品或服務時,通常會先在網上搜尋。一個專業且資訊豐富的網站設計,能迅速吸引客戶關
SEO文案與一般文章的差異 SEO文案是為了搜尋引擎優化(SEO)而撰寫,透過特定的文章架構與策略,提高網站在搜尋結果中的排名。與一般文章相比,SEO文案需要兼顧搜尋引擎與讀者的需求,確保內容既符合搜尋意圖,又能提升轉換率。 撰寫SEO文案的6大流程 1. 確認目標 在撰寫SEO文案之前,必
如何達到YouTube的盈利門檻? 要開啟YouTube廣告收益,創作者必須加入YouTube合作夥伴計劃(YPP),最低要求包括: 至少1000名訂閱者 過去12個月內累積4000小時觀看時數(或在90天內獲得1000萬次Shorts觀看) 遵守YouTube的貨幣化政策與社群準則 部分
MacBook 受到網頁設計師青睞的 7 大優勢 在網站設計領域,設計師需要一台強大且穩定的工具來實現創意,而 MacBook 憑藉其卓越的性能、優秀的顯示效果和完善的軟體生態系統,成為了許多專業人士的首選。以下是 MacBook 受歡迎的主要原因:
什麼是廣告投放? 廣告投放在網路行銷中扮演重要角色,現今大部分人都活躍於網絡世界,透過社交平台進行瀏覽及搜尋。若能有效利用這些機會,品牌的宣傳成效將大幅提升。本文將介紹主要的廣告投放平台、預算設定及關鍵要點,幫助你選擇最適合的廣告渠道。 常見的廣告投放平台 Facebook 廣告 Faceb
在現今數碼時代,網站不僅是企業展示產品與服務的平台,更是與客戶互動的重要渠道。要建立一個高效能且具吸引力的網站,選擇合適的網站主機、網域名稱、SEO 策略及網站設計公司至關重要。本文將詳細介紹這些核心要素,助你打造成功的網上平台。 選擇網站主機 網站主機影響網站的速度、安全性及穩定性,因此需要根
展示專業形象 透過網站設計,企業可以有效展示其專業知識、技術實力及產品特色。網站不僅提供產品詳情及技術規格,還能呈現公司的發展歷程、榮譽獎項及成功案例,從而提升品牌形象,增強客戶信任。 吸引潛在客戶 現今客戶在尋找產品或服務時,通常會先在網上搜尋。一個專業且資訊豐富的網站設計,能迅速吸引客戶關
SEO文案與一般文章的差異 SEO文案是為了搜尋引擎優化(SEO)而撰寫,透過特定的文章架構與策略,提高網站在搜尋結果中的排名。與一般文章相比,SEO文案需要兼顧搜尋引擎與讀者的需求,確保內容既符合搜尋意圖,又能提升轉換率。 撰寫SEO文案的6大流程 1. 確認目標 在撰寫SEO文案之前,必
如何達到YouTube的盈利門檻? 要開啟YouTube廣告收益,創作者必須加入YouTube合作夥伴計劃(YPP),最低要求包括: 至少1000名訂閱者 過去12個月內累積4000小時觀看時數(或在90天內獲得1000萬次Shorts觀看) 遵守YouTube的貨幣化政策與社群準則 部分
MacBook 受到網頁設計師青睞的 7 大優勢 在網站設計領域,設計師需要一台強大且穩定的工具來實現創意,而 MacBook 憑藉其卓越的性能、優秀的顯示效果和完善的軟體生態系統,成為了許多專業人士的首選。以下是 MacBook 受歡迎的主要原因:
你可能也想看
Google News 追蹤
Thumbnail
現代社會跟以前不同了,人人都有一支手機,只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行,然而如今科技快速發展之下,金融App無聲無息地進到你生活中。但同樣的,每一家銀行都有自己的App時,我們又該如何選擇呢?(本文係由國泰世華銀行邀約) 今天我會用不同角度帶大家看這款國泰世華CUB
Thumbnail
錨點文字是網站內容中的重要元素,它不僅可以引導讀者瀏覽網頁,還可以增加網站的SEO價值和流量。本文介紹了錨點文字的功用,並提出了幾項應用技巧,包括善用多樣化的錨點文字、使用相關的錨點文字和保持簡潔扼要。希望本文能幫助讀者更深入瞭解錨點文字的重要性,並能夠運用到自己的網站中。
Thumbnail
這篇文章教你如何製作側邊欄,包括準備工作、HTML和CSS的部分,還有一些互動效果。文章涵蓋了連結、圖片、超連結、大小、顏色、排版、flex和滑鼠互動等內容。
Thumbnail
截至目前為止,在 WordPress.org 外掛目錄上架的外掛接近 60,000 種,如果你正在煩惱要安裝哪些外掛,不妨從 WordPress 外掛元素週期表取得靈感。
Thumbnail
在內容行銷的世界中,找到適合又稱手的工具是每位行銷專員的快樂泉源之一,畢竟這代表能夠花費更少的時間,擁有更好的效率與產能(然後盡早下班XD)。幸運的是,現在有許多免費的創意工具可以幫助你快速製作引人入勝的視覺內容,從而提高品牌曝光和銷售業績。讓我們一起來看看幾個最受歡迎的平台吧!
Thumbnail
這篇文章將教您如何在WordPress網頁上連接YouTube視頻,提升訪客留存時間,提供更生動的內容並增加社交分享。分為三個步驟:在YouTube上上傳視頻、從YouTube獲取嵌入代碼和在網站上嵌入YouTube視頻。
Thumbnail
在網站建設的世界中,WordPress 架站一直是新手和專業人士的首選。它以其靈活性、易用性和龐大的社區支持而聞名。對於那些想要快速入門並建立自己的網站的人來說,WordPress 是一個理想的選擇。
Thumbnail
網站SEO對於公司企業或個人站長而言,扮演著極為重要的角色。透過有效的SEO優化,你的網站將能提升搜尋引擎的關鍵字排名,獲得更多的自然流量,提升用戶體驗和成交轉化率,進而提高品牌曝光和知名度。只要掌握快速提升網站權重優化方法,正確執行SEO優化排名,即可為你的網站打開通往成功的大門。
Thumbnail
有時候,最簡單的事情可以做很多事! 如果你點擊活動廣告,你會注意到網址尾端會有一些額外的“代碼”。 類似:“?utm_source=XXXXX” 「XXXXX」是對放置連結的位置的描述,以便活動商追蹤來源。 但這僅用於追蹤數據。 下次當你要分享其他人的網站或內容時,使用相同的“程式碼”看看
Thumbnail
在現今數位時代,學習編寫引人入勝的META描述標籤成為網站優化的重要一環。透過SEO(搜尋引擎優化)技術,提升網站在搜尋引擎中的排名,而META描述標籤則是影響點擊率的關鍵元素。以下是有關如何編寫META描述標籤的一些建議。 首先,了解SEO的基礎原理是必要的。SEO公司和Google SEO教學
Thumbnail
此篇針對架設好Hexo的部落格後,這篇將進一步介紹文章對應的Url設定與修改方式。
Thumbnail
現代社會跟以前不同了,人人都有一支手機,只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行,然而如今科技快速發展之下,金融App無聲無息地進到你生活中。但同樣的,每一家銀行都有自己的App時,我們又該如何選擇呢?(本文係由國泰世華銀行邀約) 今天我會用不同角度帶大家看這款國泰世華CUB
Thumbnail
錨點文字是網站內容中的重要元素,它不僅可以引導讀者瀏覽網頁,還可以增加網站的SEO價值和流量。本文介紹了錨點文字的功用,並提出了幾項應用技巧,包括善用多樣化的錨點文字、使用相關的錨點文字和保持簡潔扼要。希望本文能幫助讀者更深入瞭解錨點文字的重要性,並能夠運用到自己的網站中。
Thumbnail
這篇文章教你如何製作側邊欄,包括準備工作、HTML和CSS的部分,還有一些互動效果。文章涵蓋了連結、圖片、超連結、大小、顏色、排版、flex和滑鼠互動等內容。
Thumbnail
截至目前為止,在 WordPress.org 外掛目錄上架的外掛接近 60,000 種,如果你正在煩惱要安裝哪些外掛,不妨從 WordPress 外掛元素週期表取得靈感。
Thumbnail
在內容行銷的世界中,找到適合又稱手的工具是每位行銷專員的快樂泉源之一,畢竟這代表能夠花費更少的時間,擁有更好的效率與產能(然後盡早下班XD)。幸運的是,現在有許多免費的創意工具可以幫助你快速製作引人入勝的視覺內容,從而提高品牌曝光和銷售業績。讓我們一起來看看幾個最受歡迎的平台吧!
Thumbnail
這篇文章將教您如何在WordPress網頁上連接YouTube視頻,提升訪客留存時間,提供更生動的內容並增加社交分享。分為三個步驟:在YouTube上上傳視頻、從YouTube獲取嵌入代碼和在網站上嵌入YouTube視頻。
Thumbnail
在網站建設的世界中,WordPress 架站一直是新手和專業人士的首選。它以其靈活性、易用性和龐大的社區支持而聞名。對於那些想要快速入門並建立自己的網站的人來說,WordPress 是一個理想的選擇。
Thumbnail
網站SEO對於公司企業或個人站長而言,扮演著極為重要的角色。透過有效的SEO優化,你的網站將能提升搜尋引擎的關鍵字排名,獲得更多的自然流量,提升用戶體驗和成交轉化率,進而提高品牌曝光和知名度。只要掌握快速提升網站權重優化方法,正確執行SEO優化排名,即可為你的網站打開通往成功的大門。
Thumbnail
有時候,最簡單的事情可以做很多事! 如果你點擊活動廣告,你會注意到網址尾端會有一些額外的“代碼”。 類似:“?utm_source=XXXXX” 「XXXXX」是對放置連結的位置的描述,以便活動商追蹤來源。 但這僅用於追蹤數據。 下次當你要分享其他人的網站或內容時,使用相同的“程式碼”看看
Thumbnail
在現今數位時代,學習編寫引人入勝的META描述標籤成為網站優化的重要一環。透過SEO(搜尋引擎優化)技術,提升網站在搜尋引擎中的排名,而META描述標籤則是影響點擊率的關鍵元素。以下是有關如何編寫META描述標籤的一些建議。 首先,了解SEO的基礎原理是必要的。SEO公司和Google SEO教學
Thumbnail
此篇針對架設好Hexo的部落格後,這篇將進一步介紹文章對應的Url設定與修改方式。