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"。

优点:可控性强,想哪段首行缩进就定义哪个
缺点:①操作繁琐。如果段落很多的话,需要重复动作
②强制性空行。后台段落之间并没有空行,但前台会显示空行
③如果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>标签,段落极其混乱,并在首段中自作聪明地缩进。
3、全角空格实现缩进
把输入法切换到全角模式,在需要缩进的段首按两下空格键

优点:①操作简单,不用修改任何文件就实现
②该缩进空行的地方就缩进空行,不该缩进空行的地方就不缩进空行,前后台显示效果完全一致,一目了然
缺点:如果在HTML编辑模式下用全角空格,然后切换到可视化编辑模式,再回到HTML编辑模式,会失效。FireFox和Google Chrome下均如此。(此问题是在测试网友 lj 反映的问题中发现的)
说了这么多,本文没采用缩进,为什么?懒,如此而已。
-----------------
参考资料:
[1]WordPress中段落< P >标签首行缩进
[2]给WordPress编辑器添加首行缩进标签
[3]WordPress编辑实现段落首行空格缩进




PR更新了~~呵呵
我用全角空格,方便~
这个功能很实用,我就是用默认的
不用后台写,用不到这些功能
第一种方法是最灵活的
不错,有一种喜欢的就好了
其实首行缩进对于很多博客不适合,我觉得比较适合写心情、生活类的博客
@老饕
可惜刚开博,没赶上,继续0
@万戈
的确如此
@先看看
默认的?
@Louis Han
习惯不同,有人喜欢后台写,有人喜欢离线写
@bolo
第三种也很灵活
@网名
你喜欢哪一种呢?
@zwwooooo
看个人喜好吧
我经常就是空格空格,ok了。
方法挺灵活的
我比较喜欢用CSS去修改~
貌似我没有缩进的习惯。。
折腾的不错
不错不错啊 呵呵~
学习学习。
以前我是整段缩进
现在干脆不缩进了- -
第一次来贵博,留个脚印先,怕等下迷路了不知道回家。博主,文章很实用,值得常来。
缩进 学习了~
我的就不需要缩进了。
发现现在的博主都忒有才。
能搞成这样也都不容易啊
只适合在WP使用么!方法倒是不错!!!!
@小搓板
有才?不敢当,呵呵
@菲萨塔
只在WP平台下测试,其他的不了解
现在都懒的缩进了~
我现在已经习惯了不缩进的段落了~~
这里就是WP的聚焦地呀。
第二种方法很好。正想努力实现呢
第三种方法正在用~感觉有点麻烦,还是第二种方法好,一劳永逸。
我在写博文的时候,分段这空两个全角空格.
就.
不过用这个就自动化了,呵呵
最好少用JS,多用CSS
多用CSS吧,其实也可以做到
。。。我都没注意过这些细节。。。。
那个第三种方法,使用空格空格,在google chrome里好像不怎么管用呢?所以为了方便还是使用了第一种方法。各位可以测试一下,呵呵。
wordpress忠实支持者!
@lj
我用 Google Chrome 3.0.195.32 测试全角空格,能正常空格。不过发现一个问题:如果在HTML编辑模式下用全角空格,然后切换到可视化编辑模式,再回到HTML编辑模式,会失效。FireFox下均如此。
我觉得第3种好 呵呵
圣诞节快来了,好冷啊,呵呵
方法很多,只要方便就行
其实这个用全角的空格挺好的。。。我试了试两种方法,都不算是很完美。不同的主题对应不同的方法,全角最好。
我还是老老实实用拳脚..
弄了半天
我的css里面没有.post .content
还是全角空格最方便了
哎 不会改啊
还没有投票,只能留言表示感谢啦!