不知道为什么,大多数的WordPress博客主题作者制作主题的时候,都没有把正文内容段落的首行缩进两格,这并不需要多大的功夫。段落首行缩进两格,可以让文章整体看起来更加条理,读者阅读得更加轻松,这便是网站高手们常说的用户体验了。实现正文段落首行缩进的方法很简单,博客吧为需要的朋友介绍下。
首行缩进方法介绍:
主要是通过CSS代码为WordPress博客正文段落添加首行缩进的样式。这里需要注意的是,每个WordPress博客主题作者使用的CSS样式类名都不一样,但是方法是一样的,这里以博客吧当前主题为例进行讲解说明。
实现的方法步骤:
1 2 | <div class="post"> <?php the_content(('<div class="more"><strong>Read More...</strong></div>'));?> |
其中的post使用是类名
1 | #content .post p { color:#666; margin-bottom:7px; text-indent:2em;} |
如果没有派生选择器p,可以为其添加一个,代码如下:
1 | #content .post p {text-indent:2em;} |
提醒:其实这是很简单的CSS知识,建议不会的博主们学习一下基础的CSS知识。