WordPress 非官方中文站

前几天，我们曾经给大家介绍了几个 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 非官方中文站[http://wpchina.org/]

本文链接: http://wpchina.org/wordpress-26-tips-part-4-floating-images-within-the-post-286/