仿照着WPMEE文章底部的公众号模块写的,之前扒了扒css,一直有问题就放在那里了,今天突然开窍。就自己试着写了一下。
1、在当前主题目录下的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(也可能是我打开的方式不对。))
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/*文字颜色*/; }
THE END
暂无评论内容