在WordPress文章页面下方添加关注公众号引流模块

效果如下图，在所有的文章页面底部都会有一个关注微信公众号的框，方便用户关注公众号

实现方法

在当前主题的single.PHP文件的适当位置添加HTML代码

<div class="post-wechat">
    <div class="wechat-img"><img src="http://xxzt.xxzhuti.com/wp-content/uploads/2021/01/33c84356f5b506a.jpg" title="xx主题网" ></div>
    <p class="wechat-p"><br> 关注微信公众号『<span style="color: #ff0000;">xx主题网</span>』</p>
    <p class="wechat-desc">第一时间了解最新网络动态</br>关注博主不迷路~</p>
</div>

在style.css中添加对应的css代码

.post-wechat{
    margin:0 auto;
    height:150px;
    width:420px;
    Box-shadow:0 10px 50px 5px rgba(0,.08);
    margin-top:40px;
    margin-bottom: 20px;
    border-radius:10px;
}
.wechat-img{
    float: left;
    width: 110px;
    border: 5px solid #eee;
    margin-top: 20px;
    margin-left: 30px;
    border-radius: 5px;
}
.wechat-p{
    margin-left: 160px;
    line-height:30px;
    }
.wechat-desc{
    margin-left: 160px;
    font-size:14px;
    line-height:1.5;
    color:#919191;
}

源码获取方式

抱歉！隐藏内容，请输入密码后可见！

请打开微信扫描右边的二维码回复关键字“755291”获取密码，也可以微信直接搜索“xx主题网”关注微信公众号获取密码。

立即提取