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.

Jeff Starr

<blockquote>
<p>✨ Add meta tags to your site<br />
  ✨ Blazing fast performance<br />
  ✨ Uses only 60KB of code!</p>
</blockquote>
<p>Head Meta Data (HMD) improves the definition and semantic quality of your website by adding <code><meta></code> tags to the <code><head></code> section of your web pages. Super lightweight, fast, and user-friendly.</p>
<h3>🤖 Default Meta Tags</h3>
<p>Customize the perfect set of meta tags for your site. For example:</p>
<pre><code><head>

    <meta charset="utf-8">
    <meta name="abstract" content="Obsessive Web Development">
    <meta name="author" content="Jeff Starr (aka Perishable)">
    <meta name="classification" content="Website Development">
    <meta name="copyright" content="Copyright Perishable Press">
    <meta name="description" content="Web Development Tutorials">
    <meta name="designer" content="Jeff Starr @ Monzilla Media">
    <meta name="distribution" content="Global">
    <meta name="keywords" content="Web, WordPress, Tutorials">
    <meta name="language" content="en">
    <meta name="publisher" content="Perishable Press">
    <meta name="rating" content="General">
    <meta name="resource-type" content="Document">
    <meta name="revisit-after" content="3">
    <meta name="subject" content="Web Dev + WordPress + Security">
    <meta name="template" content="shapeSpace WordPress Theme">
    <meta name="robots" content="index,follow">

    

</head>
</code></pre>
<h3>🤖 Dynamic Meta Tags</h3>
<p>Use shortcodes to dynamically output SEO meta tags:</p>
<pre><code><title>[hmd_post_title] | My Awesome Website</title>
<meta name="description" content="[hmd_post_excerpt]">
</code></pre>
<p>This outputs dynamic titles and descriptions, useful for SEO. You also can add unique meta tags and markup on specific posts and pages. Check out the <a href="https://wordpress.org/plugins/head-meta-data/#installation" rel="ugc">Installation tab</a> for more information.</p>
<blockquote>
<p>✨ Help bots understand your content better</p>
</blockquote>
<h3>🤖 Features</h3>
<ul>
<li>Simple and easy to use</li>
<li>Clean, standards-based code</li>
<li>Customize all <code><meta></code> tags</li>
<li>Add your own custom <code><meta></code> tags</li>
<li>Add custom meta tags on any post or page</li>
<li>Supports X (Twitter) Cards and Facebook Open Graph tags</li>
<li>Supports <code><meta></code>, <code><link></code>, <code><base></code>, <code><title></code>, and <code><style></code></li>
<li>Automatically adds tags to the <code><head></code> section of all pages</li>
<li>Check out a Live Preview of your meta tags and custom tags</li>
<li>Auto-populates tags using your site’s information</li>
<li>Use shortcodes to include dynamic information</li>
<li>Easily disable any unwanted tags</li>
<li>Lightweight, fast, and secure</li>
</ul>
<blockquote>
<p>✨ Check out <a href="https://plugin-planet.com/head-meta-pro/" rel="nofollow ugc">Head Meta Pro</a> to define tags for each page view</p>
</blockquote>
<h3>🤖 Shortcodes</h3>
<p>Shortcodes enable you to include dynamic bits of information in your meta tags. Head Meta Data provides the following shortcodes:</p>
<pre><code>[hmd_post_excerpt]  Outputs post excerpt
[hmd_post_date]     Outputs post date
[hmd_post_author]   Outputs post author
[hmd_post_title]    Outputs post title
[hmd_post_cats]     Outputs post categories
[hmd_post_tags]     Outputs post tags
[hmd_site_tagline]  Outputs site tagline
[hmd_site_title]    Outputs site title
[hmd_year]          Outputs current year
[hmd_tab]           Outputs tab space to tag markup
</code></pre>
<p>So you can display your own set of custom meta tags exactly as desired. <a href="https://wordpress.org/plugins/head-meta-data/#installation" rel="ugc">Learn more »</a></p>
<h3>🤖 Pro Features</h3>
<p>The <a href="https://plugin-planet.com/head-meta-pro/" rel="nofollow ugc">Pro version</a> can do everything the free version can do, PLUS:</p>
<ul>
<li>Define meta tags for Custom Post Types</li>
<li>Define meta tags for each type of page-view (e.g., home, posts, pages, archive, search)</li>
<li>Define tags for Facebook (Open Graph)</li>
<li>Define tags for X (Twitter)</li>
<li>Define Facebook and X tags for each type of page view</li>
<li>40+ advanced <a href="https://plugin-planet.com/head-meta-pro-shortcut-variables/" rel="nofollow ugc">shortcut variables</a> like <code>%POST_AUTHOR%</code> and <code>%ARCHIVE_TYPE%</code></li>
<li>Dedicated “Meta Tags” meta box for posts and pages</li>
<li>Add custom meta tags to any post or page-view</li>
<li>Add custom script and style to any post or page-view</li>
<li>Meta Tags box integrates with SEO plugins</li>
<li>Additional meta tags beyond the free version</li>
<li>Dedicated setting for <code>image_src</code> link tag</li>
<li>Premium support for pro purchases</li>
</ul>
<blockquote>
<p>✨ Level up your meta tags with <a href="https://plugin-planet.com/head-meta-pro/" rel="nofollow ugc">Head Meta Pro »</a></p>
</blockquote>
<h3>🤖 Privacy</h3>
<p>This plugin does not collect or store any user data. It does not set any cookies, and it does not connect to any third-party locations. Thus, this plugin does not affect user privacy in any way.</p>
<p>Head Meta Data is developed and maintained by <a href="https://x.com/perishable" rel="nofollow ugc">Jeff Starr</a>, 15-year <a href="https://plugin-planet.com/" rel="nofollow ugc">WordPress developer</a> and <a href="https://books.perishablepress.com/" rel="nofollow ugc">book author</a>.</p>
<h3>🤖 Support Development</h3>
<p>I develop and maintain this free plugin with love for the WordPress community. To show support, you can <a href="https://monzillamedia.com/donate.html" rel="nofollow ugc">make a donation</a> or purchase one of my books:</p>
<ul>
<li><a href="https://wp-tao.com/" rel="nofollow ugc">The Tao of WordPress</a></li>
<li><a href="https://digwp.com/" rel="nofollow ugc">Digging into WordPress</a></li>
<li><a href="https://htaccessbook.com/" rel="nofollow ugc">.htaccess made easy</a></li>
<li><a href="https://wp-tao.com/wordpress-themes-book/" rel="nofollow ugc">WordPress Themes In Depth</a></li>
<li><a href="https://books.perishablepress.com/downloads/wizards-collection-sql-recipes-wordpress/" rel="nofollow ugc">Wizard’s SQL Recipes for WordPress</a></li>
</ul>
<p>And/or purchase one of my premium WordPress plugins:</p>
<ul>
<li><a href="https://plugin-planet.com/bbq-pro/" rel="nofollow ugc">BBQ Pro</a> – Blazing fast WordPress firewall</li>
<li><a href="https://plugin-planet.com/blackhole-pro/" rel="nofollow ugc">Blackhole Pro</a> – Automatically block bad bots</li>
<li><a href="https://plugin-planet.com/banhammer-pro/" rel="nofollow ugc">Banhammer Pro</a> – Monitor traffic and ban the bad guys</li>
<li><a href="https://plugin-planet.com/ga-google-analytics-pro/" rel="nofollow ugc">GA Google Analytics Pro</a> – Connect WordPress to Google Analytics</li>
<li><a href="https://plugin-planet.com/head-meta-pro/" rel="nofollow ugc">Head Meta Pro</a> – Ultimate Meta Tags for WordPress</li>
<li><a href="https://plugin-planet.com/rest-pro-tools/" rel="nofollow ugc">REST Pro Tools</a> – Awesome tools for managing the WP REST API</li>
<li><a href="https://plugin-planet.com/simple-ajax-chat-pro/" rel="nofollow ugc">Simple Ajax Chat Pro</a> – Unlimited chat rooms</li>
<li><a href="https://plugin-planet.com/usp-pro/" rel="nofollow ugc">USP Pro</a> – Unlimited front-end forms</li>
</ul>
<p>Links, tweets and likes also appreciated. Thanks! 🙂</p>

Head Meta Data

Adds a custom set of <meta> tags to the <head> section of all posts & pages.

WP Anchor Header vs Head Meta Data