WordPress 首行缩进方法

Posted by Harid2010 - Jun - 07 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 首行缩进方法

Comments(14) Leave comments
  1. Gravatar
    XRumer Internet Explorer Internet Explorer 6.0 Windows Windows XP
    八月 31st, 2011 at 05:25  | #1

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

  2. Gravatar
    Charlie Google Chrome Google Chrome 10.0.648.204 Linux Linux
    四月 11th, 2011 at 17:22  | #2

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

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

  3. Gravatar
    Junan Internet Explorer Internet Explorer 8.0 Windows Windows XP
    一月 3rd, 2011 at 17:31  | #3

    🙁 求助~~~为啥我的不行~~ 😳

  4. Gravatar
    ixwebhosting中文 Maxthon Maxthon 3.0 Windows Windows XP
    十二月 15th, 2010 at 12:56  | #4

    不行啊!!!! ❓

    • Gravatar Harid  @  十二月 15th, 2010 at 13:02 replied.

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

  5. Gravatar
    小黄 Google Chrome Google Chrome 6.0.472.62 Windows Windows XP
    十月 8th, 2010 at 19:58  | #5

    我以前在CSS里直接改.. 评论也跟着缩进了~

    • Gravatar Harid  @  十月 8th, 2010 at 20:01 replied.

      @小黄, 评论缩进倒也不坏,我现在是用文中所说的第二种方法,通过在后台添加Tag,用着倒也还凑合。那你现在呢?

      • Gravatar 小黄  @  十月 8th, 2010 at 20:06 replied.  | #6

        @Harid, 什么也没用。。跟我有那想法的时候再说

        • Gravatar Harid  @  十月 8th, 2010 at 20:18 replied.

          @小黄, 你确实没有缩进,有时间的时候还是弄一下吧

  6. Gravatar
    笨瓜 Google Chrome Google Chrome 6.0.472.0 Windows Windows XP
    七月 29th, 2010 at 17:38  | #7

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

    • Gravatar Harid  @  八月 6th, 2010 at 19:16 replied.  | #8

      @笨瓜, 不好意思,代码忘了用转义了,结果给执行了!现在好了!

  7. Gravatar
    笨瓜 Google Chrome Google Chrome 6.0.472.0 Windows Windows XP
    七月 29th, 2010 at 17:07  | #9

    试试

    • Gravatar 笨瓜  @  七月 29th, 2010 at 17:36 replied.  | #10

      霸王,你第二种方法貌似代码有点问题吧??

24 + 18 =  (required)
comment_ad

 NOTICE1: You should type some Chinese word (like “你好”) in your comment to pass the spam-check, thanks for your patience!

 NOTICE2: 请申请gravatar头像(http://en.gravatar.com),木有头像的会显示为“小怪物”头像,将难以通过审核!

分享按钮