久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

WORDPRESS文章中微信打賞功能的2種實(shí)現(xiàn)方法

這篇文章主要介紹了WORDPRESS文章中微信打賞功能的2種實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了2種簡單的微信打賞實(shí)現(xiàn)技巧,涉及針對(duì)手機(jī)端的判斷與微信支付二維碼的調(diào)用技巧,需要的朋友可以參考

本文實(shí)例講述了WORDPRESS文章中微信打賞功能的2種實(shí)現(xiàn)方法。分享給大家供大家參考,具體如下:

打賞功能功能就是給我們一些資助了,寫博客不容易所以會(huì)給一些內(nèi)容與說明了,下面我們就一起來看2種給WORDPRESS文章添加微信打賞功能實(shí)現(xiàn)方法.

方法一、比較專業(yè)也是比較復(fù)雜了

給WordPress文章添加微信打賞功能,如果你的博文給別人有幫助,也許會(huì)有熱心的讀者給你打賞,首先在WordPress主題的functions.php末尾添加如下代碼.

復(fù)制代碼
代碼如下:
//如果是文章頁并且不是手機(jī)訪問,在文章末尾添加一段html代碼
function add_pay($content) {
$pay = <<<PAY
<div class="gave" >
<a href="javascript:;" id="gave">打賞</a>
<div class="code" id="wechatCode" style="display: none">
<img src="/wp-content/uploads/2015/10/pay.jpg" alt="">
<div><img src="m/wp-content/uploads/2015/10/ico-wechat.jpg" alt="微信logo" class="ico-wechat">微信掃一掃,打賞作者吧~</i></div>
</div>
</div>
PAY;
if(is_single() && !wp_is_mobile()){
$content .= $pay;
}
return $content;
}
add_filter( 'the_content', 'add_pay',10);

這個(gè)函數(shù)的作用是:如果是文章頁并且不是手機(jī)訪問,在文章末尾添加一段html代碼.

在主題的css文件添加以下樣式:

復(fù)制代碼
代碼如下:
<style type="text/css">
.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%;
}
</style>

在模板文章的頁面如footer.php中添加如下js:

復(fù)制代碼
代碼如下:
<script type="text/javascript">
document.getElementById('gave').onmouseover = function() {
document.getElementById('wechatCode').style.display = 'block';
}
document.getElementById('gave').onmouseout = function() {
document.getElementById('wechatCode').style.display = 'none';
}
</script>

這樣就OK了。

別忘了把微信支付二維碼替換成自己的哦。

其實(shí)更好的方式是做成WordPress插件的形式,沒時(shí)間折騰,有空可以構(gòu)想一下用插件實(shí)現(xiàn),這樣可以方便大家直接安裝了。

方法二、超級(jí)簡單就像文章下面所說沒技術(shù)就這樣來設(shè)置。

本人技術(shù)有限,沒有做虎嗅那種按鈕形式。我是直接在WordPress模板中添加代碼,一勞永逸,這樣就不用每次寫文章都要粘貼復(fù)制一遍代碼。本文的同時(shí)顯示微信支付和支付寶的二維碼,虎嗅只顯示一種支付碼,相信不是所有人都用微信支付或支付寶吧,所以多一種選擇多一個(gè)收入渠道。不過這適用于像我這種全站只是我一個(gè)人寫文章的。樣式參考文章正文內(nèi)容下方。

方法:

1.修改相應(yīng)風(fēng)格模板的single.php 文件

2.找到

代碼 1  <!-- END .entry-content -->

在上行添加如下代碼:

【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過測試外,其他素材未做測試,不保證完整性,網(wǎng)站上部分源碼僅限學(xué)習(xí)交流,請(qǐng)勿用于商業(yè)用途。如損害你的權(quán)益請(qǐng)聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。

相關(guān)文檔推薦

我們有時(shí)候需要對(duì)織夢(mèng)文檔的點(diǎn)擊量進(jìn)行批量維護(hù),比如采集來的文章,點(diǎn)擊量都為0,需要批量修改,可以用到如下方法1。 1、在數(shù)據(jù)庫里運(yùn)行下面的代碼就可以了,文章的點(diǎn)擊量變得
下面小編就為大家分享一篇php 替換文章中的圖片路徑,下載圖片到本地服務(wù)器的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
給大家分享一下anyproxy進(jìn)階使用方法,并且通過這個(gè)分享如何提高公眾號(hào)文章采集效率的分析,需要的朋友參考學(xué)習(xí)下吧。
給大家分析一下如何用PHP寫出采集微信公眾號(hào)文章的方法以及代碼詳細(xì)講解,需要的朋友學(xué)習(xí)一下。
wordpress是很多新手站長搭建個(gè)人博客最喜愛的程序,但是最近在使用WordPress的時(shí)候遇到了一些問題,所以想著將遇到問題總結(jié)分享出來,下面這篇文章主要給大家介紹了關(guān)于wordpress在安
這篇文章主要介紹了php獲取文章內(nèi)容第一張圖片的方法,涉及php針對(duì)圖片的正則匹配操作技巧,需要的朋友可以參考下
主站蜘蛛池模板: 欧美精品在线免费观看 | 成人av一区二区在线观看 | 日本免费视频在线观看 | 亚洲色图50p| 一级黄色录像毛片 | 天天摸天天看 | 国产精品爱久久久久久久 | 成年人在线视频 | 亚洲成人久久久 | 久久久久综合 | 亚洲91 | 嫩草国产 | 日韩精品免费在线观看 | 成人激情免费视频 | 国产乱码一二三区精品 | 欧美一级免费看 | 色女人天堂| 美女日皮网站 | 激情五月激情综合网 | 欧美在线视频一区 | 国产露脸国语对白在线 | 欧美理伦片在线播放 | 九九99久久 | 国产高清精品在线 | 亚洲精品乱码久久久久v最新版 | 久久国产亚洲 | 婷婷色国产偷v国产偷v小说 | 免费艹逼视频 | 91国自视频| 99精品视频免费在线观看 | 久久噜噜噜精品国产亚洲综合 | 一级免费视频 | 2019天天操 | 求个av网址 | 国产欧美日韩 | 国产真实精品久久二三区 | 日韩中文一区二区三区 | 亚洲日本欧美日韩高观看 | 午夜久久久久久久久久一区二区 | 99久久婷婷国产综合精品电影 | 国产精品久久久久久久一区探花 |