Npcink Blog
切换菜单

怎么让首行缩进两字符？ - WordPress 教程

实现图文混排文章首行缩进两字符，对图片无影响

最后更新于
本页目录1 节

实现图文混排文章首行缩进两字符，对图片无影响。

以下代码均为 2021 主题用，可能需要自行适配主题。

首行缩进

.entry-content p{/*段落*/
 text-indent: 2em;/*首行缩进*/
}

让图片 div 块化，避免继承段落缩进

.entry-content img{
  display: block;/*div块化，避免首行缩进影响*/
}

PHP 实现

在主题根目录下的 functions.php 文件中的<?php 下添加以下代码并保存。

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