当前位置:蚂蚁分类目录 » 站长资讯 » 站长运营 » WordPress教程 » 文章详细 订阅RssFeed

如何设置WordPress文章段落自动缩进两个字符?WordPress文章自动缩进方法

来源:陈德馨博客 浏览:888次 时间:2021-05-10 22:23:51

我们通常在写文章时,段落首行都会空两格,可是WordPress自带的编辑器却没有考虑到这一点,导致发布的文章首行都是顶格的,看起来很不习惯。今天就带大家了解一下如何设置WordPress文章段落自动缩进两个字符。

经常的解决方法都是在发布文章时把编辑器切换到“文本”模式,然后再在首行手动键入两个全角的空格来实现的。但是这有两个弊端,一是麻烦,编辑不方便;再一个就是如果日后更换成了首行会自动空两格的主题,就会变成了空四个空格。

所以,最好的解决方法就是能实现发布文章时自动空两格,我们可以通过修改主题的style.css样式表文件来实现。方法如下:

1、首先找到您正在使用的主题文件夹,然后找到你主题所使用的CSS文件,这里用陈德馨博客正在使用的Dux主题为例。编辑main.css,找到:

.article-content{font-size:15px;line-height:25px;word-wrap:break-word;}

然后在其中加入:

text-indent:2em;

然后就变成:

.article-content{font-size:15px;line-height:25px;word-wrap:break-word;text-indent:2em;}

这样再发布文章时,段落首行就会自动缩进两个空格了。

如果你使用的是其他主题,可以查看您的网页源代码,找出控制文章内容的样式的CSS代码,加入以上代码即可。

如果一个新手想要添加首行缩进,而又不会 CSS 什么的,那么就无法实现,为此,我无聊的折腾了一个简单实现的方法,将下面的代码添加到主题目录 functions.php 的最后一个 ?> 前即可实现首行缩进,其它什么都不用调整。

//文章首行缩进
function Bing_text_indent($text){
$return = str_replace('<p', '<p style="text-indent:2em;"',$text);
return $return;
}
add_filter('the_content','Bing_text_indent');