WPThumbs
Themes Plugins By purpose By industry Best-of lists Fix it guides
Free Plugin by Per Søderlind v0.3.1

WP Anchor Header

WP Anchor Header generates anchored headings.

WP Anchor Header

The facts

Rating
4.3★ from 6
Active installs
300+
Price
Free
Last updated
13 Aug 2026
Added
Mar 2015
Requires WP
6.5
Tested up to
WP 7.1
Requires PHP
7.2
Downloads
10,775

Our analysis

AI-assisted

WP Anchor Header is a WordPress plugin that generates anchored headings (H1-H6) for your content. It allows you to create headings that include clickable links, making it easier for users to navigate to specific sections of your page.

The plugin styles the anchor links using CSS, ensuring they are visually distinct when hovered over. This functionality is particularly useful for sites with long content, helping to improve usability and navigation.

Best for: This plugin suits content-heavy websites that require improved navigation through anchored headings.

What it does well

  • Generates anchored headings (H1-H6)
  • Includes clickable links for easy navigation
  • Customisable CSS for anchor link styling
  • Free to use from the WordPress.org directory
  • Active installation base of 300

Where it falls short

  • Limited information on additional features
  • No recent updates since August 2026

Verdict

WP Anchor Header provides a straightforward solution for creating anchored headings, enhancing user experience on long pages. However, the lack of recent updates may be a concern for some users.

From the developer

Per Søderlind's own description of WP Anchor Header, lightly tidied.

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.

Read the full description on the official page →

Tagged as