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>标签空格效果

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

3、全角空格实现缩进

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

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

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

还没有评论,快来抢沙发!

发表评论

  • 😉
  • 😐
  • 😡
  • 😈
  • 🙂
  • 😯
  • 🙁
  • 🙄
  • 😛
  • 😳
  • 😮
  • emoji-mrgree
  • 😆
  • 💡
  • 😀
  • 👿
  • 😥
  • 😎
  • ➡
  • 😕
  • ❓
  • ❗
  • 71 queries in 0.371 seconds