WordPress的三种首行缩进方法

October 30th, 2009

我们中国人写东西都有段首空两个汉字(俗称“低2格”)的习惯,不缩进也不影响阅读,看个人喜好。我来谈谈WordPress的三种首行缩进方法,并分析它们的优劣,算是一个小小的总结。

以下三种方法均在FireFox3.5.3浏览器+WordPress2.8.5后台HTML编辑模式下测试。

1、修改WordPress的quicktags.js 文件

找到wp-includes/js/quicktags.js并打开(推荐用notepad++Editplus等记事本打开),找到

edButtons[edButtons.length]=new edButton("ed_more","more","<!--more-->","","t",-1);

在后边添加:

edButtons[edButtons.length]=new edButton('ed_para2em','para2em','<p style="text-indent: 2em">','</p>','pa');

在后台HTML编辑模式下,刷新后就可以看到para2em首行缩进的标签。
para2em首行缩进的标签

在需要缩进的某一段,先在段头按一下 "para2em" ,然后在段尾按一下"/para2em"。
para2em空格效果

优点:可控性强,想哪段首行缩进就定义哪个
缺点:①操作繁琐。如果段落很多的话,需要重复动作
   ②强制性空行。后台段落之间并没有空行,但前台会显示空行
   ③如果WordPress在线升级,新文件覆盖旧文件,会失效,需重新加载代码

2、修改主题style.css 文件

不同主题的style.css可能有不同,这次以inove主题为例。

在WordPress的后台,选择"外观"——"编辑",打开样式表(style.css),找到如下的代码:

.post .content p {
margin-bottom:10px;
}

修改为

.post .content p {
margin-bottom:10px;
text-indent: 2em;
}

给需要缩进的段落加上<p>标签,见下图

<p>标签空格效果

优点:可控性强,如果每个段落都加上<P>标签,显示效果不错
缺点:①操作繁琐。段落很多的话,需要重复动作
   ②强制性空行。后台段落之间并没有空行,但前台会显示空行
   ③如果没给各个段落加上<p>标签,段落极其混乱,并在首段中自作聪明地缩进。

3、全角空格实现缩进

把输入法切换到全角模式,在需要缩进的段首按两下空格键
全角空格效果

优点:①操作简单,不用修改任何文件就实现
   ②该缩进空行的地方就缩进空行,不该缩进空行的地方就不缩进空行,前后台显示效果完全一致,一目了然
缺点:如果在HTML编辑模式下用全角空格,然后切换到可视化编辑模式,再回到HTML编辑模式,会失效。FireFox和Google Chrome下均如此。(此问题是在测试网友 lj 反映的问题中发现的)

说了这么多,本文没采用缩进,为什么?懒,如此而已。

-----------------
参考资料:
[1]WordPress中段落< P >标签首行缩进
[2]给WordPress编辑器添加首行缩进标签
[3]WordPress编辑实现段落首行空格缩进

声明: 本文采用 BY-NC-SA 协议进行授权。 转载请注明转自: WordPress的三种首行缩进方法
   
  1. October 30th, 2009 at 22:57
    Reply | Quote | #1

    PR更新了~~呵呵

  2. October 31st, 2009 at 07:36
    Reply | Quote | #2

    我用全角空格,方便~

  3. October 31st, 2009 at 12:15
    Reply | Quote | #3

    这个功能很实用,我就是用默认的

  4. October 31st, 2009 at 13:39
    Reply | Quote | #4

    不用后台写,用不到这些功能

  5. October 31st, 2009 at 14:55
    Reply | Quote | #5

    第一种方法是最灵活的

  6. 网名
    October 31st, 2009 at 15:22
    Reply | Quote | #6

    不错,有一种喜欢的就好了

  7. October 31st, 2009 at 15:59
    Reply | Quote | #7

    其实首行缩进对于很多博客不适合,我觉得比较适合写心情、生活类的博客

  8. neoear
    October 31st, 2009 at 20:47
    Reply | Quote | #8

    @老饕
    可惜刚开博,没赶上,继续0

    @万戈
    的确如此

    @先看看
    默认的?

    @Louis Han
    习惯不同,有人喜欢后台写,有人喜欢离线写

    @bolo
    第三种也很灵活

    @网名
    你喜欢哪一种呢?

    @zwwooooo
    看个人喜好吧

  9. November 1st, 2009 at 09:08
    Reply | Quote | #9

    我经常就是空格空格,ok了。

  10. 仁心博客
    November 1st, 2009 at 21:54

    方法挺灵活的

  11. November 2nd, 2009 at 11:13

    我比较喜欢用CSS去修改~

  12. November 2nd, 2009 at 14:35

    貌似我没有缩进的习惯。。

  13. November 2nd, 2009 at 15:10

    折腾的不错

  14. November 2nd, 2009 at 19:22

    不错不错啊 呵呵~

  15. November 2nd, 2009 at 20:33

    学习学习。

  16. November 2nd, 2009 at 20:57

    以前我是整段缩进
    现在干脆不缩进了- -

  17. November 2nd, 2009 at 21:45

    第一次来贵博,留个脚印先,怕等下迷路了不知道回家。博主,文章很实用,值得常来。

  18. 翔子
    November 3rd, 2009 at 05:23

    缩进 学习了~

  19. November 3rd, 2009 at 16:23

    我的就不需要缩进了。
    发现现在的博主都忒有才。

  20. November 3rd, 2009 at 16:44

    能搞成这样也都不容易啊

  21. 菲萨塔
    November 3rd, 2009 at 17:10

    只适合在WP使用么!方法倒是不错!!!!

  22. neoear
    November 3rd, 2009 at 20:33

    @小搓板
    有才?不敢当,呵呵

    @菲萨塔
    只在WP平台下测试,其他的不了解

  23. November 5th, 2009 at 13:01

    现在都懒的缩进了~

  24. November 6th, 2009 at 08:39

    我现在已经习惯了不缩进的段落了~~

  25. November 6th, 2009 at 19:33

    这里就是WP的聚焦地呀。

  26. November 6th, 2009 at 21:44

    第二种方法很好。正想努力实现呢

    第三种方法正在用~感觉有点麻烦,还是第二种方法好,一劳永逸。

  27. 吴熠
    November 7th, 2009 at 13:05

    我在写博文的时候,分段这空两个全角空格.

  28. 吴熠
    November 7th, 2009 at 13:09

    就.

    不过用这个就自动化了,呵呵

  29. November 7th, 2009 at 18:00

    最好少用JS,多用CSS

  30. November 8th, 2009 at 15:38

    多用CSS吧,其实也可以做到

  31. November 8th, 2009 at 20:59

    。。。我都没注意过这些细节。。。。

  32. November 8th, 2009 at 21:15

    那个第三种方法,使用空格空格,在google chrome里好像不怎么管用呢?所以为了方便还是使用了第一种方法。各位可以测试一下,呵呵。
    wordpress忠实支持者!

  33. neoear
    November 9th, 2009 at 20:17

    @lj
    我用 Google Chrome 3.0.195.32 测试全角空格,能正常空格。不过发现一个问题:如果在HTML编辑模式下用全角空格,然后切换到可视化编辑模式,再回到HTML编辑模式,会失效。FireFox下均如此。

  34. November 15th, 2009 at 05:25

    我觉得第3种好 呵呵

  35. 开心凡人
    December 23rd, 2009 at 22:29

    圣诞节快来了,好冷啊,呵呵

  36. 浪莎袜子
    October 4th, 2010 at 20:12

    方法很多,只要方便就行

  37. November 16th, 2010 at 16:18

    其实这个用全角的空格挺好的。。。我试了试两种方法,都不算是很完美。不同的主题对应不同的方法,全角最好。

  38. December 12th, 2010 at 20:13

    我还是老老实实用拳脚..

  39. March 3rd, 2011 at 13:57

    弄了半天

  40. March 25th, 2011 at 11:47

    我的css里面没有.post .content

  41. July 6th, 2011 at 11:00

    还是全角空格最方便了 :oops:

  42. July 29th, 2011 at 13:58

    哎 不会改啊

  43. pcc
    October 14th, 2011 at 14:39

    还没有投票,只能留言表示感谢啦!