7b2这类投稿没有居中按钮的WordPress主题图片默认自动居中的方法

前端投稿编辑器没有居中按钮,这样用户在前端投稿就没办法让图片居中了,上传后图片搁左边就没有那么好看。我们可以加入CSS代码让它自动居中,这样不管有没有设置居中……

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

(0)
上一篇 2024年 11月 14日 下午8:31
下一篇 2024年 11月 14日 下午11:19

猜你喜欢

发表回复

登录后才能评论