在網頁設計中，打造流暢的瀏覽體驗是吸引訪客和提升互動的關鍵方法之一。而添加錨點鏈接（Anchor Link）就是實現這個目標的實用工具。如果你在使用 Elementor，那么添加錨點鏈接會變得非常簡單。

錨點鏈接可以讓訪客通過點擊按鈕或鏈接，直接跳轉到頁面中的指定部分。這種方式可以節(jié)省時間，還能促使更多互動和點擊行為。

本教程將為你提供詳細的步驟指南，展示在 Elementor 中添加錨點鏈接的完整方法。請繼續(xù)閱讀。

什么是網頁中的錨點鏈接？

錨點鏈接在網頁中的作用原理

錨點鏈接是一種特殊類型的超鏈接，它讓訪客跳轉到同一網頁中的某個具體區(qū)域。簡單來說，錨點鏈接就像船錨一樣。

船錨的作用是讓船停留在水面某處，避免漂移，使其圍繞錨的范圍自由活動。

錨點鏈接的作用也一樣。當訪客點擊某個錨點鏈接時，會跳轉到頁面中的具體內容區(qū)域，而不是前往其他頁面。這個過程節(jié)省了加載時間，也幫助訪客更快找到他們想看的內容，并持續(xù)停留在當前頁面中。

在 Elementor 中添加錨點鏈接（3 個簡單步驟）

如果 Elementor 插件已安裝在你的網站上，那么可以立即開始創(chuàng)建錨點標簽。如果還不清楚安裝方式，可以查看我們之前的 Elementor 安裝教程。

接下來，按以下步驟操作：

步驟 1：在 Elementor 中選擇編輯頁面

登錄 WordPress 網站，打開需要添加錨點鏈接的頁面。

點擊頂部菜單中的“使用 Elementor 編輯”，頁面將加載進 Elementor 的可視化編輯器中。

步驟 2：搜索并添加“Menu Anchor”錨點標簽

在左側的搜索欄中輸入“Menu Anchor”，你會看到一個名為“菜單錨點（Menu Anchor）”的小工具。這是創(chuàng)建錨點鏈接所需的組件。

步驟 3：使用 Menu Anchor Widget 添加錨點鏈接

找到菜單錨點組件后，將它拖拽到你希望跳轉的頁面區(qū)域上方。例如，想讓用戶跳轉到“價格”區(qū)域，就把這個組件放置在該區(qū)域前。

然后，在組件的“ID”字段中輸入錨點名稱，例如“prices”。

接著，選擇一個按鈕或文本，作為點擊后跳轉錨點的鏈接。

例如，選擇“Get Started（立即開始）”按鈕作為錨點跳轉按鈕：

滾動到頁面頂部，點擊“Get Started”按鈕。在按鈕的鏈接欄中，清除原有鏈接，填寫“#prices”作為跳轉目標。

點擊“保存”。

返回頁面后，點擊按鈕，即可跳轉到“價格”區(qū)域。

將錨點添加到 WordPress 菜單中

這個方法更加簡單。

先為某個區(qū)域添加錨點。例如你想為“常見問題（FAQ）”區(qū)域設置跳轉：

進入 Elementor，將 Menu Anchor 拖拽至 FAQ 區(qū)域前，并在 ID 字段中輸入“faq”，點擊保存。

接著執(zhí)行以下操作：

• 返回 WordPress 后臺；
• 進入“外觀 > 菜單”；
• 點擊“自定義鏈接”；

• 在 URL 中輸入“#faq”，鏈接文字寫為“FAQ”；

• 點擊“添加到菜單”，然后保存。

保存完成后，前往網站前臺，點擊菜單中的“FAQ”，頁面就會跳轉至 FAQ 區(qū)域。

Elementor 添加錨點鏈接常見問題解答

下面是一些有關在 Elementor 中添加錨點鏈接的常見問題說明：

1. 什么是錨點鏈接？

錨點鏈接是一種可以讓頁面跳轉到本頁某一部分的鏈接。

2. Elementor 中怎么鏈接到頁面特定部分？

• 選擇需要跳轉的區(qū)塊，點擊“編輯區(qū)塊”；
• 打開“高級”設置；
• 添加 CSS ID，例如“First”；
• 選擇需要跳轉的按鈕或文字；
• 在該按鈕或文字的鏈接中填寫“#First”。

3. WordPress 中如何手動添加錨點鏈接？

• 選擇一個按鈕或文本，在鏈接中輸入“#錨點名稱”；
• 找到跳轉目標的區(qū)塊，打開“高級”設置；
• 將 ID 設置為你設置的錨點名稱（無需加“#”）。

4. HTML 中手動添加錨點鏈接的方法？

• 使用 <a href="#目標ID">跳轉文本</a> 來設置錨點鏈接；
• 在目標區(qū)域 HTML 標簽中添加 id="目標ID"，如 <div id="faq">。

5. Elementor 中怎么為圖片添加鏈接？

• 選擇目標圖片；
• 在“內容”設置中找到“鏈接”；
• 選擇“自定義鏈接”；
• 填入目標鏈接地址。

最后總結

現在你已經掌握了在 Elementor 中設置錨點鏈接的完整方法。需要提醒的是，錨點鏈接不是隨便添加的，而是頁面中重要跳轉功能的組成部分。建議先確定頁面中最關鍵的幾個區(qū)域，然后搭配合適的文字或按鈕設置跳轉路徑。

聯系我們
教程看不懂？聯系我們?yōu)槟赓M解答！免費助力個人，小企站點！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時間：周一至周五，9:30-18:30，節(jié)假日休息