很多资源站、教程站访客经常需要复制文本,原生子比没有一键复制按钮。下面这套方案复用子比原生样式,无需插件,在文章段落旁增加复制按钮,点击一键复制正文内容。
实现效果
- 按钮风格贴合子比 UI,深色 / 浅色模式自动适配
- 点击复制,弹出站点风格成功提示
- 可选择:全文复制 或者 代码块复制
- 支持 PC + 移动端自适应
- 轻量 JS,不会和其他美化代码冲突
部署教程
- 进入 WP 后台 → 主题设置 → 自定义代码
- 【自定义 CSS】粘贴样式代码
- 【自定义底部 JS】粘贴交互脚本
- 保存,清理全站缓存测试
完整代码
定位:/wp-content/themes/zibll/func.php,没有这个然后记得加php头,要不然会报错,将下面的代码放里面!
参数自定义
- 修改按钮文字:`复制全文` 替换成你想要的文字
- 想要放在文章底部:把 `prepend` 修改为 `append`
- 只想代码块增加复制按钮,我可以给你对应改版代码
避坑要点
- 开启页面缓存站点,修改代码后务必清缓存
- 部分浏览器隐私模式下剪贴板 API 可能失效,属于浏览器限制
- 不要和其他复制类美化代码叠加,防止冲突
- 如果使用付费内容加密插件,加密区域文本无法被复制
FAQ
Q:需要安装插件吗?
A:纯代码实现,无需插件,主题升级一般不会失效。
Q:可以限制登录用户才能复制内容吗?
A:可以,搭配子比短代码,把按钮外层包裹
Q:移动端按钮排版错乱?
A:代码自带自适应,若拥挤可增加媒体查询缩小按钮尺寸。
结语
适合教程、文本资源站点,方便访客一键复制内容,提升用户体验。原生子比风格,简洁清爽,轻量化无负担。
© 版权声明
NOTICE
xianyunbiji@foxmail.com | Copyright © 2023~2026
01
DISCLAIMER
本站资源大多来自网络,如有侵犯权益请联系管理员,我们会第一时间审核删除。站内资源仅供学习测试,未经许可禁止商用,请在24小时内删除。
02
VIP PRIVILEGE
遇到付费内容?升级终身VIP即可全站免费畅享所有资源,可以联系我的微信进行开通。
你的群名:闲云笔记
THE END














暂无评论内容