WordPress博客实现 点击按钮 一键复制 指定内容教程

番茄以前使用的是Discuz!论坛,这个程序帖子页是自带 复制链接 按钮的,可以一键复制帖子标题和链接,可以非常方便的对帖子进行分享,今天就把这个功能移植到WordPress博客,做一个记录,希望这个帖子可以帮助到同样是使用WordPress博客的朋友,下面我们就开始教程。

一、下载一键复制 JS 库
clipboard.js 是一个 Github 上的开源项目,可以实现纯 JavaScript 的浏览器内容复制到系统剪贴板的功能。
clipboard.js 下载地址:
天翼网盘:https://cloud.189.cn/t/E36fInY7feua
百度网盘:https://pan.baidu.com/s/1PvFVRRul_i2hpXnxn2uRsQ 提取码: tav6
不限速:

二、引用 JS 库与 css 文件
将下载的 clipboard.min.js 上传到网站根目录,在 WordPress 的 footer.php 的末尾添加如下代码:



其中,https://www.jipinsoft.com/clipboard.min.js 换成你自己的 js 文件地址。

之后在文章中的某个需要复制的地方放一个按钮就可以了:一般是这个文件single.php (这个代码是复制帖子标题加帖子链接)


代码添加位置:
WordPress博客-实现-点击按钮-一键复制-指定内容教程

按钮位置预览:
WordPress博客-实现-点击按钮-一键复制-指定内容教程

复制出来的效果预览:
WordPress博客-实现-点击按钮-一键复制-指定内容教程

可能对你有帮助的内容:金币获取 | v7a,v8a,all等APK版本怎么选? | 下载帮助 | 阿里云代金券

文章名称:WordPress博客实现 点击按钮 一键复制 指定内容教程

文章链接:https://www.jipinsoft.com/1775.html

免责声明:根据《计算机软件保护条例》第十七条规定“为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬。”您需知晓本站所有内容资源均来源于网络,仅供用户交流学习与研究使用,版权归属原版权方所有,版权争议与本站无关,用户本人下载后不能用作商业或非法用途,需在24个小时之内从您的电脑中彻底删除上述内容,否则后果均由用户承担责任;如果您访问和下载此文件,表示您同意只将此文件用于参考、学习而非其他用途,否则一切后果请您自行承担,如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。

(3)
打赏
番茄小子的头像番茄小子盟友
上一篇 2023年7月27日 00:26
下一篇 2019年11月7日 11:18

相关推荐

发表回复

登录后才能评论