WordPress的三种首行缩进方法

我们中国人写东西都有段首空两个汉字(俗称“低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>标签空格效果” width=”560″ height=”110″ /></p>
<p><strong>优点:</strong>可控性强,如果每个段落都加上<P>标签,显示效果不错<br />
<strong>缺点:</strong>①操作繁琐。段落很多的话,需要重复动作<br />
   ②强制性空行。后台段落之间并没有空行,但前台会显示空行<br />
   ③如果没给各个段落加上<p>标签,段落极其混乱,并在首段中自作聪明地缩进。</p>
<h4>3、全角空格实现缩进</h4>
<p>把输入法切换到全角模式,在需要缩进的段首按两下空格键<br />
<img class=

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

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

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

63 Comments

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

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

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

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

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

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

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

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

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

  9. @Near
    现在才看到,抱歉。那是因为你键盘的空格键坏了。。。开个玩笑,呵呵。
    去了你的博客看一下,表面来看空格还挺正常的,但确实不是全角空格。你留下的信息不多,我只能从两个方面来猜测:1,是不是在后台的HTML编缉模式下写文章,只有在HTML模式下全角空格才有用。2,确认下输入法是否真正进入全角模式。

  10. @ericshw
    目前还没什么好办法,CSS是全局缩进,文字图片都缩进,算是个比较傻瓜的操作。我自己用的是全角空格缩进,可控性更强。

发表评论

①对话的目的是寻求真理,不是为了斗争。②不做人身攻击。③保持主题。④辩论时要用证据。⑤不要坚持错误不改。⑥分清对话与只准自己讲话的区别。⑦对话要有记录。⑧尽量理解对方。——哈维尔《对话守则》