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.

charliepatel

DraftPress Team

99robots

<p>Header Footer Code Manager by 99 Robots is a easy interface to add snippets to the header or footer or above or below the content of your page.</p>
<h4>BENEFITS</h4>
<ul>
<li>Never have to worry about inadvertently breaking your site by adding code</li>
<li>Avoid inadvertently placing snippets in the wrong place</li>
<li>Eliminate the need for a dozen or more silly plugins just to add a small code snippet – Less plugins is always better!</li>
<li>Never lose your code snippets when switching or changing themes</li>
<li>Know exactly which snippets are loading on your site, where they display, and who added them</li>
</ul>
<h4>FEATURES</h4>
<ul>
<li>Add an unlimited number of scripts and styles anywhere and on any post / page</li>
<li>Manage which posts or pages the script loads</li>
<li>Supports custom post types</li>
<li>Supports ability to load only on a specific post or page, or latest posts</li>
<li>Control where exactly on the page the script is loaded – head, footer, before content, or after content</li>
<li>Script can load only on desktops or mobile. Enable or disable one or the other.</li>
<li>Use shortcodes to manually place the code anywhere</li>
<li>Label every snippet for easy reference</li>
<li>Plugin logs which user added and last edited the snippet, and when</li>
</ul>
<h4>PAGE DISPLAY OPTIONS</h4>
<ol>
<li>Site wide on every post / page</li>
<li>Specific post</li>
<li>Specific page</li>
<li>Specific category</li>
<li>Specific tag</li>
<li>Specific custom post type</li>
<li>Latest posts only (you choose how many)</li>
<li>Manually place using shortcodes</li>
</ol>
<h4>INJECTION LOCATIONS</h4>
<ol>
<li>Head section</li>
<li>Footer</li>
<li>Top of content</li>
<li>Bottom of content</li>
</ol>
<h4>DEVICE OPTIONS</h4>
<ul>
<li>Show on All Devices</li>
<li>Only Desktop</li>
<li>Only Mobile Devices</li>
</ul>
<h4>SUPPORTED SERVICES</h4>
<ul>
<li>Google Analytics</li>
<li>Google Adsense</li>
<li>Google Tag Manager</li>
<li>Clicky Web Analytics or other analytics tracking scripts</li>
<li>Chat modules such as Olark, Drip, or</li>
<li>Pinterest site verification</li>
<li>Facebook Pixels, Facebook Scripts, Facebook og:image Tag</li>
<li>Google Conversion Pixels</li>
<li>Twitter</li>
<li>Heatmaps from Crazy Egg, notification bars Hello Bar, etc.</li>
<li>It can accept ANY code snippet (HTML / Javascript / CSS) from any service</li>
<li>and the list goes on and on…</li>
</ul>
<h3>MULTISITE NOTE</h3>
<p>If using this plugin on a multisite network, please make sure that the plugin is activated on a subsite level only.</p>
<blockquote>
<h4>Plugin Information</h4>
<ul>
<li><a href="https://draftpress.com/products/header-footer-code-manager/" rel="nofollow ugc">Plugin Site</a></li>
<li><a href="https://www.draftpress.com/docs/header-footer-code-manager" rel="nofollow ugc">Plugin Documentation</a></li>
<li><a href="https://profiles.wordpress.org/99robots#content-plugins" rel="nofollow ugc">Free Plugins on WordPress.org</a></li>
<li><a href="https://www.draftpress.com/products" rel="nofollow ugc">Premium Plugins</a></li>
</ul>
</blockquote>


Header Footer Code Manager


A more convenient way to organize CSS/JS. Great free plugin, nice work!


A time-saving plugin, it works perfectly!

Easily add tracking code snippets, conversion pixels, or other scripts required by third party services for analytics, marketing, or chat features.

WP Anchor Header vs Header Footer Code Manager