benediktbergmann

<p>Auto Anchor is a WordPress plugin. It adds an HTML anchor to every Header-tag (h2-h6) and shows a small chain icon on the side when one is hovering over the anchor. The icon is also a link that contains a direkt link to the specific header.</p>
<p>The style is inspired by the current Microsoft docs (<a href="https://docs.microsoft.com/en-us/power-platform/alm/overview-alm#what-is-alm" rel="nofollow ugc">Example</a>)</p>
<h3>Dependencies</h3>
<p>This Plugin has one dependency to the official “Font Awesome” plugin. You can find this <a href="https://wordpress.org/plugins/font-awesome/" rel="ugc">here</a></p>
<h3>Disclaimer</h3>
<p>Use this Plugin at your own risk. The Author can not be held responsible for any damage or in any other way.</p>


Auto Anchor

Auto Anchor is a WordPress plugin. It adds an HTML anchor to every Header-tag (h2-h6) and shows a small chain icon on the side when one is hovering ov …

xnau webdesign

<p><strong>Note: This plugin is not currently compatible with the Block Editor.</strong></p>
<p>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.</p>
<h4>Using the Plugin</h4>
<p>This plugin doesn’t use any settings or require any setup, just activate it and it’s features are available.</p>
<p>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.</p>
<p>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.</p>
<p>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.</p>
<p>For example, let’s say you have a page at <code>https://xnau.com/content-anchor-links/</code> 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: <code><h2 id="a-tutorial">A Tutorial</h2></code> You can create a link that goes directly to that heading with a URL like this: <code>https://xnau.com/content-anchor-links/#a-tutorial</code></p>


Content Anchor Links

Easily add content anchors to your pages and posts

Auto Anchor vs Content Anchor Links