首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >为WordPress文章添加公众号引流模块

为WordPress文章添加公众号引流模块

作者头像
AlexTao
修改2019-07-16 17:42:51
1.3K0
修改2019-07-16 17:42:51
举报
文章被收录于专栏:钻芒博客钻芒博客

仿照着WPMEE文章底部的公众号模块写的,之前扒了扒css,一直有问题就放在那里了,今天突然开窍。就自己试着写了一下。

魔改一时爽。重构无止境。

为WordPress文章添加公众号引流模块-钻芒博客
为WordPress文章添加公众号引流模块-钻芒博客

移植版本

为WordPress文章添加公众号引流模块-钻芒博客
为WordPress文章添加公众号引流模块-钻芒博客

重构版本

为WordPress文章添加公众号引流模块-钻芒博客
为WordPress文章添加公众号引流模块-钻芒博客
为WordPress文章添加公众号引流模块-钻芒博客
为WordPress文章添加公众号引流模块-钻芒博客
正文开始.

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

<html>
        <link rel="stylesheet" href="https://a-oss.zmki.cn/20190514/weibugzh2.css">
 	<div id="zm">
        <img id=img src="https://a-oss.zmki.cn/2019/03/05/5c7de96bd4328.png">
		<p id="p"><br> 关注微信公众号『科技小新』</p>
		<p id="zm2">第一时间了解最新网络动态<br>关注博主不迷路~
		</p>
		</div>
              </html>   

css我用了外链式链入,如果你要修改自行修改更换css外链即可。(我这个主题style.css插入无效,emmm所有很多都是用外链式链入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/*文字颜色*/;
				}

本文系转载,如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系转载,如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 正文开始.
  • css样式(每一行都写了注释):
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档