由于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里加上这个代码的。大家可以自己手动加上,不仅美观而且更符合中国人的习惯。
刚才我也网上搜了一下,还有好多网友问 这个问题啊,呵呵……居然还有这方面的插件,建议大家最好不要用插件了,因为多一个插件就会增加网页的加载速度。能不用插件而实现的功能最好是不要用插件啦。

嗯,感觉了一下,段首空两格,确实美观了许多,比以前好看了,哈哈……自己顶一个。
[Reply]
拿到我家试验一下先~~呵呵
[Reply]
效果很好…就引用了!嘻嘻~
[Reply]
久酷风云 Reply:
August 25th, 2008 at 2:02 am
哈…………有用就好啊
text-indent:200%;或者text-indent:2em;好行都可以吧!这种是自动匹配字体大小的!
[Reply]
久酷风云 Reply:
August 25th, 2008 at 10:37 am
嗯,是啊,都可以的^^哈哈
page Reply:
August 25th, 2008 at 11:02 am
Hjin说的才是对的,千万别px为单位。这个还是em这样的好一些。
久酷风云 Reply:
August 25th, 2008 at 11:15 am
嗯,以后我改改改为EM单位的,习惯用px单位了^^哈
好了,单位我也换成em 了,听从大家的意见,哈哈
[Reply]
呵呵,不错~ 我准备开始自己写皮肤啦~ (*^__^*) 嘻嘻……
[Reply]
久酷风云 Reply:
August 25th, 2008 at 7:08 pm
Support you !my snow…………haha
我就是这样改的。短文章不觉得,上次写了篇长一点的,总觉得不舒服。就改了一下。
[Reply]
[...] 中文站目前所采用的办法。具体的原因和解释,请查看久酷烟云的博客:实现wordpress段首空两格 Tagged as: [...]
但是一个问题,如果我使用live writer写,怎么处理呢
[Reply]
久酷风云 Reply:
August 26th, 2008 at 10:25 am
同样按上面的方法,不影响的,只要你在写的时候按下的是回车键,在html代码状态下看到的是 P
标签,发表出来的就是空两格的。这个与用什么写日志没关系的哦,呵呵
流星 Reply:
August 27th, 2008 at 10:19 am
就是我写还是随意,只管回车另开一个新段落即可
发表出来之后就可以显示空格了是么?
久酷风云 Reply:
August 27th, 2008 at 10:21 am
嗯,是这样的,因为我们已经在CSS里设置了P属性。你只管回车就可以了。发表出来就会自动空两格的,^^呵呵
不错,谢谢分享!
[Reply]
HUHU
[Reply]
[...] 实现wordpress段首空两格,中文作者很多还保持着每段开头空两格的习惯,本文讲述如何通过css来控制实现这个效果。暂时有两个站点是使用这种方式来实现段落前空两个的:1,2。 我个人的疑惑:用em来实现空格,会不会因为全文设置的em大小不同而错位呢?个人还是习惯使用两个全角空格。 [...]
[...] 中文站目前所采用的办法。具体的原因和解释,请查看久酷烟云的博客:实现wordpress段首空两格 整个 Yo2 上的相关文章:每段文章前留出两个空格的方法 [...]
我回车之后直接加2个全角空格,哈哈
[Reply]
怎么我这不行哦,照你所说修改CSS了。但是没有效果。您帮忙看看吧。
[Reply]
久酷 Reply:
November 7th, 2008 at 8:54 pm
看看你的singlepost.php文件里,调用的正文样式 是不是.entrytext 这个,如果不是的话将这个样式名改成你的正文的class 哦,应该就可以了!^_^
嘉林 Reply:
November 7th, 2008 at 9:32 pm
我是在style.css文件里single.php处添加
.entrytext p {text-indent:2em;} 的。
没有singlepost.php文件,只有single.php,但没有搜索到“.entrytext”
我找到这些:
是不是把“.entrytext”换成“post clearfix”??
久酷 Reply:
November 7th, 2008 at 9:35 pm
嗯,看了下你的是站,好像你的是改post clearfix这个!呵呵……
嘉林 Reply:
November 7th, 2008 at 9:33 pm
昏,我给出了代码,怎么不见了。
能即时联系你吗?
久酷 Reply:
November 7th, 2008 at 9:36 pm
我的Gtalk是:jiucool#gmail.com
.entrytext p{text-indent:2em;}
关于这个,我正文的DIV是content,但是用了.content p{text-indent:2em;}之后,还是全部空格都缩进了~~~
[Reply]
久酷 Reply:
December 29th, 2008 at 9:01 pm
@Rexavin, 这个意思就是所有的正文段落会自动缩进两格!^_^
Rexavin Reply:
December 29th, 2008 at 9:04 pm
@久酷, 你的意思是我用了.content p{text-indent:2em;}之后所有段落都自动缩进了吧?
恩,这个确实是自动缩进了,但是标签、评论也都会自动缩进,但是我只想让文章段落缩进。
久酷 Reply:
December 29th, 2008 at 9:21 pm
@Rexavin, 哦,嗯,那也可以啊,那你就是single.php里the_content(); 这段代码里嵌套一个DIV标签!只控制the_content();就可以了!如果想在首页也缩进 的话那么就在index.php里的 the_excerpt() 也另外加一个DIV标签就可以了!
哇哈哈,谢谢久酷了,现在已经弄好了~
[Reply]
久酷 Reply:
December 29th, 2008 at 9:34 pm
@Rexavin, 呵呵……弄好了就好啊!^_^有空经常来玩^_^
Rexavin Reply:
December 29th, 2008 at 9:35 pm
@久酷, 恩,会的~每次来都能学到东西,嘿嘿~
[...] 通过样式表实现文章开头空两格,首先查看single.php内容是content,然后在样式表中找到#main里面的.content,在里面添加{text-indent:2em;}即可。 [...]
单改.entrytext p这个好像不行,如果文章中有一张比较大的图片并且放置于标签中,那么图片右缩进2em(其实text-indent在CSS中应该是解读成向右隐藏2em),这样会导致图片撑破singl页面的div 或者出现漂浮移位现象。
[Reply]
久酷 Reply:
March 19th, 2009 at 1:03 pm
@vanqy, 这个主要看自己的模板的CSS样式是如何定义吧 ^_^
不地这也是最容易解决的问题 比如用 Shift+Enter 代替Enter就可以了
[Reply]
久酷 Reply:
March 19th, 2009 at 1:02 pm
@vanqy, 恩,那样也可以,不过每次都要这样稍微麻烦些
此文对于国人极具有价值
[Reply]