现在的位置: 首页 > WordPress教程 > 正文

WordPress自动开头空两格及Code、引用内容取消空格实现方法

2013年09月11日 WordPress教程 ⁄ 共 722字 评论数 1 ⁄ 阅读 5,693 次

WordPress本身并未按国人习惯自动在每段开头自动空两格,按照习惯,我们又需要在每段开头空两格,该如何实现?

最简单的方法就是在每段开头上敲空格,但这种方法难免过于繁琐。于是,我们可以采用CSS进行控制,让每段内容开头自动添加两个空格。

该过程是通过修改所用主题代码的方法来实现的,不需要修改WordPress源代码,而且可以直接在后台控制面板实现,无需登录服务器!

登录博客管理后台,进行“外观”-“编辑”,在右侧有一列可以选择的模板文件,找到样式表style.css。点击该文件,在合适的位置添加代码:

text-indent:2em;

对于知更鸟博客,主题已经实现了段首自动空两格,如想取消该功能,可以style.css文件中删除如下代码:

.entry p {
text-indent:2em;
}

以上内容可以实现段首自动空两格,然而,有时针对特殊内容,比如文章中添加的代码Code或是引用内容中,不想出现自动空两格的情况,如何实现?

专门针对Code代码和b-quote引用取消开头空两格需要我们专门针对这两处内容做定义,这两处在主题内的控制文件是css.css。需要我们登录服务器,找到该文件,查找代码code,在该代码下添加代码“text-indent:0em;”,同样,针对blockquote引用,我们需要查找代码blockquote,在该代码下添加代码“text-indent:0em;”。具体如下:

.entry code {
text-indent:0em;
width: 660px;

.entry blockquote {
text-indent:0em;
width: 660px;

这样,我们就实现了让文章内容自动空两格,而代码、引用处去除自动空两格功能。

» 声明:本站文章源于个人经验总结或书籍、互联网转载,内容仅用于个人学习,请勿转载,否则后果自负!

目前有 1 条留言 其中:访客:0 条, 博主:0 条 引用: 1

    给我留言

    留言无头像?