欢迎光临! 如果您对网站有任何建议或意见请移步至页面“关于本站”留言或i联系:猎户项圈。(背景音乐开关在首页最下方)

解决图片在博客中显示不正常的方法

网站相关 猎户项圈 4392℃ 已收录 3评论

这个主题是在是喜欢,但是一直在纠结这个问题:在 WordPress 后台的编辑文章区域,看起来一切正常;但是一旦发布,就会发现在博客中,图片并没有完全按照原来所制定的方案进行显示。

其实解决起来老简单了(以至于想死的心都有了)。下面的内容摘自WordPress 2.6 小技巧之4:让图片在博客中正常显示

WordPress 系统在你编辑文章的时候,给这些图片添加了 alignleft, alignright, aligncentered 等 class 参数,分别实现居左,居右,居中。WordPress 对编辑区域的显示设置了相应的参数;但是大部分主题的样式表里,可能并没有此 class 的显示设置;或者有,但并不完全一样。因此,如果你希望能在你的博客中显示的图片和编辑区域显示一致的话,需要你在所使用的主题的样式表文件中添加如下代码。注意,一般是指在 /wp-content/thems/xxx/style.css 文件,xxx 代表你的主题所在目录。

img.alignleft, div.alignleft {
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright {
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncentered, div.aligncentered {
text−align:center;
margin:0 auto;
}

这样,图片就能够在你的 WordPress 博客中正常显示了。

我用的倒不是上面的代码,是从twentyeleven里截的一段(放置的具体位置是自己是出来的,咱是码盲一只。。。):

/* Alignment */
.alignleft {
display: inline;
float: left;
margin−right: 1.625em;
}
.alignright {
display: inline;
float: right;
margin−left: 1.625em;
}
.aligncenter {
clear: both;
display: block;
margin−left: auto;
margin−right: auto;
}

PS:其实回复里也有这个问题,现在暂时用“评论啦”解决的。。。不满意,以后再说吧。

喜欢 (0)or分享 (0)
发表我的评论
取消评论

表情 代码 贴图 加粗 链接 私信 删除线 签到

Hi,请填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(3)条精彩评论。
  1. 这个比以前的主题好看,简单优雅
    reverland2012-07-04 23:23 回复| Firefox 12.0| Linux
加载中……