WORDPRESS文章中微信打赏功能的2种实现方法

时间：2018-12-28分类：wordpress作者：脚本之家

本文实例讲述了wordpress 文章中微信打赏功能的2种实现方法。分享给大家供大家参考，具体如下：

打赏功能功能就是给我们一些资助了,写博客不容易所以会给一些内容与说明了,下面我们就一起来看2种给wordpress 文章添加微信打赏功能实现方法.

方法一、比较专业也是比较复杂了

给wordpress 文章添加微信打赏功能,如果你的博文给别人有帮助,也许会有热心的读者给你打赏,首先在wordpress 主题的functions.PHP末尾添加如下代码.

rush:PHP;toolbar:false">//如果是文章页并且不是手机访问，在文章末尾添加一段HTML代码
function add_pay($content) {
$pay = <<
打赏

微信扫一扫，打赏作者吧～

PAY; if(is_single() && !wp_is_mobile()){ $content .= $pay; } return $content; } add_filter( 'the_content', 'add_pay',10);

这个函数的作用是:如果是文章页并且不是手机访问,在文章末尾添加一段HTML代码.

在主题的css文件添加以下样式:

rush:html;toolbar:false">
.gave {
height: 110px;
position: relative;
text-align: center;
}
.gave .code::after {
border-color: #fff transparent transparent;
border-style: solid;
border-width: 10px;
content: "";
height: 0;
left: 50%;
margin-left: -7.5px;
position: absolute;
top: 100%;
width: 0;
}
.gave .code {
background: #fff none repeat scroll 0 0;
border-radius: 5px;
bottom: 100%;
Box-shadow: 0 0 15px #e5e5e5;
color: #68b3de;
display: none;
font-size: 13px;
height: 160px;
left: 50%;
margin-left: -110px;
padding: 20px;
position: absolute;
width: 180px;
}
.gave a {
background: #f06363 none repeat scroll 0 0;
border-radius: 50%;
color: #fff !important;
display: inline-block;
font-size: 18px;
height: 75px;
line-height: 75px;
text-align: center;
width: 75px;
text-decoration: none;
}
.gave .code > img {
height: 124px;
width: 124px;
border: medium none;
max-width: 100%;
}
在模板文章的页面如footer.PHP中添加如下js:
document.getElementById('gave').onmouSEOver = function() {
document.getElementById('wechatCode').style.display = 'block';
}
document.getElementById('gave').onmouSEOut = function() {
document.getElementById('wechatCode').style.display = 'none';
}

这样就OK了。

别忘了把微信支付二维码替换成自己的哦。

其实更好的方式是做成wordpress 插件的形式，没时间折腾，有空可以构想一下用插件实现，这样可以方便大家直接安装了。

方法二、超级简单就像文章下面所说没技术就这样来设置。

本人技术有限，没有做虎嗅那种按钮形式。我是直接在wordpress模板中添加代码，一劳永逸，这样就不用每次写文章都要粘贴复制一遍代码。本文的同时显示微信支付和支付宝的二维码，虎嗅只显示一种支付码，相信不是所有人都用微信支付或支付宝吧，所以多一种选择多一个收入渠道。不过这适用于像我这种全站只是我一个人写文章的。样式参考文章正文内容下方。

方法:

1.修改相应风格模板的single.PHP 文件

2.找到代码

rush:html;toolbar:false">

在上行添加如下代码:

rush:html;toolbar:false">
用
微信OR
支付宝扫描二维码

为本文作者打个赏

金额随意快来“打”我呀～

3.修改后保存上传即可,当然你也可以根据你的喜好选择将此段代码放置到何处.

希望本文所述对大家基于wordpress的程序设计有所帮助。

微信打赏文章文章

相关推荐

误删除WordPress文章如何恢复快速救援误操作WordPress内容

今天看到群友突然滴滴滴的找我QQ，好像出什么大事情一样。原来他由于误操作导致网站文章被删除。

修改WordPress默认登录地址减少爬虫抓取降低占用资源

今天遇到一个网友提示网站访问速度比较慢，然后通知日志看到有他的网站WordPress默认登录地址wp-login.php一直在被爬虫抓取，因为是有被破解后台账户信息，导致的占用数据库资源使得网站资源带宽不足后访问降低导致

WordPress提示"There has been a critical error on this website."问题解决方法

今天老左在帮助客户升级WordPress的时候我看他网站也比较简单就直接在后台手工升级的。升级后打开网站有出现"There has been a critical error on your website."的错误提示。

解决WordPress文章标题"-"分隔符被转义的问题

我们在使用WordPress搭建的网站是否有留意查看源代码的时候看到标题中的原本"-"，被转义成"&#8211"。其实这样并不影响用户阅读体验和搜索引擎，搜索引擎在收录后也会反向转义的。就是感觉看

wordPress上传.webp格式文件的插件：File Upload Types

WordPress默认是无法上传.webp格式的文件，如果要上传需要对上传文件限制进行解除后才能上传。

WordPress 多语言插件：GTranslate 详细介绍

GTranslate 是一个流行的翻译插件，在免费和付费版本中提供不同的体验。使用免费版本，您可以轻松提供任何语言的动态翻译，而付费版本提供可索引、可编辑的翻译版本，就像 Weglot 一样。

wordpress网站广告屏蔽替换显示图片提醒的实用方法

时下主流的浏览器都自带了广告屏蔽功能，还有ADSafe、ADB等软件插件，不断更新，屏蔽网站代码！

7个最佳wordPress显示数据的表格插件

您是否正在寻找可用于显示数据的 WordPress 表格插件？ WordPress 表格插件可让您以表格格式存储和呈现数据，以方便访问者阅读。

WordPress数据库中未使用的表如何删除？

wordPress数据库除了本身的表以外，部分插件会增加表来存储数据。如果插件已经删除了，这些插件生成的表还在数据库中，那么怎么删除呢？

WordPress隐藏后台登录地址的最简单的方法

WordPress几乎是世界上最安全的开源程序，但其后台登录注册的地址始终是众所周知的，所以不少人觉得隐藏WordPress的登录地址后可能会更加安全。下面浩子就针对这个问题来简单说明一下方法。WordPress隐藏后台登录地址

WordPress 使用 Classic Widgets 插件恢复经典小工具

自 WordPress 5.8 正式版发布以后，后台的小工具就默认是块编辑器的界面样式，很多老用户还没有来得及学习就一脸茫然了，今天浩子就来教大家如何恢复WordPress经典小工具。

如何翻译WordPress插件？海外WordPress插件翻译

您想用您的语言翻译 WordPress 插件吗？许多 WordPress 插件是完全可翻译的，世界上任何人都可以轻松翻译。在本文中，我们将向您展示如何轻松地将 WordPress 插件翻译成您的语言（无需任何代码）。

WordPress开启 WP_DEBUG 调试模式的方法

WordPress新手不清楚WordPress调试模式怎么开启，今天来教大家认识和开启。什么是WordPress的调试模式

WordPress外观-自定义报错解决：Uncaught Exception: Supplied nav_menu_item..

最近不少用户反馈说WordPress后台的外观-自定义点开后直接报错，错误信息如下：

phpmyadmin导入sql文件失败，502 Bad Gateway错误解决办法

前段时间迁移网站的时候，需要导入 sql 文件，小编用的是phpmyadmin管理工具，无论是从本地上传.sql.zip 文件，还是从网站服务器上文件夹 upload 下选择 sql 文件，都上传失败，皆以 502 Bad Gateway 告终。因为时间

wordpress的sitemap地图常见报错 (Error on line 1 at column 6: XML declaration allowed only at the start of the doc

WordPress程序报错的问题报错代码如下：This page contains the following errors:error on line 1 at column 6: XML declaration allowed only at the start of the documentBelow is a rendering of the page up t

DedeCMS文章数据一键迁移到WordPress系统

DedeCMS织梦系统是国内的优秀开源建站系统，使用的网站数量众多，不过近期织梦也要开始收取授权费用了：除个人非盈利网站外，均需要购买DedeCMS商业使用授权，授权费为5800元。

wordpress生成XML站点地图代码 PHP版本wp生成xml地图代码

WordPress生成XML站点地图的方法有很多，归纳总结一下，大致可以通过WordPress插件、在线生成软件或网站、PHP代码等三种方法实现，各有利弊，就看WordPress开发者怎么选择。

wordpress使用 wp_cache_get 获取缓存失效

开发主题时使用了wordpress的缓存函数，如下所示代码，但是在打印缓存时，怎么显示的都是false，经过查找才了解到。默认情况下，对象缓存是非持久的。这意味着存储在缓存中的数据仅在请求期间驻留在内存中。除非您安装持久缓存插件，否则缓存数据不会在页面加载时持久存储。就这个意思，想持久就需要找个插件装上。function get_term_post($term_id){if($term_id &l

WordPress超详细的条件判断标签及用法总结

在 WordPress 主题和插件开发中，条件判断标签（Conditional Tags）是非常重要的，通过条件判断标签，我们可以判断各种情况，从而使用对应的代码等。例如在顶部导航条中有一个“首页”选项，在首页的时候需要设置成高亮，我们可以在头部导航模板文件（header.php）中使用条件判断标签 is_home() 来判断当前页面是不是首页，然后再输出高亮的 class。这类的条件判断标签一般