Anchor Block

Plugin Banner

Anchor Block

by Jb Audras

Download
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.

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

    Anchor block in Gutenberg

  2. Located in Layout section of the block editor

    Located in Layout section of the block editor

  3. Front-end rendering with an anchor and a custom link menu item

    Front-end rendering with an anchor and a custom link menu item

User friendly and helpful

By Sue Steinberg (suesteinberg) on November 13, 2022

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

Interferes with Tabs

By wp-MeMeMe on March 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.

So Needed Thanks

By jeffz8 on June 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.

What I miss...

By albertgorlee on June 1, 2020

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

AWESOME! AWESOME! AWESOME!

By pjsorell on May 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!

Nice anchor link integration, but...

By btxtiger on April 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

Works as expected

By Anita C (mymothersdaughter) on November 8, 2019

This worked just like I needed it to for sites with sticky headers/menus.

A must have

By Gilbert Cattoire (gilbertc) on September 28, 2019

This plugin gives you total freedom with anchor links, using Gutenberg. My advice : follow this WP core developer.

0.1

  • Plugin initial commit. Works fine 🙂
Back to top