wordpress 博客内容的首行缩进代码

LMS
1.8K+ 12

WordPress 博客发布内容时不是按中文阅读习惯排版的方式,每段的首行都是顶格不能自动空两个字,如果你想每段首行空两格,则可以通过写文章时在可视化模式下敲几下空格键。这样手动做虽然收放自如,但也比较麻烦,要是哪一次忘记了就影响到整体的统一性了,而且可视化模式下敲的空格会以 html 标签的形式存在文章内容里,增加数据库无意义的内容。

其实可以通过 CSS 对文章内容样式进行全局定义,让文章每段文字内容的首行自动缩进,可以省却许多麻烦。方法是找到主题对应的正文内容 the_content();外的 div 对应的 class,比如默认主题是 entry-content,对其做如下 CSS 定义:

.entry-content p {
    text-indent: 2em;
}

只要把上面的代码加到主题模板目录下的 style.css 文件中,是不是很简单呢?你也可以试一试哦!

当然,使用了上面的文章段落自动首行缩进功能后,对于文章内独立成段的图片,也会被默认缩进,如果你有强迫症,觉得看着不舒服,可以参考这篇文章,或许对你会有所帮助:text-indent和图片缩进的问题

text-indent和图片缩进的问题

对于 Wordpress 的正文内容和摘要,有时候我们喜欢给他按照 word 中文阅读习惯那样来个段落首行缩进,这是从小学开始写作文,语文老师就要求的格式了。 所以,对于从小养成的习惯,有的时候很难放弃。要实现也很简单...

THE END

评论 12

    1. 你这坟挖的都挖穿地球挖到美国去了。。。

  1. 终于把Wordpress分类下的文章基本看完了,非常实用,感谢分享

  2. exia
    🏅

    具体是在什么位置添加呢?

  3. 志言
    🏅

    在哪个地方加啊?

    1. 你的blog要在style.css文件里,#content p下面的属性里加!

  4. cocoswan
    🏅

    你好呀
    我想问问你我应该去哪里买WP系统的虚拟空间呢。。。
    我还是个学生,但我也准备弄个个人网站~~域名已经买好了。网站性质应该跟你这个网站差不多拉。。。
    可以麻烦告诉我一下吗?
    谢谢了哈。

    1. 你好,安装wordpress的最佳是linux+mysql+apache配置的空间,win主机对wordpress支持不是很好,我使用的空间是hichf.com提供的Cpanel双线空间。如果你也是做blog,200m大小就足够了。

  5. 很好~ 呵呵,我去缩缩去

发表评论

Submit