WordPress 首行缩进方法

Posted by Harid六月 - 7 - 2010 Leave comments

由于Wordpress是国外开发的,所以用Wordpress写文章时很不符合中国人的平时书写习惯。最典型的莫过于段落首行不能缩进,即使写的时候用空格留出适当的位置,但是在提交时,后台还是会把空格的空行都自动去掉,这确实有点狗咬耗子——多管闲事了。

要实现缩进有几种方法:

其一,通过修改主题的style.css文件,在适当的地方添加一句:text-indent : 2em,一般来说,应该将这一句添加在类似于:

p {
margin: 0.7em 0;
text-indent:2em;
line-height:1.8em;
}

的地方,当然也不一定都是这样。像我的就是在:

p.posted{
font-size: 12px;
color: #666666;
font-style: normal;
font-weight: normal;
line-height: 15px;
background-color: #eeeeee;
padding: 5px;
margin-top: 10px;
text-align: right;
text-indent: 2em;
border-top:1px solid #ddd;
/*border-bottom:1px solid #ddd;*/
clear:both;
}

.entry p{
text-align:left;
text-indent:2em;
font-size:12px;
line-height:18px;
}

两个地方都添加才行。具体你可以用谷歌浏览器的审查元素功能看你的文章正文所用到的控制标签是什么,然后在主题style.css里搜索相关的会签,一般是 p 标签,加上上面那一句就行了。如果实在不行或者不会,可以在下面留言我尽我所能帮你分析。

另外一种比较好的方法是修改Wordpress模板的文件而不是和主题相关联。具体实现是通过在后台的写文章的HTML模式中添加一个Tag,通过插入代码来实现,修改的文件是:wp-includes/js/quicktags.js,如此就可以在需要的地方来缩进了,而且不会因为更换主题而失效。

在上面的文件后面追加如下代码:

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

添加后效果如图:

写文章时,先切换到HTML模式,然后点击一下“Para2em”Tag,然后再切换到可视化模式下,鼠标单击文本框,使其获得焦点,就会发现光标缩进了2 个字的宽度,这以后,换段时也会自动缩进了!

   声明:本文采用 BY-NC-SA 协议进行授权 | 星期九
   原创文章转载请注明:转自《WordPress 首行缩进方法

  1. 即使阅读的乐趣。谢谢。你的博客是什么不好的优化,不参加。我们建议使用宣传他的软件系统XRumer 7精英(精英Hrumer 7)可于 http://x-rumer.ru/ 认为,一个聪明的广告博客门户程序。

  2. Pingback: wordpress首行缩进两个字的方法 » 晓潘博客 WordPress Unknow Os

  3.   最简单的办法:在可视状态下编辑好,完全完成后,别急着发表。点击html编辑,在这里把自己文章中所有需要首行缩进的地方都加上两个全角空格。注意:每个需要首行缩进的地方都要加,加完后什么都别做,直接点击发表。这样,就可以实现首行缩进的效果了。不好的是,对于发表后的东西,最好别再进去编辑了。否则,这个首行缩进的效果就会消失了。除非,在再编辑结束后,再重复一下刚才说的发表文章前的最后一步。

      这个方法试用于细心的人。

    • @ixwebhosting中文, 不行?我查看了你的style.css,在你主题的style.css的第360行左右,有一句” #content p, .postContent p“,往下面添加一句:” text-indent:2em;“,应该可以的。

  4. 害我修改了几次都不对,还是在网上找到正确的代码


分享按钮