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

2026-06-10 子比主题 0 1
郑重承诺丨轩玮博客提供安全交易、信息保真!
增值服务:
免费 C币
VIP折扣
    折扣详情
  • 0.00 C币10折

  • 体验VIP会员

    0.00 C币10折

  • 月卡VIP会员

    0.00 C币10折

  • 年卡VIP会员

    0.00 C币10折

  • 永久VIP会员

    0.00 C币10折

开通VIP尊享优惠特权
立即下载 升级会员
详情介绍

前言

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

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

效果预览

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

部署教程:

[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]

 
付费下载
当前内容需要支付免费 C币才能下载
VIP折扣
    折扣详情
  • 0.00C币10折

  • 体验VIP会员

    0.00C币10折

  • 月卡VIP会员

    0.00C币10折

  • 年卡VIP会员

    0.00C币10折

  • 永久VIP会员

    0.00C币10折

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

轩玮博客 子比主题 子比主题–替换所有标签前面#号为小圆点 https://blog.xuwbk.com/124.html

常见问题

相关文章

猜你喜欢
官方客服团队

为您解决烦忧 - 24小时在线 专业服务