如何让WordPress网站文章每段开头缩进2格?

很多WordPress站长发布文章的时候发现每段开头没有空2格,很多网友都不是很习惯这样的阅读,那么如何让WordPress网站文章每段开头缩进2格?

今天就为大家分享一下教程,经过学习研究,问题解决后,才发现方法其实很简单,即使不懂php语言,只要懂一点CSS样式,一样可以自己搞定。具体过程:修改style.css文件,这里需要修改两个地方,来实现首页每篇文章摘要自动控两格和文章页面控两格。

如何让WordPress网站文章每段开头缩进2格?

1、首页摘要控两格。

我的博客主题style.css为例,在style.css中找到 .bb_detail 位置,就是显示文章内容摘要的地方,如下:

.bb_detail{ padding:0px 10px 5px; font-size:14px; text-indent:28px; color:#333; line-height:20px;}

其中,text-indent:28px 就是控制每段开头自动控两格的代码,因为正文的字体大小为14px,所以控两格就设为28px。如果你的主题style.css文件里,没有text-indent:28px,你自己给它在相应的位置添加上就行了。

2、文章页面控两格。

以style.css为例,在style.css中找到 .bb_detail 位置就是文章内容显示的地方的CSS,如下:

.bb_detail{ padding:0px 10px 5px; font-size:14px; text-indent:28px; color:#333; line-height:20px;}

其中,text-indent:28px 就是控制每段开头自动控两格的代码,因为正文的字体大小为14px,所以控两格就设为28px。如果你的主题style.css文件里,没有text-indent:28px,你自己给它在相应的位置添加上就行了。

我这里文章摘要和文章内容页都使用的是同一个CSS标签.bb_detail ,所以设置只需要一步就可的。有的主题这两个地方的标签不同的,就要两步都要。不论你用的是什么主题,修改方法都是一样的,大同小异而已。

小车博客下载必看

给TA打赏
共{{data.count}}人
人已打赏
WP教程

给WordPress网站菜单栏添加无连接菜单项方法

2020-8-27 9:44:55

WP教程

WordPress网站如何实现“最近访客排行榜”功能?

2020-8-27 10:21:04




重要声明

本站资源来自会员发布以及互联网收集,不代表本站立场,如有侵犯你的权益请联系管理员-车车站内发信联系 我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请用户仔细辨认内容的真实性,避免上当受骗!本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。请在下载24小时内删除!


如果遇到付费才可观看的文章,建议升级终身VIP。全站所有资源任意下免费看”。本站资源少部分采用7z压缩,为防止有人压缩软件不支持7z格式,7z解压,建议下载7-zip,zip、rar解压,建议下载WinRAR

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索