WordPress排版大法

Posted by Sah in Sah写的 | Tagged , , | 1 Comment

原来在MT里写的东西导入到WP之后,发现格式方面有点不和谐。

首先是段间距不一致。

除了前两段间有大概半行的间距以外,其他段之间都没有。

这个问题很明显是WP的“可视化编辑器”自动给第一段加了<p>标签(有时候甚至是<div>),而其他段落却仍然是以<br>分隔,从而导致的。

解决方法首先是要统一各段所用的标签,要么都加<p>,要么都只用<br>;然后就可以在CSS里定义行间距了,例如用line-height属性。

反复试验的过程中,偶然发现WP的一个“潜规则”。就是在HTML模式里(不用“可视化编辑器”),单个的换行符,在显示时会被转换成<br>,而两个连续的换行符,则会被转换成<p>。

而通常<p>标签都会定义段间距。于是我尝试在每段后都加上两个换行符,行间距的问题就这么解决了。

现在我干脆把“可视化编辑器”的功能关掉,只用HTML模式。我觉得这样反倒可靠一些。

另一个问题是段首缩进的问题。

以前用MT,都是在每段前面加上两个全角空格。现在用WP,发现如果用“可视化编辑器”,这个空格会被自动删除。于是就想到给<p>标签定义text-indent属性。我用的是Atahualpa主题,可以在选项页里设置,挺方便的。

一开始设置好之后发现不行:页面上所有<p>标签内的文字都变了,不光是文章正文。

于是去Google搜,得到的解决方法是指定只给post-bodycopy下的<p>定义text-indent属性。方法是在以下位置

Atahualpa Theme Options -> Add HTML/CSS Inserts -> CSS Inserts

填入以下内容

.post-bodycopy p{text-indent:2em;}

(这里的post-bodycopy就是页面正文部分的<div>标签的class。)

欧了,这就是我的WordPress排版大法。两大问题都解决了,我自己感觉还不错。

One Response to WordPress排版大法

  1. erwin_diow says:

    我的主题是tstyle不知道行不行

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>