当前位置:首页>WordPress建站>基础教程>让WordPress文章的段落首行自动空两格

让WordPress文章的段落首行自动空两格

WordPress 主题 CoreNext

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

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

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

以“三好网志”正在使用的经典的iNove主题为例。编辑style.css,找到:

.post .content p {
	margin-bottom:10px;
}

然后在其中加入:

text-indent:2em;

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

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

@斌果 补充:

如果一个新手想要添加首行缩进,而又不会 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');
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
欢迎关注WordPress大学公众号 WPDAXUE
基础教程

禁止 WordPress 自动添加分段标签<p>

2013-9-30 12:21:38

基础教程

给WordPress里包含下载资源的文章,加一个下载标识

2013-10-16 9:15:01

13 条回复 A文章作者 M管理员
  1. 只能首段首行空两格
    后面的段落怎么还是没有缩进。

    • 你可以查看页面源代码,确认下你所说的每个段落是否为 p 标签,有些时候,可能你看到的段落可能是采用 br 换行的,并不是针对p段落

  2. mm

    发现个更简单的方法:
    外观—自定义—额外CSS
    添加如下代码

    /* 首行缩进 */
    p {
    text-indent: 2em;
    }

    /* 处理图片也被缩进的问题 */
    p a img {
    display: block;
    }

  3. henbucuo

    非常感谢,三好公民和@斌果的分享,对于我这个初学者,帮我解决了好久都没搞明白的问题,一个复制,一个粘贴就帮我解决了问题,再次非常感谢。我想问问本网站的面包屑导航是怎么做出来的呢?比较中意这种形式的。

  4. 😎 采用第二种方法,强大得无与伦比。

  5. 第二种好强大,不用一一修改了
    但是各有利弊,第二种看不到编辑实时效果,但是依然膜拜

  6. 测试了一下,还是第2种办法好

  7. WP不是有自带的吗?

  8. 很好 很强大!!

  9. 代码测试,发现文章居中失效。祛除代码后居中就没事了

  10. 那么如果我相要实现:除了第一段,其他段落都缩进呢?怎么做?

    • wp自带的编辑器有缩进按扭啊

    • 三好公民

      我试了,缩进是整体缩进了

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索