Skip to content
master
Switch branches/tags
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
css
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

WP Anchor Header

Generates anchored headings (H1-H6) like:

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

Installation

  1. Download the plugin and extract the wp-anchor-header.zip
  2. Upload the extracted wp-anchor-header folder to the /wp-content/plugins/ directory
  3. Activate the plugin through the 'Plugins' menu in WordPress

Credits

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

Latest Stable Release: 0.2.3

Current Version: 0.2.3

About

Generates anchored headings.

Resources

Packages

No packages published