WP Anchor Header

plugin banner

WP Anchor Header generates anchored headings.

Author:Per Søderlind (profile at wordpress.org)
WordPress version required:4.0
WordPress version tested:4.9.29
Plugin version:0.2.3
Added to WordPress repository:02-03-2015
Last updated:09-03-2018
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
Rating, %:86
Rated by:6
Plugin URI:https://github.com/soderlind/wp-anchor-header
Total downloads:9 884
Active installs:400+
plugin download
Click to start download

WP Anchor Header generates anchored headings (H1-H6), creating a heading like this:

<h2 id="the-heading">
   The Heading<a class="anchorlink dashicons-before" href="#the-heading"></a>
</h2>

The links are styled using the following CSS:

/* 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;
}

Credits

The plugin is inspired by Christian Weiske and his article Usability: Clickable heading links.

FAQ
ChangeLog