CoreNext 主题美化:WordPress 文章段落首行缩进 2 字符

我们通常写中文文章时,会对段落首行缩进,但 WordPress 自带编辑器默认不支持这一排版习惯,导致发布后的文章首行顶格,段落界限模糊、阅读体验不佳。好软猫针对 CoreNext 主题进行了优化,通过添加简单 CSS 代码,实现所有文章段落首行自动缩进 2 字符,使排版更符合中文阅读习惯,提升整体可读性。

我们通常的解决方法都是在发布文章时把编辑器切换到“文本”模式,然后再在首行手动键入两个全角的空格来实现的。但是这有两个弊端,一是麻烦,编辑不方便;再一个就是如果日后更换成了首行会自动空两格的主题,就会变成了首先空四个空格。所以,最好的解决方法就是能实现发布文章时自动空两格,我们可以通过修改主题的style.css 样式表文件来实现。但是查看 CoreNext 主题的style.css 样式表没有找到相关代码,为此,我无聊的折腾了一个简单实现的方法,将下面的代码添加到主题目录 functions.php  的最后一个 ?> 前即可实现首行缩进,其它什么都不用调整。

段落首行缩进效果演示

72d0b3d88588158411f1140d44a26698

折腾流程

开始是准备使用添加 CSS 样式来实现,添加了以下代码。

.content-warp p { text-indent: 2em }

确实有效,但是也出现了一些其他问题,如图,短代码前面也缩进了 2 字符,导致还没有不加美观。

8392b9af92b9fab025a8b4141a2d173c

我又重新修改了方式,将下面的代码添加到主题目录 functions.php  ,成功解决了这个问题。

代码内容

更多推荐

CoreNext 主题美化教程合集

恭喜你发现了宝藏导航!>>点此前往<<
本站资源大部分来源于网络,请勿商业运营,仅供学习和研究,请在下载后24小时内删除!!
获取更多优质资源 按Ctrl+D收藏我们
© 版权声明
THE END
请赞助我们续费服务器
点赞10 分享
评论 共4条

请登录后发表评论