Per Søderlind

<p>WP Anchor Header generates anchored headings (H1-H6), creating a heading like this:</p>
<pre><code><h2 id="the-heading">
   The Heading<a class="anchorlink dashicons-before" href="#the-heading"></a>
</h2>
</code></pre>
<p>The links are styled using the following CSS:</p>
<pre><code>/* show IDs for anchors */
h1[id]:hover a.anchorlink:before,
h2[id]:hover a.anchorlink:before,
h3[id]:hover a.anchorlink:before,
h4[id]:hover a.anchorlink:before,
h5[id]:hover a.anchorlink:before,
h6[id]:hover a.anchorlink:before {
    content: "\f103"; /*dashicons-admin-links*/
    color: #888;
    font-size: smaller;
    text-decoration: none;
    vertical-align: baseline;
}
a.anchorlink {
    text-decoration: none;
    margin-left: 0.5em;
    font-size: smaller;
}
</code></pre>
<h3>Credits</h3>
<p>The plugin is inspired by Christian Weiske and his article <a href="http://cweiske.de/tagebuch/html-heading-links.htm" rel="nofollow ugc">Usability: Clickable heading links</a>.</p>


WP Anchor Header

To tell the truth I had no hope searching for a plugin that would add links to headers.
And I was so surprised when this plugin did exactly what I wanted.
Thank you, Per Soderlind, for this plugin!
P.S.: Sorry for my English, I am Russian.



Extremely useful and simple

This plugin saved me a significant amount of time adding anchor links throughout an existing website. It worked exactly as expected.

My only suggestion would be a settings panel in the admin where users can specify exactly which header elements get anchor links automatically associated with them. So for example, I can go in and select "apply anchor links to <H4> only."

The ability to have a setting to turn on/off the hover link icon would be very helpful too. I had to manually edit the CSS to hide these icons on everything but H4's in my entry content.

Awesome plugin! Great time saver! A few suggestions.

WP Anchor Header generates anchored headings.

WP Anchor Header vs WPCode – Insert Headers and Footers + Custom Code Snippets – WordPress Code Manager