在 WordPress 博客每段文章开头空两格

Jiang 发布于 2008年8月26日, 分类使用进阶, 阅读次数: 1,242

欢迎光临本站！我们致力为你提供更好的服务，请订阅本站Feed 获取每天最新信息。WordPress 中文站主要为你提供 WordPress 最新的新闻，插件、主题更新的信息，入门的教程，使用的技巧，博客的资源与优化，安全问题的提醒与修复方案，以及博客相关的方方面面。

感谢久酷的投递；为博客带去流量，欢迎投递分享优秀文章

在博客开头空两格，这对中文博客却又很有意义的功能。包括 WordPress 在内一些欧美博客程序开发者，显然并没有考虑到中文的排版习惯，没有在意这个功能。实际上，实现这个功能非常简单。

不仅是 WordPress ，其他的博客系统也存在类似的问题。以前我曾经考虑过使用空格符号来显示空格。但是这样的问题有两个：第一，对于不同的字体，每个空格所表示的大小并不一样，因此换一个主题可能就不准确了；第二，也是更无奈的，有些博客程序会过滤掉开头的空格，比如 Blogger 就有这样的过滤效果。

另外一个可替代的办法是，使用全角的空格符号来代替。这个办法比上面的办法稍微高级一些，也不会被过滤掉。我看到很多编辑、记者等对文字要求比较高的文字工作者，使用这个办法。这样做的缺点是比较麻烦，每一段都要将输入法切换到全角，输入两个空格。

最为简单的办法，是我们今天所要介绍的，通过样式表文件，即 style.css 来控制。熟悉 style.css 的网友，只要你在适当的位置添加上

p {text-indent:2em;}

就可以实现这个功能。这也是我们 WordPress 中文站目前所采用的办法。具体的原因和解释，请查看久酷烟云的博客：实现wordpress段首空两格

补充：如果只是将文字缩进去两个字符，那么图片会显得混乱，因此也可以同样对图片设置参数

img {text-indent:2em;}

感谢 zwqo 和 Jinwen 两位网友的建议。

本站地址: WordPress 非官方中文站[http://wpchina.org/]

本文链接: http://wpchina.org/leave-two-blank-character-before-every-paragraph-333/

Tagged as: 文章

你还可能感兴趣的相关文章:

11 Responses »

酷米 on 8月 26th, 2008 at 12:01 下午:
不错，我用了。谢谢！
WordPress Tips: 实现wordpress段首空两格 at WordPress Today on 8月 26th, 2008 at 9:12 下午:
[...] 　　实现wordpress段首空两格，中文作者很多还保持着每段开头空两格的习惯，本文讲述如何通过css来控制实现这个效果。暂时有两个站点是使用这种方式来实现段落前空两个的：1，2。　　我个人的疑惑：用em来实现空格，会不会因为全文设置的em大小不同而错位呢？个人还是习惯使用两个全角空格。 [...]
Jinwen on 8月 27th, 2008 at 7:00 上午:
一个补充，这样有可能会使文章内的图片也缩进，如果不想图片也缩进的话，CSS中要把图片的margin设置为-2em修正的。
Jiang on 8月 27th, 2008 at 7:19 上午:
其实这种情况下，文字不缩进，反而不好看呢。
2wordpresscom 08/28/2008 « huaxlee’s daily post on 8月 29th, 2008 at 2:04 上午:
[...] 在 WordPress 博客每段文章开头空两格 [...]
zwq0 on 9月 16th, 2008 at 10:04 上午:
一个补充，这样有可能会使文章内的图片也缩进，如果不想图片也缩进的话，CSS中要把图片的margin设置为-2em修正的。

=========
是设置图片的：text-indent:-2em

并不是margin，否则界面会乱的！
Jiang on 9月 18th, 2008 at 2:31 上午:
谢谢，已经添加到了补充。
ev.code.p on 12月 22nd, 2008 at 4:10 上午:
个人觉得最简单的方法，就是切换一下输入法的半角和全角，切换到全角状态，就可以输入空格，而且会被确认。
火点 on 6月 24th, 2009 at 2:01 下午:
放到适当的位置，究竟是哪里！
aiviking on 2月 23rd, 2010 at 12:24 下午:
请问是放在哪？
我加在style.css最后没有用
runbing on 6月 23rd, 2010 at 3:11 下午:
一个补充，这样有可能会使文章内的图片也缩进，如果不想图片也缩进的话，CSS中要把图片的margin设置为-2em修正的。

=========
是设置图片的：text-indent:-2em

并不是margin，否则界面会乱的！

=========
在wordpress里面p标签包含着img标签，如果只设置图片为text-indent:-2em是不管用的，只能给图片margin一个-2em才有效吧？！

WordPress 非官方中文站