如何在 WordPress 中插入 WordPress 錨點超鏈接（3 種技術）

您將在整個網站參考可用性和消費者體驗 (UX) 方面做出的大量設計決策。 更重要的是，網站內容——按照標準，瀏覽你網站的網頁——價格不菲。 如果你把這些都結合了，你會經常考慮支持你的信息的用戶體驗的方法。 WordPress 錨反向鏈接是內容用戶體驗的主要內容。

將錨單向鏈接視為所關注文章的內聯導航。 您可以在任何地方發現它們，但標題是一個廣泛的用例。 如果他們願意，這允許讀者在不迷路的情況下跳到貼圖附近。 這是一個需要考慮的領先的用戶體驗，也是大多數網站所有者應該想像的事情。

為了向您展示使用它們是多麼簡單，本文將出現在 WordPress 錨反向鏈接中。 在我們進入您可以整合它們的各種技術之前，讓我們討論一下它們是什麼，以及它們可以為您做什麼。

什麼是錨點連接

在典型的意義上，錨連接是一個可點擊的內嵌導航。 它與一段內容不同，可以讓你在網頁上達到更高的層次。 我們在 WPKube 使用它們來幫助您跳轉到教程中的不同操作：

如果您只是單擊 url，該站點將跳到您指定的相關部分。 這是一個非常簡單的實現，可以對您網站的可用性產生奇妙的影響。 接下來我們將討論其中的一些情況。

為什麼要在 WordPress 中使用錨單向鏈接

我們提到可用性是使用 WordPress 錨反向鏈接的基本動力，這是使用它們的一個重要原因。 另一方面，有大量的使用場景可以將它們添加到您的網站。 例如：

• 如果您想為您的讀者提供大量冗長的書面內容（例如 3,000 個術語的帖子），您通常會有一個目錄。 這是為錨入站鏈接量身定制的用途。
• 當您共享書籤帖子時，錨也可以操作。 如果您在 URL 中包含錨點，讀者將直接跳到您希望他們看到的階段。
• 你的 Look for Engine Optimization（搜索引擎優化）可以得到提升，主要是因為在某些情況下，查找引擎會將這些人的 WordPress 錨單向鏈接顯示為不同的條目。

簡而言之，如果您希望您的觀眾緊貼您的網站，並與您的文章進行互動，WordPress 錨入站鏈接是爭取流量的關鍵武器。 至於如何將它們添加到您的網站，未來的部分數量將向您展示。

如何在任何 HTML 代碼中包含錨反向鏈接

包含 WordPress 錨超鏈接的基礎是 HTML。 重要的是，您可以在任何互聯網站點上使用這些，而不僅僅是在 WordPress 中。 有兩部分：錨點和標籤。

首先，您將像任何其他超鏈接一樣增加錨反向鏈接——利用標籤。 僅對於連接，您將在它之前使用“octothorpe”（也稱為哈希或磅信號）：

Click on further more down the web page

話雖如此，如果您單擊它，該網址將無處可去。 為了讓它去某個地方，你將在文章後面加入相同的href超鏈接作為id ，而不需要 octothorpe：

我們的錨定標題

這會將兩個標籤反向鏈接在一起，並構建您必須擁有的內聯導航。 請注意，我們在本文中使用了一個標題標籤，但這可以是任何 HTML 標籤。 歡迎您使用段落標籤、圖像標籤或 HTML 的任何其他方面，如果這樣可以吸引客戶到他們需要的地方。

如何添加 WordPress 錨鏈接（3 種方法）

我們現在將向您展示一個關於 WordPress 錨反向鏈接的嚴重全球案例！ 以下是我們可能會在接下來的部分中處理的內容：

• 您可以包含塊編輯器特徵的錨點，以及其他組件上的已建立 ID。 這在經典編輯器中也是可能的。
• 像 Elementor 這樣的網站建設者將提供一個模塊，使您能夠插入 WordPress 錨單向鏈接到材料。
• 有些插件可以增加指向您內容的自動錨點超鏈接，這可以幫助您節省一些設置時間。

最初關閉時，我們將看到引導方法。 儘管看起來很難，但應用塊編輯器使這變得非常簡單。

1.使用引導技術將錨入站鏈接插入塊編輯器

對於大多數最終用戶，塊編輯器提供了增加 WordPress 錨入站鏈接到您的信息所需的所有東西。 首先，突出顯示您要添加網站鏈接的一段文本，就像使用超鏈接一樣：

接下來，使用適用的選項將其切換為網站鏈接，並插入您的錨標記，前面有一個 octothorpe：

你會知道你是否得到這個正確的，因為你會在反向鏈接旁邊看到“內部”這個詞。 保留此內容後，請立即轉到您要設置錨點的書面內容部分。 我們要使用標題。

您需要前往理想手邊欄中的塊 > 高度發達的部分，然後進行擴展。 在那裡，您將看到HTML 錨規則：

在這裡，合併您的 WordPress 錨 url 的文本，沒有 octothorpe。 這就是您需要做的所有事情，如果您查看實時預覽，您會看到錨網站鏈接正在運行。

將 Anchor Back 鏈接添加到復古編輯器

典型編輯器的方法是完全手動 HTML 解決方案和塊編輯器解決方案之間的一種混合。 首先，您將在可見頁面中插入指向您的材料的超鏈接……

…然後您將切換到文本內容編輯器並將錨點添加到您的理想因素：

當您再次切換回 Visible 編輯器時，您將看到輸入的反向鏈接，但在您預覽您的文章之前，它可能不會按您的預期運行。

2. 使用 Site Builder 插件插入 Anchor Back 鏈接

大多數頁面構建器插件，如 Elementor 或 Beaver Builder 提供模塊，以將錨超鏈接包含到您的內容材料中。 這些可以像 HTML 一樣通用，主要是因為它們可以去任何其他模塊可以去的地方。

例如，在 Elementor 中，您將使用 Menu Anchor 元素：

要使用它，請將其拖動到您選擇的位置。 我們建議您在任何航向方面之前對其進行定位，或者至少在您需要錨定的區域之前進行定位。

在您幫助您保存變體時，您可以檢查錨 url。 獨特的網站建設者使用多種方法來插入 WordPress 錨超鏈接，您還將在前端找到不同的實現。 儘管如此，這個概念是準確的，您也將獲得準確的最終收益。

3.使用插件將自動錨回鏈接合併到您的網站

如果您想為您的網頁插入更多性能，並幫助您的 WordPress 錨反向鏈接大放異彩，您可以使用目錄 (ToC) 插件。 有許多可訪問的，但大多數確實沒有對最新 WordPress 版本的評估，或者從未經常更新。 即便如此，SimpleTOC 插件還是會勾選所有合適的容器：

當然，您將需要以常規方式設置和激活插件，然後前往塊編輯器。 隨後，保存您的文章，然後搜索 SimpleTOC 塊：

將此添加到您的發布後，它將立即獲取您文章中任何標題的鏈接。 ToC 將顯示個人標題，您無需執行任何指南標記。

即便如此，如果您願意，您也可以限制您的 ToC 中的一些標題。 如果您將simpletoc-concealed CSS 課程增加到 Heading Block 的進一步 CSS 類行業，這將從您的 ToC 中隱藏它。 您可以在與 HTML 錨規則類似的位置遇到此規則：在塊 > 創新側邊欄中：

這是一個非常簡單的實現，可能沒有手冊程序那樣的確切程度的整體靈活性，但它很快並且可以讓您以正常方式使用 WordPress 錨超鏈接而無需耗費大量精力。

總之

用戶的遭遇是最重要的，作為這種人，您將要考慮所有可以讓他們在網站問題上花費時間的方法。 WordPress 錨入站鏈接可以實現這一點。 它們幫助您創建內聯內容導航，並且在切換時，這將幫助您的買家滾動到他們需要的書面內容，而無需大驚小怪或拖延。

這篇文章出現在一些將 WordPress 錨鏈接合併到您的網站的策略中。 這是一個快速回顧：

• 您可以將它們作為 HTML 標記的一部分併入任何網站，而不僅僅是 WordPress。
• 塊編輯器允許您以增加超鏈接的確切方式合併錨點。
• 諸如 Elementor 之類的網站建設者通常具有集中的模塊，允許您將錨點合併到您的材料中。
• 像 SimpleTOC 這樣的插件可以將自動 WordPress 錨鏈接合併到您的材料中。 在某些情況下，插件會更新其目錄以匹配您帖子的標題。

您是否覺得 WordPress 錨鏈接對您的搜索引擎優化和您的觀眾有好處，如果沒有，什麼可以幫助他們參與？ 讓我們在下面的回复部分知道！