实现wordpress段首空两格

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

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

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

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

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

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

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

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

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

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

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

  1. 久酷风云 says:

    嗯,感觉了一下,段首空两格,确实美观了许多,比以前好看了,哈哈……自己顶一个。

    [Reply]

  2. M.fei says:

    拿到我家试验一下先~~呵呵

    [Reply]

  3. M.fei says:

    效果很好…就引用了!嘻嘻~

    [Reply]

    久酷风云 Reply:

    哈…………有用就好啊

  4. HJin says:

    text-indent:200%;或者text-indent:2em;好行都可以吧!这种是自动匹配字体大小的!

    [Reply]

    久酷风云 Reply:

    嗯,是啊,都可以的^^哈哈

    page Reply:

    Hjin说的才是对的,千万别px为单位。这个还是em这样的好一些。

    久酷风云 Reply:

    嗯,以后我改改改为EM单位的,习惯用px单位了^^哈

  5. 久酷风云 says:

    好了,单位我也换成em 了,听从大家的意见,哈哈

    [Reply]

  6. Snow says:

    呵呵,不错~ 我准备开始自己写皮肤啦~ (*^__^*) 嘻嘻……

    [Reply]

    久酷风云 Reply:

    Support you !my snow…………haha

  7. 老N says:

    我就是这样改的。短文章不觉得,上次写了篇长一点的,总觉得不舒服。就改了一下。

    [Reply]

  8. [...] 中文站目前所采用的办法。具体的原因和解释,请查看久酷烟云的博客:实现wordpress段首空两格 Tagged as: [...]

  9. 流星 says:

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

    [Reply]

    久酷风云 Reply:

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

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

    流星 Reply:

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

    久酷风云 Reply:

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

  10. 酷米 says:

    不错,谢谢分享!

    [Reply]

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

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

  13. 自由博客 says:

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

    [Reply]

  14. 嘉林 says:

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

    [Reply]

    久酷 Reply:

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

    嘉林 Reply:

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

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

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

    我找到这些:

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

    久酷 Reply:

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

    嘉林 Reply:

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

    久酷 Reply:

    我的Gtalk是:jiucool#gmail.com

  15. Rexavin says:

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

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

    [Reply]

    久酷 Reply:

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

    Rexavin Reply:

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

    久酷 Reply:

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

  16. Rexavin says:

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

    [Reply]

    久酷 Reply:

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

    Rexavin Reply:

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

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

  18. vanqy says:

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

    [Reply]

    久酷 Reply:

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

  19. vanqy says:

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

    [Reply]

    久酷 Reply:

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

  20. download says:

    此文对于国人极具有价值

    [Reply]

Leave a Reply