zoukankan      html  css  js  c++  java
  • WordPress文章首行缩进

    WordPress后台编辑文章的时候会自动删除多余的空格,也就是说,你在后台编辑文章的时候添加的一些空格和换行在前台都是看不见的,都是被WordPress忽略了的,今天就讲讲怎么给所有文章添加首行缩进:
    方法一:
    网上的代码,我没有试过。
    在functions.php中添加下面的代码:

    1
    2
    3
    4
    5
    //WordPress 文章首行缩进
    function Bing_paragraph_indentation( $content ){
        return str_replace( '<p', '<p style="text-indent:2em;"', $content );
    }
    add_filter( 'the_content', 'Bing_paragraph_indentation' );

    方法二:
    因为不同的主题可能class和id不一样,所以我就没有使用网上的代码而是自己添加,首先按F12审查元素,然后定位到文章中的某一段文字。

    比如这里我的首行对应的那个class就是entry p那么我就在style.css中添加了下面的代码:

    1
    2
    3
    4
    /*文章首行缩进*/
    .entry p { 
        text-indent:2em; /*这里就是设置首行缩进的距离,这个大小可以自行调整*/
    }

    保存一下就成功了。 :mrgreen:

  • 相关阅读:
    DataFrame转矩阵Np-Array
    十月15
    十月14
    十月14
    十月12
    十月10
    2016-02-22 有无网络 2
    2016-02-22 有无网络的提示 1 h m
    2016-02-20 web view
    20160220 下拉刷新 上拉加载
  • 原文地址:https://www.cnblogs.com/shenjieblog/p/5061386.html
Copyright © 2011-2022 走看看