وضاحت
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.
انسٽاليشن
- Download the plugin and extract the read-online.zip
- Upload the extracted
read-onlinefolder to the/wp-content/plugins/directory - Activate the plugin through the ‘Plugins’ menu in WordPress
FAQ
- Installation Instructions
-
- Download the plugin and extract the read-online.zip
- Upload the extracted
read-onlinefolder to the/wp-content/plugins/directory - Activate the plugin through the ‘Plugins’ menu in WordPress
جائزا
21 مَي 2018
I installed and activated the plugin through the Wordpress “Add New” Plugin wizard, with no special configuration. I am running the plugin with the MH Magazine Lite theme.
As soon as it was activated, it caused all content from all pages to be removed from the site. The content is not served at all (it’s not just a stylesheet display:none issue).
Fortunately deactivating the plugin allowed all my content to be served again (it was still stored in the database, but couldn’t be viewed by visitors).
11 نومبر 2017
Better than perfect, thanks so much!
29 جُون 2017
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.
3 سيپٽمبر 2016
A very simple but effective plugin which saves a lot of time creating anchors for headings.
3 سيپٽمبر 2016
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.
تعاون ڪندڙ & ڊولپرز
“WP Anchor Header” اوپن سورس سافٽ ويئر آهي. ھيٺين ماڻھن ھن پلگ ان ۾ حصو ورتو آھي.
تعاون ڪندڙ
ترجمو ڪريو “WP Anchor Header” توهان جي ٻولي ۾.
ڊولپمينٽ ۾ دلچسپي؟
ڪوڊ براؤز ڪريو، چيڪ ڪريو SVN مخزن، يا رڪنيت حاصل ڪريو ڊولپمينٽ لاگ پاران RSS.
لاگ تبدیل ڪريو
0.2.3
- Tested & found compatible with WP 4.7.
0.2.2
- Tested & found compatible with WP 4.6.
0.2.1
- Fix: Don’t run if
the_contentis empty
0.2.0
- Update plugin for WordPress Coding Standards.
- Tested & found compatible with WP 4.5.
0.1.8
- Fixed UTF-8 parsing bug, added
mb_convert_encodingto loadHTML():@$doc->loadHTML( mb_convert_encoding($content, 'HTML-ENTITIES', 'UTF-8') ); - Added singleton
- Added comments to code
0.1.5
- Initial release