详情
评论
问答
温馨提示: 本文最后更新于2025-09-23 00:07:50,某些文章具有时效性,若有错误或已失效,请在下方 留言 或私信 黑猫(登录后点击)
分割线图标
  • 在使用子比主题时,若想替换网站中付费区和顶部开通按钮的图标,无需修改主题核心文件,一段简单代码即可实现。
  • 这段代码通过 WordPress 的wp_footer钩子,在页面底部加载自定义 JavaScript。核心逻辑是:定义新的 VIP/SVIP 图标图片链接(含顶部区域专用图标),通过选择器定位原 SVG 图标,用新图片元素替换,并设置适配的样式。同时,利用MutationObserver监测页面动态加载内容,确保新图标在动态生成的元素中也能正确替换。
  • 代码无需修改主题文件,通过钩子机制运行,既保证了图标替换效果,又方便后续主题升级维护。

原版图标

图片[1]-子比美化 - 替换付费阅读和顶部按钮图标-黑猫博客

修改后的图标

图片[2]-子比美化 - 替换付费阅读和顶部按钮图标-黑猫博客

实现代码

子比美化 - 替换付费阅读和顶部按钮图标-黑猫博客
子比美化 - 替换付费阅读和顶部按钮图标
此内容为付费阅读,请付费后查看
20积分
付费阅读
© 版权声明
THE END
喜欢就支持一下吧~
点赞287赞赏 分享

请登录后发表评论

    暂无评论内容