內容簡介
WP Anchor Header可以創建帶有錨點的標題（H1-H6），創建一個這樣的標題：
<h2 id="the-heading">
標題<a class="anchorlink dashicons-before" href="#the-heading"></a>
</h2>
這些鏈接使用以下CSS樣式：
/*顯示錨點的ID*/
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;
}
致謝
本插件靈感來自Christian Weiske及其文章Usability: Clickable heading links。
外掛標籤
開發者團隊
原文外掛簡介
WP Anchor Header generates anchored headings (H1-H6), creating a heading like this:
The Heading
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.
