{教程}文章首行段落缩进2格或者4格或其他,美观你的文章

图片[1]-{教程}文章首行段落缩进2格或者4格或其他,美观你的文章-月宅酱的博客


用几行简单的代码来美观你的文章,打小学语文写文章写作文,都讲究写前空两格,1个是传统文化,1个是比较美观,那么在WordPress上也不例外,这样做还能增加可观赏性与易读性,月宅全站文章均已实现该功能,接下来讲解如何完成它。


教程

凡是加功能,都会接触到wp主题的functions.php文件,打开它。

随后加入以下代码,其中的text-indent:4em4em为缩进多少个字节,月宅为4格,自我感觉2格不够用。

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

教程二,通过CSS来完成

首先你需要一个浏览器,然后会按F12与右键审查元素。接着打开主题的style.css,搜索这个class样式然后需要基础的CSS知识,你要是没有,那么直接复制黏贴吧。

可见我的主题是没有缩进代码的,所以要加入,4em随便你写,我就是喜欢4.

text-indent : 4em

图片[2]-{教程}文章首行段落缩进2格或者4格或其他,美观你的文章-月宅酱的博客

打开css文件后直接搜索你复制的id名,接着加入进去就OK啦,随便你加在哪,总之是要在这行ID内。图片[3]-{教程}文章首行段落缩进2格或者4格或其他,美观你的文章-月宅酱的博客

完成后:

图片[4]-{教程}文章首行段落缩进2格或者4格或其他,美观你的文章-月宅酱的博客 图片[5]-{教程}文章首行段落缩进2格或者4格或其他,美观你的文章-月宅酱的博客

 

其他说明

加入以后不需要手动缩进,写文章也就这样写,发布之后会自动完成任务,其他历史文章也会自动完成。

23:16补一点

该function函数会导致部分高亮插件失效,变成“515456231231122331231212”之类,另外下面评论500错误是因为有中文字符,现在已经修正了。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 共20条
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片
    • 月宅的头像-月宅酱的博客月宅等级-LV1-月宅酱的博客作者0
    • 月宅的头像-月宅酱的博客月宅等级-LV1-月宅酱的博客作者0