实现WordPress文章段落首行缩进

1.最傻逼的方法(手动挡):

每个段落前加两个 

2.加 CSS 代码(自动挡)

  1. 首先随便打开一篇博客文章
  2. 右键查看网页的源代码(不同的浏览器可能说法不同)

    Google Chrome 浏览器
  3. 找到文章内容,每个段落前后有一对p 标签,如:
    <p>这里是段落内容</p>
  4. 找到它的上一级的 div 标签定义的 css 类的名称,例如我的是< div class=”kratos-post-content“>(主题不同名称可能也不同根据具体情况)。
  5. 在主题目录下的style.css文件中找到.kratos-post-content p(没有就自己添加一个)
原来是:

.kratos-post-content p {
margin-bottom: 1em;
font-size: 16px;
color: #333
}

修改后(加上首行缩进 2 格代码 text-indent:2em;):

.kratos-post-content p {
margin-bottom: 1em;
font-size: 16px;
text-indent:2em;
color: #333
}

3.函数方法(自动挡)

打开 function.php,在里面加上下列代码

// WordPress 文章首行缩进两格

function Bing_paragraph_indentation( $content ){

return str_replace( '<p', '<p style="text-indent:2em;"', $content );

}

add_filter( 'the_content', 'Bing_paragraph_indentation' );

以上这段代码就是将文章中的<p 标签替换成<p style=”text-indent: 2em;”

发表评论

发表评论

*

沙发空缺中,还不快抢~