如何让WordPress文章的段落首行自动缩进两个空格

 2019-12-6 04:30   评论   685
摘要

我们通常写文章时,段落首行都会空两格,可是WordPress自带的编辑器却没有考虑到这一点,最好的解决方法就是能实现发布文章时自动空两格,我们可以通过修改主题的style.css样式表或者functions函数文件来实现。


前言:

我们通常写文章时,段落首行都会空两格,可是WordPress自带的编辑器却没有考虑到这一点,导致发布的文章首行都是顶格的,看起来很不习惯。

wordpress首行缩进

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

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

CSS样式修改法:

这个方法每个主题都有不同,这里以经典的iNove主题为例。编辑style.css,找到:

.post .content p {
margin-bottom:10px;
}
然后在其中加入一行如下代码:
text-indent:2em;

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

如果你使用的是其他主题,可以在style.css中找到类似 .***** p { 这样的控制文章正文换行样式的代码,加入以上代码即可。

如果实在不清楚,你也可以在浏览器中使用F12查看你文章内容处于哪个div下,如下图:

wp主题文章首行缩进

上面这样的结构,你可以直接在css样式表中加入如下代码:

.container p {
text-indent:2em;
}
//或者下一层级的div
.entry-wrapper 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');
支付下载注意:
1.支付成功后不要关闭二维码,等待系统确认后自动关闭,支付按钮 变为 下载按钮。
2.游客购买请使用 Chrome FireFox浏览器 ,以免支付刷新失败(浏览器缓存7天有效)。
3.如支付成功后刷新无法显示下载按钮、链接失效等问题请联系客服处理。
免责声明:
1.本站资源售价仅为赞助网站,收费仅用于网站维护运营更新,感谢您的支持。
2.本站所发布资源仅限用于学习和研究测试使用,不得用于商业或非法用途。
3.如果购买下载测试后满意,请前往购买支持正版,得到更好的正版服务。
4.本站仅保证资源的正常下载和测试使用,售后不包含相关技术咨询服务,请知悉谅解。
5.本站所发布资源为非实物商品,不接受退款,请考虑好再购买。

狩酷资源站 » 如何让WordPress文章的段落首行自动缩进两个空格

发表评论

公 告:本站深夜期间将可能只可用K酷币余额支付,请在会员中心充值余额后使用。

充值说明 下载说明
Don`t copy text!