wordpress主题中文章段首缩进问题。

在国内,我们的排版习惯是在每的段落首行的开头,自动缩进两个2格。可不知道为什么,大多数的WordPress博客主题作者制作主题的时候,都没有把正文内容段落的首行缩进两格,笔者的也是这种情况,但是这并不需要多大的功夫。段落首行缩进两格,可以让文章整体看起来更加条理,读者阅读得更加轻松,这便是网站高手们常说的用户体验了。实现正文段落首行缩进功能的方法很简单,笔者根据自己的修改过程总结了一些小经验,在这里分享给大家!

首行缩进方法介绍:
主要是通过CSS代码为WordPress博客正文段落添加首行缩进的样式。这里需要注意的是,每个WordPress博客主题作者使用的CSS样式类名都不一样,但是方法是一样的,都是给段落的标记P进行2em的缩进,就是p{text-indent:2em;}。为了给大家做一个都适合的方法,我会具体教大家如果查找修改,可能需要您有一点CSS知识,不过也是即学即用的。

实现的方法步骤:
先打开您一个文章页面,右键查看源代码,找到到您文章内容的第一个字,找到最近的第一个未闭合的<div 标记(即第一个没有</div>结尾的标记),记下它的ID号或者Class号。个人推荐使用谷歌浏览器的审查元素的功能,你可以即时查看目前源代码所修饰的相应文本(相应部分会高亮显示),你还可以在右边即时修改代码,并看到相应的效果,并且还可以找到不能另存为的背景图片哦!

登陆自己的WordPress博客,点击“外观”选项卡下的“编辑”选项进入主题编辑界面(可以把需要修改的主题文件下载到本地进行修改)
选择style.css文件进行编辑,在样式文件中找到正文内容的CSS样式,找到该样式的派生选择器p,在派生选择器p中添加首行缩进代码text-indent:2em;,如果已经对p进行了定义,那只要在}前加text-indent:2em; 。完整的代码如下:
比如 #content .post p { color:#666; margin-bottom:7px; text-indent:2em;}
如果没有派生选择器p,可以为其添加一个,代码如下:
#content .post p {text-indent:2em;}
提交更新文件,刷新页面,WordPress博客正文内容段落实现首行缩进了。
提醒:其实这是很简单的CSS知识,建议不会的博主们学习一下基础的CSS知识。还可以学些简单的HTML知识,这些知识对自己运营网站,修改风格什么的都是很有用处的。

除非注明,饮水思源博客文章均为原创,转载请以链接形式标明本文地址

本文地址: http://www.alonemonkey.com/text-indent.html

本文链接:http://www.alonemonkey.com/text-indent.html

Posted in