7b2是个很牛的主题,想要的功能基本上都可以实现了,不管做新闻资讯类网站还是瀑布流类图片网站,甚至还可以做视频网站,后期加入视频选集做视频网站就更完美了。
不过有用过7b2的伙伴,应该有发现前端投稿编辑器没有居中按钮,这样用户在前端投稿就没办法让图片居中了,上传后图片搁左边就没有那么好看。
所以我们可以加入CSS代码让它自动居中,这样不管有没有设置居中,前端显示页面图片都会默认居中。下面我就把代码和设置方法分享给大家。
设置方法:
登录WordPress后台,点击外观-自定义-额外CSS,选择你要的效果对应的CSS代码,填进去保存就好了。
仅设置图片居中CSS:
/* ———— 文章图片居中———— */
.entry .aligncenter{margin:0 auto; display:block;}
图片居中并加阴影框(参考https://www.gua5.com/p/67):
/*图片居中加阴影圆角*/
.entry-content img {
display: flex;
margin: 0 auto;
border-radius:6px;
box-shadow: rgba(0,0,0,0.5) 0px 5px 15px;
}
图片自动居中、文章内容区域外围加阴影
/*WordPress图片自动居中*/
.entry-content img {
display: flex;
margin: 0 auto;
}
.entry-content {
border-radius:8px;
box-shadow: rgba(0,0,0,0.5) 0px 5px 15px;
}
本文来自投稿,不代表首晒立场,如若转载,请注明出处:https://www.shoushai.com/p/815