由于wordpress本身程序是由老外开发的,所以很多地方都没照顾到他国语言,当然啦,对咱们中文照顾的更是不好啦。所以咱们国人自己开发了中文工具箱。中文工具箱确实是个好东西,解决了好多用wordpress的中文问题。当然可能还有一些目前尚未解决。
今天我逛了一些友情链接里那些朋友的wordpress博客,发现有的朋友文章里的文字是段首空两格,完全符合咱们的中国人习惯。而有朋友就是直接顶格的,没有空。呵呵…………这就是wordpress又一大问题了。当然我以前也没注意,今天才注意到了。
当然啦,我的也是顶格的,不符合咱们中国人的习惯哈,我要把它改过来。因为咱们手动在发表文章的时候添加空格并没有用,wordpress在发表的时候会自动顶格的。有别的办法吗?有,当然有喽,其实也很简单啦,学过CSS的朋友都知道其中有这样一个属性,text-indent
这个text-indent 属性是用来 定义文本首行的缩进(在首行文字之前插入指定的长度)
由于段落的html代码是<p></p>所以大家只要在CSS(style.css文件)里正文页面(single.php)P属性里添加
.entrytext p{text-indent:2em;}看一下你正文的div标签是不是<div class=entrytext>换成相应的这样就OK啦!段首空余多大的长度完全由你决定,“2”这个数字你可以随便改,只要你觉得好看就行。
当然如果你想让所有使用<p></p>就是所有分段的地方都实现段首空两格的话,你就可以在style.css里面直接加上如下CSS:
p {text-indent:2em;}这样就实现了所有的分段地方段首空两格喽。
目前大多数的模板是没有直接在CSS里加上这个代码的。大家可以自己手动加上,不仅美观而且更符合中国人的习惯。
刚才我也网上搜了一下,还有好多网友问 这个问题啊,呵呵……居然还有这方面的插件,建议大家最好不要用插件了,因为多一个插件就会增加网页的加载速度。能不用插件而实现的功能最好是不要用插件啦。
如果你不懂CSS可以参考一下本文。如果你为CSS高手,本文可能对你没啥意义了

我用这个方法,实现了文章每段空两格!
但是同时我的评论框也向右漂移了,超出了边界,不知道有没有办法解决呢?
[Reply]
[...] 参考文章:http://www.jiucool.com/shi-xian-wordpress-duan-shou-kong-liang-ge/#newcomment [...]
wordpress是一款伟大的产品,最初睫毛增长液网站就准备用其搭建,结果后来改来改去,最后还是弄了一个纯静态的睫毛增长液版本。
[Reply]
[...] 实现wordpress段首空两格 »久酷 [...]
呵呵 ,找这文章找了好久了..终于搞定了,谢谢博主~
[Reply]
换了个主题全乱套了 以前都是手工的,看来还是改css吧
[Reply]
好吧,我不得不说,我还是改不来……我的是默认的主题……最主要的是不知道在哪里加……
[Reply]
久酷
Reply:
August 13th, 2009 at 16:28
@怡红公子, 默认主题的话就打开style.css 找到.entry p {}。里面加上text-indent:2em; 这样就OK啦。
[Reply]
此文对于国人极具有价值
[Reply]
不地这也是最容易解决的问题 比如用 Shift+Enter 代替Enter就可以了
[Reply]
久酷
Reply:
March 19th, 2009 at 13:02
@vanqy, 恩,那样也可以,不过每次都要这样稍微麻烦些
[Reply]
单改.entrytext p这个好像不行,如果文章中有一张比较大的图片并且放置于标签中,那么图片右缩进2em(其实text-indent在CSS中应该是解读成向右隐藏2em),这样会导致图片撑破singl页面的div 或者出现漂浮移位现象。
[Reply]
久酷
Reply:
March 19th, 2009 at 13:03
@vanqy, 这个主要看自己的模板的CSS样式是如何定义吧 ^_^
[Reply]
[...] 通过样式表实现文章开头空两格,首先查看single.php内容是content,然后在样式表中找到#main里面的.content,在里面添加{text-indent:2em;}即可。 [...]
哇哈哈,谢谢久酷了,现在已经弄好了~
[Reply]
久酷
Reply:
December 29th, 2008 at 21:34
@Rexavin, 呵呵……弄好了就好啊!^_^有空经常来玩^_^
[Reply]
Rexavin
Reply:
December 29th, 2008 at 21:35
@久酷, 恩,会的~每次来都能学到东西,嘿嘿~
[Reply]
.entrytext p{text-indent:2em;}
关于这个,我正文的DIV是content,但是用了.content p{text-indent:2em;}之后,还是全部空格都缩进了~~~
[Reply]
久酷
Reply:
December 29th, 2008 at 21:01
@Rexavin, 这个意思就是所有的正文段落会自动缩进两格!^_^
[Reply]
Rexavin
Reply:
December 29th, 2008 at 21:04
@久酷, 你的意思是我用了.content p{text-indent:2em;}之后所有段落都自动缩进了吧?
恩,这个确实是自动缩进了,但是标签、评论也都会自动缩进,但是我只想让文章段落缩进。
[Reply]
久酷
Reply:
December 29th, 2008 at 21:21
@Rexavin, 哦,嗯,那也可以啊,那你就是single.php里the_content(); 这段代码里嵌套一个DIV标签!只控制the_content();就可以了!如果想在首页也缩进 的话那么就在index.php里的 the_excerpt() 也另外加一个DIV标签就可以了!
怎么我这不行哦,照你所说修改CSS了。但是没有效果。您帮忙看看吧。
[Reply]
久酷
Reply:
November 7th, 2008 at 20:54
看看你的singlepost.php文件里,调用的正文样式 是不是.entrytext 这个,如果不是的话将这个样式名改成你的正文的class 哦,应该就可以了!^_^
[Reply]
嘉林
Reply:
November 7th, 2008 at 21:32
我是在style.css文件里single.php处添加
.entrytext p {text-indent:2em;} 的。
没有singlepost.php文件,只有single.php,但没有搜索到“.entrytext”
我找到这些:
是不是把“.entrytext”换成“post clearfix”??
[Reply]
久酷
Reply:
November 7th, 2008 at 21:35
嗯,看了下你的是站,好像你的是改post clearfix这个!呵呵……
嘉林
Reply:
November 7th, 2008 at 21:33
昏,我给出了代码,怎么不见了。
能即时联系你吗?
[Reply]
久酷
Reply:
November 7th, 2008 at 21:36
我的Gtalk是:jiucool#gmail.com
我回车之后直接加2个全角空格,哈哈
[Reply]
[...] 中文站目前所采用的办法。具体的原因和解释,请查看久酷烟云的博客:实现wordpress段首空两格 整个 Yo2 上的相关文章:每段文章前留出两个空格的方法 [...]
[...] 实现wordpress段首空两格,中文作者很多还保持着每段开头空两格的习惯,本文讲述如何通过css来控制实现这个效果。暂时有两个站点是使用这种方式来实现段落前空两个的:1,2。 我个人的疑惑:用em来实现空格,会不会因为全文设置的em大小不同而错位呢?个人还是习惯使用两个全角空格。 [...]
HUHU
[Reply]
不错,谢谢分享!
[Reply]
但是一个问题,如果我使用live writer写,怎么处理呢
[Reply]
久酷风云
Reply:
August 26th, 2008 at 10:25
同样按上面的方法,不影响的,只要你在写的时候按下的是回车键,在html代码状态下看到的是 P
标签,发表出来的就是空两格的。这个与用什么写日志没关系的哦,呵呵
[Reply]
流星
Reply:
August 27th, 2008 at 10:19
就是我写还是随意,只管回车另开一个新段落即可
发表出来之后就可以显示空格了是么?
[Reply]
久酷风云
Reply:
August 27th, 2008 at 10:21
嗯,是这样的,因为我们已经在CSS里设置了P属性。你只管回车就可以了。发表出来就会自动空两格的,^^呵呵