WordPress设置首行缩进

WordPress设置首行缩进

在编辑Blog文章的时候，我发现在首行使用空格手动添加段落缩进，在预览的时候会自动屏蔽添加的空格。在网络上搜索一番，了解到在官方插件市场有一款名叫2em的插件，是专门为解决此问题开发的。

在安装后测试，我发现在虽然在编辑器中有了首行缩进的按钮，但实际预览页面却无法正确显示。按F12打开浏览器开发者模式，检查正文部分的class标签，发现2em定义的css样式已经被主题的css覆盖了。

于是我尝试修改主题的主css样式表，搜索“.main .entry-content p”关键字，但功力尚浅修改失败，因为没有找到明确定义text-indent值的地方。

#css表“.main .entry-content p”字段
.main #content-masonry .format-link .entry-content p:last-child,
.main #content-masonry .format-aside .entry-content p:last-child {
	margin: 0;
}

再次搜索一番后，我尝试使用“!important”关键字将2em的css样式不被主题的css覆盖。将下面的代码添加到自定义主题的【额外CSS】菜单中。

.is-style-iw-2em{
    text-indent: 2em !important;
}

再次点击预览，问题解决。