<div id="z" />
TSYBLOG.COM

给WordPress文章添加公众号回复查看

效果图

给WordPress文章添加公众号引流模板-纯代码即可实现

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

<html>
        <link rel="stylesheet" href=".css">
 	<div id="zm">
        <img id=img src=".png">
		<p id="p"><br> 关注微信公众号『TSY博客』</p>
		<p id="zm2">TSY的博客<br>关注博主不迷路~
		</p>
		</div>
              </html>   

2.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/*文字颜色*/;
				}

喜欢本文?
文章阅读
常见问题
免费下载或者VIP会员专享资源能否直接商用?
提示下载完成但无法解压?
投稿及掉连解决方法:

本站均测试后上架,保证所提供下载的资源的准确性、安全性和完整性。

如有链接无法下载、失效或广告,下方评论区留言,或联系客服处理,看到处理!

如果您也有好的资源或教程,您可以投稿发布,所得成本报酬归发布方所有!

发表评论