WordPress到底是老外创造的,所以它保持着很多老外特有的习惯,虽然每一版Wordpress都有中文版,但有些中文该有的习惯还是没能很好的兼容起来。也许很多人还不知道,老外写文章习惯上是没有首行缩进的,这一点在纽约时报官网可以得到验证,然而就中文的写作习惯来讲,首行缩进已经成为了一种规范,这一点在京华时报官网可以得到验证。追随了老外这一习惯,Wordpress默认是没有首行缩进的,即便我们加N多的空格手工缩进,文章保存以后还是会功亏一篑,Wordpress自动帮我们把段首的空格去掉了,真是帮了个倒忙呀。这样的文章在我们看来多少有些不习惯。那么有没有办法实现Wordpress文章段落首行缩进呢?答案是肯定的,而且还很简单,那就接着往下看吧。
实现段落首行缩进的插件很多,不过我强烈不建议大家使用插件,因为过多的使用插件造成对系统资源的浪费,也许会导致网页加载缓慢,影响网友的访问体验。我采用的办法是CSS,一般情况下,只要是在Wordpress自带的编辑器上采用可视模式写出的文章,每一段都会在生成网页的时候内嵌到“<p></p>”标签中去,这样我们就可以使用CSS的text-indent属性为每个“<p></p>”标签缩进一定大小,即为文章的每一段缩进。如果在Wordpress编辑器的HTML模式下写文章,请务必切换到可视模式下人为的在每段结尾回车一下,这样方能确保最后生成的网页中每一段都内嵌在一个独立的“<p></p>”标签中,CSS的text-indent属性方能生效。
啰嗦了这么多,开始动手吧。
首先,我们需要知道您使用的Wordpress当前主题中文章正文调用的是style.css文件中的哪个类。在Wordpress的“/wp-content/themes/”目录找到您当前正在使用的主题文件夹并进入,找到single.php文件。或者登陆到Wordpress后台的控制板,选择“外观–>编辑”,在右侧的模版中找到single.php。打开single.php,搜索“the_content”,观察“the_content”所在的“<div></div>”标签使用的是哪个类(class),比如我的是“<div class=”entry”>。。。</div>”,则表示“<div></div>”标签使用的entry类。
然后,我们需要找到刚刚那个类(比我的是entry)的定义位置。在上一步的主题文件夹或者Wordpress控制面板的“外观–>编辑”找到style.css,在style.css中搜索上一步找到类的名字加点号,比如我找到的是entry,那么就搜索“.entry”(注意entry前面有个点哈)。在紧跟类名的大括号内加上如下语句。
text-indent:2em;
最后,保存文件上传到服务器,或者在Wordpress控制面板的“外观–>编辑”栏内改好点击“更新文件”即可。随便打开一篇文章,看看是不是已经首行缩进了?上条语句内的2表示缩进两个字符,您可以根据自己的需求随意改啦。
除非注明,文章均为CppLive 编程在线原创,转载请注明出处,谢谢。
毛豆有空的时候试下啦
恩恩,这个很有必有的~