• wordpress CMS主题:ssmay主题wordpress CMS主题:ssmay主题
  • 首页 > 网站建设 > 怎样让WORDPRESS文章每段开头都缩进2格

    怎样让WORDPRESS文章每段开头都缩进2格

    作者: 分类:网站建设 点击: 4,718 次
    wordpress CMS主题:ssmay主题

      使用WORDPRESS博客的朋友,是不是发布文章里,每段开头都没有空两格?这很不习惯我们的阅读。那么,在发布文章后怎样让WORDPRESS文章每段开头都缩进2格?下面,是我的一些实践和总结。

      最初写博客的时候,我都是采取控格键来进行控制的,或者复制两个控格,再在每段前面粘贴,但这样做相当麻烦,而且有时明明控了两个字的位置,但就是对不齐,以至于影响了整个页面的美观。这个问题让我头疼了很长时间,一直不知道怎么解决。

      百度一下,找了一些教程,经过学习研究,问题解决后,才发现方法其实很简单,即使不懂php语言,只要懂一点CSS样式,一样可以自己搞定。具体过程:修改style.css文件,这里需要修改两个地方,来实现首页每篇文章摘要自动控两格和文章页面控两格。

      1、首页摘要控两格。

      我的博客主题style.css为例,在style.css中找到 .bb_detail 位置,就是显示文章内容摘要的地方,如下:

      .bb_detail{ padding:0px 10px 5px; font-size:14px; text-indent:28px; color:#333; line-height:20px;}

      其中,text-indent:28px 就是控制每段开头自动控两格的代码,因为正文的字体大小为14px,所以控两格就设为28px。如果你的主题style.css文件里,没有text-indent:28px,你自己给它在相应的位置添加上就行了。

      2、文章页面控两格。

      以老徐博客主题style.css为例,在style.css中找到 .bb_detail 位置就是文章内容显示的地方的CSS,如下:

      .bb_detail{ padding:0px 10px 5px; font-size:14px; text-indent:28px; color:#333; line-height:20px;}

      其中,text-indent:28px 就是控制每段开头自动控两格的代码,因为正文的字体大小为14px,所以控两格就设为28px。如果你的主题style.css文件里,没有text-indent:28px,你自己给它在相应的位置添加上就行了。

      我这里文章摘要和文章内容页都使用的是同一个CSS标签.bb_detail ,所以设置只需要一步就可的。有的主题这两个地方的标签不同的,就要两步都要。不论你用的是什么主题,修改方法都是一样的,大同小异而已。

       



      QQ二维码

    文章作者:高时银博客
    本文地址:http://wanlimm.com/7720130914474.html
    版权所有 © 转载时必须以链接形式注明作者和原始出处!

    上一篇:
    下一篇:
    wordpress CMS主题:ssmay主题

    或许你会感兴趣的文章:

    发表评论

    电子邮件地址不会被公开。 必填项已用*标注

    This site uses Akismet to reduce spam. Learn how your comment data is processed.