WordPress默认主题Twenty Ten的blockquote引用样式修改

WordPress默认主题Twenty Ten的默认blockquote引用样式为“斜体+缩进”,在排版上不太醒目。如图:

image

通过修改主题样式,可以使排版更加醒目、清晰。如图:

image

修改主题的Style.css:

查找“blockquote”,找到下面的代码:

blockquote {

font-style: italic;

padding: 0 3em;

}

这段代码有两个作用:一个句定义了斜体,一句定义了偏移的位置。我们在这段代码的前后通过注释符将代码注释掉:

/*

blockquote {

font-style: italic;

padding: 0 3em;

}

*/

在css文件末尾加入下面的代码:

blockquote {

background:#f9f9f9;

border-left:10px solid #ccc;

margin:1.5em 10px;

padding:.5em 10px;

width: 90%;

font: 微软雅黑, Georgia;

color: #888;

}

blockquote p {

display:inline;

}

其中,width宽度、font字体等处可根据实际情况修改。改完保存即可。如果需要恢复原状,只需要去掉最后一段代码,再把前面的注释符号去掉就可以。


20120211


20120529:经土木坛子兄提醒,如将上述代码最后三行去除,引用段落内可以完成换行。

OttoKang wechat
发表是最好的记忆,专注于内容