实现wordpress段首空两格

由于本身程序是由老外开发的,所以很多地方都没照顾到他国语言,当然啦,对咱们中文照顾的更是不好啦。所以咱们国人自己开发了中文工具箱。中文工具箱确实是个好东西,解决了好多用的中文问题。当然可能还有一些目前尚未解决。

今天我逛了一些友情链接里那些朋友的博客,发现有的朋友文章里的文字是段首空两格,完全符合咱们的中国人习惯。而有朋友就是直接顶格的,没有空。呵呵…………这就是又一大问题了。当然我以前也没注意,今天才注意到了。

当然啦,我的也是顶格的,不符合咱们中国人的习惯哈,我要把它改过来。因为咱们手动在发表文章的时候添加空格并没有用,在发表的时候会自动顶格的。有别的办法吗?有,当然有喽,其实也很简单啦,学过的朋友都知道其中有这样一个属性,

这个 属性是用来 定义文本首行的缩进(在首行文字之前插入指定的长度)

由于段落的html代码是<p></p>所以大家只要在(style.文件)里正文页面(single.php)P属性里添加

.entrytext p{:2em;}看一下你正文的div标签是不是<div class=entrytext>换成相应的这样就OK啦!段首空余多大的长度完全由你决定,“2”这个数字你可以随便改,只要你觉得好看就行。

当然如果你想让所有使用<p></p>就是所有分段的地方都实现段首空两格的话,你就可以在style.里面直接加上如下
p {:2em;}这样就实现了所有的分段地方段首空两格喽。

目前大多数的模板是没有直接在里加上这个代码的。大家可以自己手动加上,不仅美观而且更符合中国人的习惯。

刚才我也网上搜了一下,还有好多网友问 这个问题啊,呵呵……居然还有这方面的插件,建议大家最好不要用插件了,因为多一个插件就会增加网页的加载速度。能不用插件而实现的功能最好是不要用插件啦。

如果你不懂可以参考一下本文。如果你为高手,本文可能对你没啥意义了 :lol:

49 Responses to “实现wordpress段首空两格”

  1. 宁怡 CHINA Mozilla Firefox Windows says:

    我用这个方法,实现了文章每段空两格!
    但是同时我的评论框也向右漂移了,超出了边界,不知道有没有办法解决呢?

    [Reply]

  2. [...] 参考文章:http://www.jiucool.com/shi-xian-wordpress-duan-shou-kong-liang-ge/#newcomment [...]

  3. wordpress是一款伟大的产品,最初睫毛增长液网站就准备用其搭建,结果后来改来改去,最后还是弄了一个纯静态的睫毛增长液版本。

    [Reply]

  4. [...] 实现wordpress段首空两格 »久酷 [...]

  5. 球犯 CHINA Google Chrome Windows says:

    呵呵 ,找这文章找了好久了..终于搞定了,谢谢博主~ :lol:

    [Reply]

  6. Louis Han CHINA Mozilla Firefox Windows says:

    换了个主题全乱套了 以前都是手工的,看来还是改css吧

    [Reply]

  7. 怡红公子 CHINA Mozilla Firefox Windows says:

    好吧,我不得不说,我还是改不来……我的是默认的主题……最主要的是不知道在哪里加……

    [Reply]

    久酷 CHINA Mozilla Firefox Windows Reply:

    @怡红公子, 默认主题的话就打开style.css 找到.entry p {}。里面加上text-indent:2em; 这样就OK啦。

    [Reply]

  8. download CHINA Internet Explorer Windows says:

    此文对于国人极具有价值

    [Reply]

  9. vanqy CHINA Mozilla Firefox Windows says:

    不地这也是最容易解决的问题 比如用 Shift+Enter 代替Enter就可以了

    [Reply]

    久酷 CHINA Internet Explorer Windows Reply:

    @vanqy, 恩,那样也可以,不过每次都要这样稍微麻烦些

    [Reply]

  10. vanqy CHINA Mozilla Firefox Windows says:

    单改.entrytext p这个好像不行,如果文章中有一张比较大的图片并且放置于标签中,那么图片右缩进2em(其实text-indent在CSS中应该是解读成向右隐藏2em),这样会导致图片撑破singl页面的div 或者出现漂浮移位现象。

    [Reply]

    久酷 CHINA Internet Explorer Windows Reply:

    @vanqy, 这个主要看自己的模板的CSS样式是如何定义吧 ^_^

    [Reply]

  11. [...] 通过样式表实现文章开头空两格,首先查看single.php内容是content,然后在样式表中找到#main里面的.content,在里面添加{text-indent:2em;}即可。 [...]

  12. Rexavin CHINA Internet Explorer Windows says:

    哇哈哈,谢谢久酷了,现在已经弄好了~

    [Reply]

    久酷 CHINA Mozilla Firefox Windows Reply:

    @Rexavin, 呵呵……弄好了就好啊!^_^有空经常来玩^_^

    [Reply]

    Rexavin CHINA Internet Explorer Windows Reply:

    @久酷, 恩,会的~每次来都能学到东西,嘿嘿~

    [Reply]

  13. Rexavin CHINA Internet Explorer Windows says:

    .entrytext p{text-indent:2em;}

    关于这个,我正文的DIV是content,但是用了.content p{text-indent:2em;}之后,还是全部空格都缩进了~~~

    [Reply]

    久酷 CHINA Mozilla Firefox Windows Reply:

    @Rexavin, 这个意思就是所有的正文段落会自动缩进两格!^_^

    [Reply]

    Rexavin CHINA Internet Explorer Windows Reply:

    @久酷, 你的意思是我用了.content p{text-indent:2em;}之后所有段落都自动缩进了吧?
    恩,这个确实是自动缩进了,但是标签、评论也都会自动缩进,但是我只想让文章段落缩进。

    [Reply]

    久酷 CHINA Mozilla Firefox Windows Reply:

    @Rexavin, 哦,嗯,那也可以啊,那你就是single.php里the_content(); 这段代码里嵌套一个DIV标签!只控制the_content();就可以了!如果想在首页也缩进 的话那么就在index.php里的 the_excerpt() 也另外加一个DIV标签就可以了!

  14. 嘉林 CHINA Mozilla Firefox Windows says:

    怎么我这不行哦,照你所说修改CSS了。但是没有效果。您帮忙看看吧。

    [Reply]

    久酷 CHINA Mozilla Firefox Windows Reply:

    看看你的singlepost.php文件里,调用的正文样式 是不是.entrytext 这个,如果不是的话将这个样式名改成你的正文的class 哦,应该就可以了!^_^

    [Reply]

    嘉林 CHINA Mozilla Firefox Windows Reply:

    我是在style.css文件里single.php处添加

    .entrytext p {text-indent:2em;} 的。

    没有singlepost.php文件,只有single.php,但没有搜索到“.entrytext”

    我找到这些:

    是不是把“.entrytext”换成“post clearfix”??

    [Reply]

    久酷 CHINA Mozilla Firefox Windows Reply:

    嗯,看了下你的是站,好像你的是改post clearfix这个!呵呵……

    嘉林 CHINA Mozilla Firefox Windows Reply:

    昏,我给出了代码,怎么不见了。
    能即时联系你吗?

    [Reply]

    久酷 CHINA Mozilla Firefox Windows Reply:

    我的Gtalk是:jiucool#gmail.com

  15. 自由博客 CHINA Internet Explorer Windows says:

    我回车之后直接加2个全角空格,哈哈

    [Reply]

  16. [...] 中文站目前所采用的办法。具体的原因和解释,请查看久酷烟云的博客:实现wordpress段首空两格 整个 Yo2 上的相关文章:每段文章前留出两个空格的方法 [...]

  17. [...]   实现wordpress段首空两格,中文作者很多还保持着每段开头空两格的习惯,本文讲述如何通过css来控制实现这个效果。暂时有两个站点是使用这种方式来实现段落前空两个的:1,2。   我个人的疑惑:用em来实现空格,会不会因为全文设置的em大小不同而错位呢?个人还是习惯使用两个全角空格。 [...]

  18. 酷米 CHINA Mozilla Firefox Windows says:

    不错,谢谢分享!

    [Reply]

  19. 流星 CHINA Mozilla Firefox Windows says:

    但是一个问题,如果我使用live writer写,怎么处理呢

    [Reply]

    久酷风云 CHINA Mozilla Firefox Windows Reply:

    同样按上面的方法,不影响的,只要你在写的时候按下的是回车键,在html代码状态下看到的是 P

    标签,发表出来的就是空两格的。这个与用什么写日志没关系的哦,呵呵

    [Reply]

    流星 CHINA Mozilla Firefox Windows Reply:

    就是我写还是随意,只管回车另开一个新段落即可
    发表出来之后就可以显示空格了是么?

    [Reply]

    久酷风云 CHINA Mozilla Firefox Windows Reply:

    嗯,是这样的,因为我们已经在CSS里设置了P属性。你只管回车就可以了。发表出来就会自动空两格的,^^呵呵

Leave a Reply

:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!:


正在读取数据……