zoukankan      html  css  js  c++  java
  • 板邓:wordpress编辑器发布文章自动首行缩进

    我们通常写文章时,段落首行都会空两格,可是WordPress自带的编辑器却没有考虑到这一点,导致发布的文章首行都是顶格的,看起来很不习惯。

    我们通常的解决方法都是在发布文章时把编辑器切换到“文本”模式,然后再在首行手动键入两个全角的空格来实现的。但是这有两个弊端,一是麻烦,编辑不方便;再一个就是如果日后更换成了首行会自动空两格的主题,就会变成了首先空四个空格。

    所以,最好的解决方法就是能实现发布文章时自动空两格,我们可以通过修改主题的style.css样式表文件来实现。方法如下:

    以“三好网志”正在使用的经典的iNove主题为例。编辑style.css,找到:

    1
    2
    3
    
    .post .content p {
    	margin-bottom:10px;
    }

    然后在其中加入:

    1
    
    text-indent:2em;

    这样再发布文章时,段落首行就会自动缩进两个空格了。

    如果你使用的是其他主题,可以在style.css中找到类似 .***** p { 这样的控制文章正文换行样式的代码,加入以上代码即可。

     

    如果一个新手想要添加首行缩进,而又不会 CSS 什么的,那么就无法实现,为此,我无聊的折腾了一个简单实现的方法,将下面的代码添加到主题目录 functions.php 的最后一个 ?> 前即可实现首行缩进,其它什么都不用调整。

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

    来自:http://www.wpdaxue.com/p-text-indent.html

    板邓个人博客:http://8dseo.com
  • 相关阅读:
    python解析网页
    node.js 爬虫
    c++ split实现
    foldl foldr
    爬虫http header gzip
    命令[10]
    命令[08]
    命令[15]
    命令[13]
    命令[11]
  • 原文地址:https://www.cnblogs.com/xbdeng/p/5694703.html
Copyright © 2011-2022 走看看