wordpress首行缩进修改方法

WordPress可以说是当前最流行的博客平台,功能强大而且有着大量的插件和主题,但在几乎所有主题中都没有考虑中文首行缩进的问题。看着不能首行缩进的段落文章,纠结,该怎么办呢?其实最简单的办法是修改style.css文件(一条CSS让wordpress段落首行缩进两字符),但由于主题设置不同这条css语句并不能通用,那么如何对它进行修改呢?

  1. 原理:在style.css添加代码:text-indent:2em;

    代码中2em的2就是2个字符的意思,如有需要可以自由更改

    关键问题:在何处添加

  2. 通过浏览器分析找到找到在style.css的哪里添加上面代码,即确定文章部分的class名

    打开浏览器,打开文章页面 右键 查看网页源代码 如下图举例,查找到<div class=”single_content”>

    修改style.css解决WordPress首行缩进问题
  3. 编辑style.css文件,操作如下:

    登录wordpress后台 进入后台的“外观”–> “编辑”

    找到主题编辑页面右边的 样式表style.css 点击

    通过“ctrl+F”查找single_content

    看到

    .single_content p{

    margin-top:10px;

    }

    .single_content{

    margin-top : 30px;margin-left:5px;font-size:16px;line-height : 30px;

    }

    修改style.css解决WordPress首行缩进问题
    修改style.css解决WordPress首行缩进问题
  4. .single_content p{

    margin-top:10px;

    }

    中添加代码text-indent:2em;

    变成这样

    .single_content p{

    margin-top:10px;

    text-indent:2em;

    }

    改好后 点击 更新文件,刷新文章页,可以看到我们喜欢的首行缩进回来了

    修改style.css解决WordPress首行缩进问题
    修改style.css解决WordPress首行缩进问题
  5. 5通过网页源代码查找到的class名为single_content,但我们添加代码的位置是single_content p 这点要十分十分注意

转载请注明出处:365网摘wordpress首行缩进修改方法

评论 0

评论前必须登录!

登陆 注册