WordPress主题如何通过代码来实现段落首行缩进?

随着搜索引擎对用户体验度要求越来越高,因此,网站文章的原创质量度也是要很大的要求,包括现在的文章采集打击的非常严重,目的就是重视用户体验度。就比如大多数的SEO博客都是用WordPress建的站,但是大家在发布文章的时候,无论输入多少个空格还是在html模式中使用空格代码。是不是在网站前台查看文章时发现每段落都没有缩进,因此这样将严重的影响美观以及用户体验度,这样将会极大的增加网站地跳出率。那么WordPress如何通过代码来实现段落首行缩进两格呢?下面我们一起来看看吧!

如果对CSS熟悉的话,很容易的。在style.css添加代码:text-indent:2em;代码中2em的2就是2个字符的意思,如有需要可以自由更改。(每个WordPress博客主题使用的CSS样式类名都不一样,但是方法是一样的)。

首先打开你的博客文章,鼠标 右键 查看网页源代码 如下图举例,可以看到文章中的每个段落前都有一个p标签,找到它的上一级的div标签的 css类的名称,例如我的是< div class=”entry-content clearfix”>(有的是single_content,根据具体情况)。

编辑style.css文件,操作如下:登录WordPress后台 进入后台的“外观”–> “编辑”找到主题编辑页面右边的 样式表style.css 。可先查 找一下看样式表中有没有 .entry-content p.content p或者#content p,有的话在它的{}括号中加入text-indent:2em;如果没有就自己添加一个相应的选择器,如.entry-content p{text-indent:2em;},后更新一下就可以了。(段落缩进只是在查看文章时才显示的,在编辑文章时是看不到的。)

补充:

如果一个新手想要添加首行缩进,而又不会 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');
(0)
上一篇 2022年7月7日
下一篇 2022年7月7日

相关推荐