WordPress 2.6 小技巧之4:让图片在博客中正常显示

分享本文:
请为本文打分

前几天,我们曾经给大家介绍了几个 WordPress 2.6 的使用技巧,包括如何在 Win 主机下使用永久链接,如何关闭文章版本管理,如何修复 Cannot modify header information 的 bug 等。今天我们来继续给大家讲解一个 WordPress 2.6 的小技巧,让博客中插入的图片在文章中正常显示

很多网友可能都注意到了,从 WordPress 2.5 到 WordPress 2.6,WordPress 自带的编辑器又有了些许改进。其中主要的一个变化,就是可以给图片增加 alt 域和 caption 域。其中 alt 域中可以填写图片的简单介绍,告诉搜索引擎该图片的信息;caption 则是告诉读者关于图片的描述。

除此之外,WordPress 还允许你插入图片的时候,设置图片的对齐方式。对齐方式包括“居左”,“居中”,“居右”等几种。当你选择了相应的对齐方式,插入图片到文章的时候,图片就会按照你所指定的设置,出现在文章中的相应位置。

在 WordPress 后台的编辑文章区域,看起来一切正常;但是一旦发布,就会发现在博客中,图片并没有完全按照原来所制定的方案进行显示。道理很简单,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 博客中正常显示了。

请为本文打分
分享本文:


评论: WordPress 2.6 小技巧之4:让图片在博客中正常显示

发表一下评论

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

Menu Title