最新消息:

wordpress主题引用内容禁止缩进的方法

CSS 大步 1789浏览 0评论

最近,在博客写文章,会用到wordpress的引用文章的功能,但是引用文章的第一行会自动缩进。这个直接导致引用文章上下行不能对齐,印象美观。所以,要想法子禁用引用的自动缩进。以下就是wordpress主题引用内容禁止缩进的方法:

wordpres相关文章:

wordpress里的反斜杠不显示的解决办法(附转义字符)

让wordpress侧边栏最新评论小工具不显示自己的评论

修改Weisay Simple主题的最新显示评论的数量

自定义WordPress RSS订阅输出(转)

在上传时发生错误。请稍后再试“的解决办法

linux(vps) wordpress一键重新安装脚本

syntax highlighter compress汉化版下载(wordpress语法高亮插件)

这个就牵扯到css,用firebug查看元素,发现是由 .context p 这个控制的,边修改边查看网页排版的变化,发现,对于我这个weisay theme 而言,修改的不一样。比如,我是用的红色模板,到wordpress主题文件夹中的css文件夹中找到t-red.ss , 用文本编辑器打开,查找 .context p ,看到有一行如下:

.context p{padding:5px 0px;margin:0;line-height:22px;text-indent:3em;}

其中的 text-indent : 3em 属性,就表示段落开始缩进 3 em 单位。将 3em 改为 0em ,或者直接删除 text-indent : 3em 也可以。然后保存,在查看就没有引用文章那个缩进了。

 

====================================================================

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

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;

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

====================================================================完!

转载请注明:大步's Blog » wordpress主题引用内容禁止缩进的方法

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (2)

  1. 这个可以加在Typecho上,是CSS的. 回来转载到我博客,会给你留链接的。
    西秦公子3年前 (2014-03-23)Reply
  2. 都css属性。随你转
    大步3年前 (2014-03-23)Reply
SiteMap