WP Anchor Header generates anchored headings.
Author: | Per Soderlind (profile at wordpress.org) |
WordPress version required: | 4.0 |
WordPress version tested: | 4.9.25 |
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: | 8 843 |
Active installs: | 600+ |
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