Press "Enter" to skip to content

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

Last updated on 2016年11月17日

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

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

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

是不是很简单呢?你也可以试一试哦!

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

12 Comments

  1. jeccy
    jeccy 2009年03月24日

    很好~ 呵呵,我去缩缩去

  2. cocoswan
    cocoswan 2009年05月31日

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

    • CnLMS
      CnLMS 2009年05月31日

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

  3. 志言
    志言 2009年08月7日

    在哪个地方加啊?

    • LMS
      LMS 2009年08月8日

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

  4. exia
    exia 2009年09月23日

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

  5. 丁国锋
    丁国锋 2012年04月15日

    哈哈, 真好用 , 全自动了 .

  6. 轻微生活
    轻微生活 2015年06月9日

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

  7. 神父
    神父 2016年11月17日

    为毛你现在不缩了

    • LMS
      LMS 2016年11月17日

      @神父 你这坟挖的都挖穿地球挖到美国去了。。。

发表评论

电子邮件地址不会被公开。 必填项已用*标注