前言
本教程由【轩玮博客】亲测发布,转载请务必以超链形式注明出处,谢谢合作!-
- 本站部份代码有进行加密(不影响任何站点正常运行、不获取任何站点数据),如介意可选择从其他站点获取代码或教程。
-
- 本站所有小工具&代码均在子比主题上进行测试使用,其他主题未做测试,理应
WordPress主题均可使用。可自行测试!
- 本站所有小工具&代码均在子比主题上进行测试使用,其他主题未做测试,理应
本插件在以上环境进行测试
效果预览
部署教程:
代码放在主题
functions.php或fun.php
// 标签小圆点
add_action('wp_footer', 'wzw_replace_tag_hash_with_dot');
function wzw_replace_tag_hash_with_dot() {
?>
<script>
(function() {
var colors = ["#a83aec", "#fdbc40", "#00b8a6"];
var ii = 0;
var tagLinks = document.querySelectorAll('.but');
tagLinks.forEach(function(link) {
var text = link.textContent;
if (text.startsWith('#')) {
var currentColor = colors[ii % colors.length]; // 按顺序取颜色
var dot = '<span style="display:inline-block;width:6px;height:6px;border-radius:50%;background:' + currentColor + ';margin-right:3px;vertical-align:middle;"></span>';
link.innerHTML = dot + text.substring(1).trim();
ii++;
}
});
})();
</script>
<?php
}
本站代码模板仅供学习交流使用请勿商业运营,严禁从事违法,侵权等任何非法活动,否则后果自负!

评论(0)