Anchor Block

Description

Drop the anchor, sailor!

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

Screenshots

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

Blocks

This plugin provides 1 block.

  • Anchor Block

Installation

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

Reviews

Xwejisun 12, 2022
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.
ayidosun 5, 2020
When I started working in WP, I as totally surprised anchors were so restricted and frustrated. This solves that problem simply and straightforwardly.
ayidosun 1, 2020
…a list of already defined anchors to speed up entering the correct destination link in (for example) a button.
nuxwasun 24, 2020
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!
Lidosun 2, 2020
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
Read all 8 reviews

Contributors & Developers

“Anchor Block” is open source software. The following people have contributed to this plugin.

Contributors

“Anchor Block” has been translated into 6 locales. Thank you to the translators for their contributions.

Translate “Anchor Block” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

0.1

  • Plugin initial commit. Works fine ๐Ÿ™‚