纯代码实现WordPress文章页添加公众号引流功能

纯代码为wordpress文章页添加公众号引流功能，WordPress 目前是世界上建站使用最多的框架，wordpress是开源免费建站系统，而且扩展性很强，很多朋友使用 WordPress 做为自己的博客。慢慢的有些朋友会将流量导入到自己的微信公众号，很多博主喜欢利用插件来实现的，众所周知：插件多了调用的资源也会增多，严重拖慢网站速度。

为wordpress添加公众号引流功能，不单单文章页面，包括网站页面或者其他页面也可以调用等等 。

接下来叫大家如何纯代码实现公众号引流功能。效果如下：

在当前主题目录下的single.php中适当位置添加如下代码：

<link rel="stylesheet" href="https://你的网站CSS样式路径">
<div id="zm">
<img id=img src="https://你的网站二维码图片路径">
<p id="p"><br> 关注公众号『龙腾博客』</p>
<p id="zm2">第一时间了解最新动态<br>关注龙腾获取更多资源
</p>
</div>
</html>

在网站根目录或者其他目录创建文件，后缀为.css文件把下方css源码复制粘贴文件里，进行调用，或者用了外链方式链入，同样的效果，建议在网站文件里调用，调用外链一旦别的网站出现问题自己的网站失去样式了。CSS样式每一行都有注释，可根据自己进行修改。记得：把上放代码中填入你的二维码图片和CSS样式链接。

css样式（每一行都写了注释）:

#zm{
margin:0 auto;
/*块居中*/
height:150px;
/*块高*/
width:370px;
/*块宽*/
box-shadow:0 10px 50px 5px rgba(0,0,0,.08);
/*设置阴影*/
margin-top:40px;
/*顶部边距*/
border-radius:10px;
/*块圆角值*/
}
#img{
float: left;
/*居左显示*/
width: 110px;
/*图片宽*/
margin-top: 20px;
/*img距离盒子顶部边距*/
margin-left: 30px;
/*img距离盒子左侧边距*/
}
#p {
margin-left: 160px;
/*文字距离盒子左侧的距离*/
line-height:30px
/*行距*/
}
#zm2{
margin-left: 160px;
/*文字距离盒子左侧的距离*/
font-size:14px;
/*字号*/
line-height:1.5;
/*行距*/
color:#919191
/*文字颜色*/
;
}