欢迎您光临本站,秉承服务宗旨,履行"站长"责任,销售只是起点,服务永无止境!

子比主题–替换所有标签前面#号为小圆点

作者 : 轩玮博客 本文共877个字,预计阅读时间需要3分钟 发布时间: 2026-06-10 共15人阅读

前言

       本教程由【轩玮博客】亲测发布,转载请务必以超链形式注明出处,谢谢合作!  
    1. 本站部份代码有进行加密(不影响任何站点正常运行、不获取任何站点数据),如介意可选择从其他站点获取代码或教程。
    1. 本站所有小工具&代码均在子比主题上进行测试使用,其他主题未做测试,理应 WordPress 主题均可使用。可自行测试!
WordPress 测试主题 PHP版本
7.0 Zibll v8.9 8.4

本插件在以上环境进行测试

效果预览

屏幕截图_10-6-2026_144750_127.0.0.1.jpg

部署教程:

[hidecontent type=”reply” desc=”隐藏内容:评论后查看”]

代码放在主题functions.phpfun.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
}
 

[/hidecontent]

 
RIPRO主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
轩玮博客 » 子比主题–替换所有标签前面#号为小圆点

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

发表回复

开通VIP 享更多特权,建议使用QQ登录