效果如下图,在所有的文章页面底部都会有一个关注微信公众号的框,方便用户关注公众号
实现方法
在当前主题的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; }
源码获取方式
抱歉!隐藏内容,请输入密码后可见!
请打开微信扫描右边的二维码回复关键字“755291”获取密码,也可以微信直接搜索“xx主题网”关注微信公众号获取密码。
评论抢沙发