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

2021年2月3日 飞飞 阅读(997)
知识付费主题,优惠促销中:xx-blog主题

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

实现方法

在当前主题的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,0,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;
}
源码获取方式
xx主题网
抱歉!隐藏内容,请输入密码后可见!
请打开微信扫描右边的二维码回复关键字“755291”获取密码,也可以微信直接搜索“xx主题网”关注微信公众号获取密码。


关注微信公众号『xx主题网

第一时间了解最新网络动态
关注博主不迷路~

未经允许不得转载:xx主题网 » 在WordPress文章页面下方添加关注公众号引流模块
分享到:

评论抢沙发

要发表评论,您必须先

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

扫码关注微信公众号

扫描关注xx主题网