[WordPress] 外掛分享: Content Anchor Links

前言介紹

  • 這款 WordPress 外掛「Content Anchor Links」是 2016-12-24 上架。
  • 目前有 1000 個安裝啟用數。
  • 上一次更新是 2020-12-23,距離現在已有 1592 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
  • 外掛最低要求 WordPress 4.6.0 以上版本才可以安裝。
  • 有 5 人給過評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

xnau |

外掛標籤

anchor |

內容簡介

注意:此外掛目前不支援區塊編輯器(Block Editor)。

此外掛能在您的頁面和文章內容中,新增一個獨特的 ID 屬性,然後將這些錨點加入連結彈出視窗中,讓您輕鬆地將連結跳轉至內容中的標題。

使用此外掛

此外掛不需要任何設定或預設值,啟用後即可開始使用。

此外掛的運作方式是,為您內容中的標題加上獨特的「id」屬性,開啟編輯器時此外掛會為所有 h2 和 h3 標題都新增一個獨特的 ID。儲存內容後,這些標題就會變成可供使用的「錨點」。

要建立一個錨點連結,只需新增所需的連結文字,選取文字,然後點選「新增連結」圖示。如果您開始輸入要跳轉至的標題,搜尋結果中會出現那個標題的錨點連結。選取該錨點即可產生連結。

如果您想要從其他頁面產生連結跳轉至一個標題,您可以在一般的頁面連結中添加錨點連結(開頭為「#」),當使用者點選連結時,就會跳轉至該標題所在的頁面。

例如,假設您在https://xnau.com/content-anchor-links/網頁上有一個頁面,該頁面說明如何製作鏈結清單,頁面上有一個名為「教學」的標題,HTML 中會看到標題有一個「id」,如下所示:

A Tutorial

您可以使用以下 URL 直接到達該標題:https://xnau.com/content-anchor-links/#a-tutorial

原文外掛簡介

Note: This plugin is not currently compatible with the Block Editor.
This plugin adds a unique ID attribute to healings in your page and post content, and then makes those anchors available in the linking pop-up. This makes it very easy to add “jump” links to headings within the content.
Using the Plugin
This plugin doesn’t use any settings or require any setup, just activate it and it’s features are available.
The plugin works by adding a unique “id” to the headings in your content. When you open your content for editing, the plugin adds unique ids to all the h2 and h3 headings. After saving the content, those headings become available as “anchors” which can be linked to.
To create an anchor link, add the desired link text, select it and click the “add link” icon. If you begin typing the heading you want the link to jump to, the anchor link for that heading will appear in the search results. Choose that anchor to place your link.
If you want a link from another page to jump to a heading, you can add the anchor link (begins with a “#”) to the regular page link and when that link is clicked on the user will be taken to that heading on the new page.
For example, let’s say you have a page at https://xnau.com/content-anchor-links/ that explains how to make a link list, and on that page is a tutorial with the heading “A Tutorial” If you look at the HTML for that page, you’ll see that the heading has an “id”, like this:

A Tutorial

You can create a link that goes directly to that heading with a URL like this: https://xnau.com/content-anchor-links/#a-tutorial

各版本下載點

  • 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「Content Anchor Links」來進行安裝。

(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。


1.1 | 1.2 | 1.3 | 1.4 | 1.5 | 1.6 | 1.6.1 | 1.6.2 | 1.6.3 | trunk |

延伸相關外掛(你可能也想知道)

  • Hyperlink Group Block 》將多個區塊結合為一個群組,並包裝在超連結 () 內。, 插入超連結群組區塊後,將顯示區塊插入器圖示,讓您可以在超連結群組區塊內新增新的區塊。, Ti...。
  • Anchor Block 》船員!將錨下放!, 這個外掛提供了專門的 Gutenberg 錨點區塊,讓您可以在頁面中生成內部連結到每個部分。。
  • WP Simple Anchors Links 》這個 WordPress 外掛可以在你的內容中簡單地添加錨點連結。你可以透過 Wisiwig 按鈕加入短碼 [wpanchor id="your_id"]。接著,你需要在你的網站上建立一個連...。
  • Better Anchor Links 》此外掛會自動在內容中創建錨點連結並在內容頂部顯示它們,也允許使用標籤或側邊欄小工具進行自定義位置設置。, 特色:, , 可選擇是否自動顯示內容中的標題標...。
  • Add Anchor Links 》此外掛會在選定文章內容中的標題標籤建立錨點連結,就像 Github 在 Readme.md 檔案中所做的一樣。, 歡迎加入 Github,參與開發:https://github.com/vyskoczi...。
  • Smoothscroller 》此外掛會為同一頁面上的錨連結增加平滑捲動的效果。, 您可以將此效果套用至所有文章/頁面或特定文章/頁面,並調整滾動速度。, 錨連結是透過 id 屬性綁定的。,...。
  • More Link Modifier 》這是一個簡單的外掛,允許你修改當你使用 功能時所顯示的連結。同時也讓你移除錨點連結以關閉跳轉行為。你也可以選擇在新的視窗...。
  • StripTease 》StripTease 外掛程式會更改 WordPress 預設的「閱讀更多」(teaser) 連結,讓它們可以直接連到完整的文章。, 在 WordPress 中,若您想要在首頁上顯示的文章,...。
  • Fixed Menu Anchor 》如果你的 WordPress 主題中使用了固定導覽選單,這個外掛是最好的解決方式,可以處理導覽選單重疊到錨定內容的問題。插入精確的導覽選單高度以在錨點前跳轉到...。
  • WP LocalScroll 》這個外掛將會以平滑捲動的效果,使常規的錨點導航具備動畫效果。每次點擊鏈接時,整個螢幕將漸漸地滾動到目標元素,而不是像平常那樣「跳躍」。該外掛使用 jQ...。
  • Automatic Hx Menu 》這個外掛會在文章中搜尋 hx HTML 標籤,並建立一個導覽選單,其中包含指向標題的錨點連結。此外,您還可以使用此外掛為標題添加自動編號。, , 新功能:, , 新...。
  • Nofollow External Link 》如果您需要支援此外掛的安裝或需要特殊版本的外掛,請透過電子郵件聯繫我們:[email protected]。, 這個外掛非常簡單,會自動為您所有網站文章或頁面中的外部...。
  • AutoLink 》這個外掛會自動將帖子和頁面內嵌的純文字連結和電子郵件地址添加 HTML 錨點標籤(WordPress 對於評論已經默認這樣做了)。, 在外掛設置頁面中,您可以選擇在...。
  • Auto Anchor 》Auto Anchor 是一個 WordPress 外掛,它會在每個標題標籤(h2-h6)中加入 HTML 錨點,當使用者滑鼠懸停在錨點時,會在側邊顯示一個小鏈條圖示。該圖示也是一...。
  • SEO Ready Links Export 》Ready Links 是一個 SEO 工具,列印出網站中所有頁面和文章的清單。此清單可用於連結、反向連結和檢查 404 錯誤和重新導向。該清單可以是 URL 列表或具有指定...。

文章
Filter
Apply Filters
Mastodon