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:

  • 相关阅读:
    USACO Sabotage
    USACO Telephone Lines
    NOIP 2012 借教室
    洛谷 P1902 刺杀大使
    VIJOS-P1450 包裹快递
    JDOJ 1770 埃及分数
    USACO Monthly Expense
    7.modifier插件的自定义和使用
    6.function自定义插件的方法和使用
    5.Smart使用内置函数或者自定义函数
  • 原文地址:https://www.cnblogs.com/shenjieblog/p/5061386.html
Copyright © 2011-2022 走看看