Title: Anchor Block
Author: Jb Audras
Published: <strong>2019 年 9 月 18 日</strong>
Last modified: 2025 年 11 月 27 日

---

搜尋外掛

![](https://ps.w.org/anchor-block/assets/banner-772x250.png?rev=2158286)

![](https://ps.w.org/anchor-block/assets/icon-256x256.png?rev=2158286)

# Anchor Block

 由 [Jb Audras](https://profiles.wordpress.org/audrasjb/) 開發

[下載](https://downloads.wordpress.org/plugin/anchor-block.0.1.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/anchor-block/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/anchor-block/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/anchor-block/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/anchor-block/#developers)

 [技術支援](https://wordpress.org/support/plugin/anchor-block/)

## 外掛說明

**Drop the anchor, sailor!**

This plugin provides a dedicated Gutenberg Anchor Block so you could generate internal
links to each sections of your pages.

## 螢幕擷圖

 * [[
 * Anchor block in Gutenberg
 * [[
 * Located in Layout section of the block editor
 * [[
 * Front-end rendering with an anchor and a custom link menu item

## 適用於區塊編輯器

這個外掛提供 1 個可供 Gutenberg/區塊編輯器使用的區塊。

 *   Anchor Block

## 安裝方式

 1. Install the plugin and activate.
 2. Use the block “Anchor block”, available in Gutenberg LAYOUT blocks.

## 使用者評論

![](https://secure.gravatar.com/avatar/fd430e0964eca4e5d0011f521ec741bf76d5637e91ec7c5a0b9a44c4a35e71e2?
s=60&d=retro&r=g)

### 󠀁[User friendly and helpful](https://wordpress.org/support/topic/user-friendly-and-helpful-3/)󠁿

 [Sue Steinberg](https://profiles.wordpress.org/suesteinberg/) 2022 年 11 月 13 
日

Love this plugin, this plugin helped me with my project. Thanks a lot!

![](https://secure.gravatar.com/avatar/389daa9caff0f74ac62fe9554b4ed075f63b3d7f00eae5c0054d65a534858fcb?
s=60&d=retro&r=g)

### 󠀁[Interferes with Tabs](https://wordpress.org/support/topic/interferes-with-tabs/)󠁿

 [wp-MeMeMe](https://profiles.wordpress.org/wp-mememe/) 2022 年 3 月 12 日

Just a warning: This plugin causes tabs created by another plugin to be treated 
as anchors, causing the page to jump whenever a tab is clicked. Unfortunately, this
pushes the tabs just off the top of the screen, and with vertical tabs hides the
top of the text contained in the tab. TRhis makes the tabs pretty much unusable,
so you have to choose which plugin is most important and dump the other.

![](https://secure.gravatar.com/avatar/b8bc6363810a5a5feb0adcf192462bb44322737176a39625cea672e3ca544f86?
s=60&d=retro&r=g)

### 󠀁[So Needed Thanks](https://wordpress.org/support/topic/so-needed-thanks/)󠁿

 [jeffz8](https://profiles.wordpress.org/jeffz8/) 2020 年 6 月 5 日

When I started working in WP, I as totally surprised anchors were so restricted 
and frustrated. This solves that problem simply and straightforwardly.

![](https://secure.gravatar.com/avatar/73b11ebd9b9cc6a76c38dc367af57744fed10a4b20ae5e037eaa6eca334ab4c2?
s=60&d=retro&r=g)

### 󠀁[What I miss…](https://wordpress.org/support/topic/what-i-miss/)󠁿

 [albertgorlee](https://profiles.wordpress.org/albertgorlee/) 2020 年 6 月 1 日

…a list of already defined anchors to speed up entering the correct destination 
link in (for example) a button.

![](https://secure.gravatar.com/avatar/a9e35ebe816ce2e60259cea50f9da7dc3b392142c5e8bcda27c473e2bd42f24f?
s=60&d=retro&r=g)

### 󠀁[AWESOME! AWESOME! AWESOME!](https://wordpress.org/support/topic/awesome-awesome-awesome-22/)󠁿

 [pjsorell](https://profiles.wordpress.org/pjsorell/) 2020 年 5 月 24 日

Such a simple yet INGENIOUS little plugin that elegantly solves a bugger of an issue
with Gutenberg WordPress… inserting “Anchors” (i.e. Page Jumps) into pages. As someone
who can edit HTML code quite well, I find it awkward how WordPress makes it to add“
anchors” to any place in a document OTHER THAN Headers (Gutenberg has this built
in, but JUST for headers). Trying to add the HTML code id=”xyz” to anywhere else(
text, pictures, etc) forces you to convert the block to pure HTML, thereby losing
the block editing structure for all else related to that particular block. So now
you have to work with BOTH Block and HTML content on a single page. There is no 
way to just add the HTML “id code” and keep the existing Gutenberg Block editing
structure for all other aspects of the paragraph or picture. Trust me, if I wanted
to work in HTML, I would. But there are reasons why I use WordPress and this one
caveat of forcing mixed editing styles is just dysfunctional. Enter Gutenberg Anchor
BLock! Simply add it to your page, just as you would any other block, just above
where you want an anchor point, enter a unique name for the anchor, and voila… you’re
DONE! A genius of an idea for which the developer, Jean-Baptiste Audras, should 
get royalties when it becomes a built-in of the next Gutenberg update. See, it truly
IS the little things in life that make you the happiest!

![](https://secure.gravatar.com/avatar/8d8ec042829e0d4060243b6c1067768dd31773ace52982c6ac4a4fbef207cbfd?
s=60&d=retro&r=g)

### 󠀁[Nice anchor link integration, but…](https://wordpress.org/support/topic/nice-anchor-link-integration-but/)󠁿

 [btxtiger](https://profiles.wordpress.org/btxtiger/) 2020 年 4 月 2 日

This is a nice method to integrate anchor links in gutenberg editor. However the
top spacing is sadly not working for me. I’m using the Astra theme. I placed the
anchor block just before a heading

 [ 閱讀全部 8 則使用者評論 ](https://wordpress.org/support/plugin/anchor-block/reviews/)

## 參與者及開發者

以下人員參與了開源軟體〈Anchor Block〉的開發相關工作。

參與者

 *   [ Jb Audras ](https://profiles.wordpress.org/audrasjb/)
 *   [ Whodunit ](https://profiles.wordpress.org/whodunitagency/)
 *   [ Simon Janin ](https://profiles.wordpress.org/simonjanin/)
 *   [ Rachel Peter ](https://profiles.wordpress.org/larrach/)

〈Anchor Block〉外掛目前已有 8 個本地化語言版本。 感謝[全部譯者](https://translate.wordpress.org/projects/wp-plugins/anchor-block/contributors)
為這個外掛做出的貢獻。

[將〈Anchor Block〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/anchor-block)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/anchor-block/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/anchor-block/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/anchor-block/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/anchor-block/)。

## 變更記錄

#### 0.1

 * Plugin initial commit. Works fine 🙂

## 中繼資料

 *  版本 **0.1**
 *  最後更新 **5 個月前**
 *  啟用安裝數 **2,000+**
 *  WordPress 版本需求 ** 5.2 或更新版本 **
 *  已測試相容的 WordPress 版本 **6.9.4**
 *  PHP 版本需求 ** 7.0 或更新版本 **
 *  語言
 * [Chinese (China)](https://cn.wordpress.org/plugins/anchor-block/)、[English (US)](https://wordpress.org/plugins/anchor-block/)、
   [French (France)](https://fr.wordpress.org/plugins/anchor-block/)、[Persian](https://fa.wordpress.org/plugins/anchor-block/)、
   [Spanish (Chile)](https://cl.wordpress.org/plugins/anchor-block/)、[Spanish (Colombia)](https://es-co.wordpress.org/plugins/anchor-block/)、
   [Spanish (Mexico)](https://es-mx.wordpress.org/plugins/anchor-block/)、[Spanish (Spain)](https://es.wordpress.org/plugins/anchor-block/)、
   及 [Spanish (Venezuela)](https://ve.wordpress.org/plugins/anchor-block/).
 *  [將這個外掛本地化為你的母語版本](https://translate.wordpress.org/projects/wp-plugins/anchor-block)
 * 標籤
 * [anchor](https://tw.wordpress.org/plugins/tags/anchor/)[gutenberg](https://tw.wordpress.org/plugins/tags/gutenberg/)
   [link](https://tw.wordpress.org/plugins/tags/link/)
 *  [進階檢視](https://tw.wordpress.org/plugins/anchor-block/advanced/)

## 評分

 4.1 星，滿分為 5 星

 *  [  5 個 5 星使用者評論     ](https://wordpress.org/support/plugin/anchor-block/reviews/?filter=5)
 *  [  1 個 4 星使用者評論     ](https://wordpress.org/support/plugin/anchor-block/reviews/?filter=4)
 *  [  1 個 3 星使用者評論     ](https://wordpress.org/support/plugin/anchor-block/reviews/?filter=3)
 *  [  0 個 2 星使用者評論     ](https://wordpress.org/support/plugin/anchor-block/reviews/?filter=2)
 *  [  1 個 1 星使用者評論     ](https://wordpress.org/support/plugin/anchor-block/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/anchor-block/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/anchor-block/reviews/)

## 參與者

 *   [ Jb Audras ](https://profiles.wordpress.org/audrasjb/)
 *   [ Whodunit ](https://profiles.wordpress.org/whodunitagency/)
 *   [ Simon Janin ](https://profiles.wordpress.org/simonjanin/)
 *   [ Rachel Peter ](https://profiles.wordpress.org/larrach/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/anchor-block/)

## 贊助

想要支援這個外掛的發展嗎？

 [ 贊助這個外掛 ](https://www.paypal.me/audrasjb)