導(dǎo)讀：在文章文末增加二維碼也是網(wǎng)站常見的功能，一般在自己的文章文末添加本站的微信公眾號(hào)二維碼，微信二維碼、QQ二維碼、QQ群二維碼等，那樣閱讀過本文的網(wǎng)友，如果需要交流的話，可

導(dǎo)讀：在文章文末增加二維碼也是網(wǎng)站常見的功能，一般在自己的文章文末添加本站的微信公眾號(hào)二維碼，微信二維碼、qq二維碼、qq群二維碼等，那樣閱讀過本文的網(wǎng)友，如果需要交流的話，可以迅速的可以通過QQ、QQ群、微信、微信群來(lái)相互交流。

本文就以站長(zhǎng)在線使用的mip建站系統(tǒng)為例，來(lái)教大家怎么在自己的網(wǎng)站的文章末尾添加兩張二維碼。

要想實(shí)現(xiàn)文末添加二維碼，有兩個(gè)部分需要添加：一個(gè)是css里面添加該代碼的css，一個(gè)是在網(wǎng)站模板里面添加html代碼。

一、在當(dāng)前頁(yè)面的css文件里面添加css：

.wmewm {width:300px; height: 150px;}
.wxewm {width:150px; height: 150px; float:left;clear:left;}
.gzhewm {width:150px; height: 150px; float:right;clear:right;}

自定義.wmewm就是 文末二維碼的簡(jiǎn)寫，寬度為300px，高度為150px，當(dāng)然這個(gè)自定義的名稱和高度，寬度自己隨意。

自定義.wxewm 就是微信二維碼的簡(jiǎn)寫，寬度為150px，高度為150px,當(dāng)然這個(gè)自定義的名稱和高度，寬度自己隨意。

自定義.gzhewm就是公眾號(hào)二維碼的簡(jiǎn)寫，，寬度為150px，高度為150px,當(dāng)然這個(gè)自定義的名稱和高度，寬度自己隨意。

上面的意思就是，一個(gè)大的div里面，有兩個(gè)并排的小div，大的div高是150，寬是300，而兩個(gè)小的div的寬和高都是150.

二、在網(wǎng)頁(yè)模板里面添加html代碼：

這個(gè)文末二維碼，實(shí)際上也就是一個(gè)廣告位而已，添加代碼的步驟如下：

2.1、后臺(tái)--插件--廣告管理--添加廣告

2.2、添加內(nèi)容是：

2.2.1、名稱：文末二維碼

2.2.2、別名：wmewm

2.2.3、代碼：

<div align="center">
<div class="wmewm" align="center">加入官方2000人QQ群一起交流<div class="wxewm"><mip-img src="https://www.olzz.com/img/qqun.png" alt="2000人QQ群"></mip-img></div>
<div class="gzhewm"><mip-img src="http://003188.cn/img/wxgzh.jpg" alt="微信公眾號(hào)二維碼"></mip-img></div>

</div>
關(guān)注官方微信公眾號(hào)[站長(zhǎng)在線]
</div>

2.2.4、復(fù)制調(diào)用代碼{mipjz:ad name='wmewm' /}到文章詳情頁(yè)模板articleDetail.html里面的 {$itemInfo['mipContent']}后面，上一篇下一篇的前面即可。

注：站長(zhǎng)在線的diy模板，在模板制作的時(shí)候，已經(jīng)寫入了，文末二維碼的調(diào)用代碼了和css代碼了，只需要在后臺(tái)添加這個(gè)廣告即可。

上面講的MIP建站系統(tǒng)的代碼，如果是傳統(tǒng)的dedecms、wordpress、PHPcms、帝國(guó)等非mip的網(wǎng)站的話，把mip-img的標(biāo)簽改成img標(biāo)簽即可，即：

<div align="center">
<div class="wmewm" align="center">加入官方2000人QQ群一起交流<div class="wxewm"><img src="http://003188.cn/img/qqun.png" alt="2000人QQ群"></div>
<div class="gzhewm"><img src="http://003188.cn/img/wxgzh.jpg" alt="微信公眾號(hào)二維碼"></div>

</div>
關(guān)注官方微信公眾號(hào)[站長(zhǎng)在線]
</div>

這樣添加以后，前臺(tái)的文末就會(huì)顯示你添加的兩張二維碼了，當(dāng)然如果你這是想添加一張文末圖片的話，那就簡(jiǎn)單得多啦！不需要寫css規(guī)則，直接在模板文件里面添加一張圖片的HTML代碼即可：

mip的網(wǎng)站代碼是：

<div align="center"><mip-img src="http://003188.cn/img/wxgzh.jpg" alt="微信公眾號(hào)二維碼"></mip-img></div>

普通的如wordPress、dedecms、phpcms就是在模板頁(yè)面里面添加：

<div align="center"><img src="http://003188.cn/img/wxgzh.jpg" alt="微信公眾號(hào)二維碼"></div>

當(dāng)然，圖片還是可以帶上鏈接的，我這里就不帶鏈接了。

正在閱讀的你，學(xué)會(huì)了如何添加網(wǎng)站文章文末二維碼了嗎？有自己網(wǎng)站的趕快去實(shí)踐體驗(yàn)一下哦，建站的經(jīng)驗(yàn)，全部來(lái)自于實(shí)踐，趕快動(dòng)手吧！歡迎進(jìn)群，一起交流學(xué)習(xí)，共同進(jìn)步！

猜你喜歡