对于WordPress网站,在文章中插入图片的时候,可以设置图片的对齐方式(即alignment属性。左对齐,右对齐或者是居中对齐)。比如挨踢八卦每篇八卦都有一个和八卦主题相关的网站logo,统一使用右对齐。

可是很早前我就发现,在挨踢八卦订阅源中,这些图片却丢失了右对齐的定位设置。朋友的博客也会有这样图片定位丢失在RSS Feed中的问题。让博客的RSS看起来很乱。找了很久的解决方法,今天终于找到了。

从WordPress官方网站上得到的解释是,WordPress2.6以前,在文章中插入图片设置对齐属性后,会在图片标签<img>中加入style="float: right;"这样的标签,使得图片达到右对齐的效果(其他效果将right对应更换即可,以下代码都用右对齐来举例)。这一标签在RSS中展现的也非常好。不会出现丢失问题。

WordPress2.6之后,WordPress的开发人员们丢弃了这种标签,因为这一标签不符合新的Web标准。可是新对齐标签class="alignright"并不能在RSS中正常表现。这样就出现了图片定位丢失的问题。

解决方法有两个:

方法一:在插入图片的时候手动在<img>标签中加入style="float:right;"代码。甭管它什么web标准,只要显示正常就行。就像CSS高手嘲笑在网页中用Table的人一样,你嘲笑归你嘲笑,只要浏览器支持,我照用不误。笑吧。

可是这种方法难免有些麻烦,每次发表文章都要去代码视图里修改,多难受。好在还有第二种方法。

方法二:有插件高手(也就是我昨天介绍的插件下载量排名第37位的人,)专门对此开发了一款插件:Align RSS Images。其基本原理就是给Feed加上CSS代码。它会自动搜索Feed源中关于图片的对齐和边缘设置,然后给图片标签加上对应的CSS代码,以使得文章中图片的定位设置和原始文章中的一致。

它只在文章的Feed形成的时候修改Feed,不会对原始文章产生任何影响。使用也非常简单,只要上传和激活即可,不需要任何设置。以下是我的上一篇文章的FEED在使用插件前后,WordPress的logo显示对比。需要注意的是,在启用该插件以后,并不能马上在RSS中体现出来更改,需要新发表一篇文章,让RSS重新生成一次,才会生效。 

虽然在RSS Feed中添加CSS代码并不完全符合标准。可是通过我的实验,这种方式修改后的Feed可以很好地在Google Reader、抓虾、鲜果等订阅器中正常显示。而且用W3C RSS 验证显示使用插件后的Feed完全正常。

下载地址:Align RSS Images.zip (下载地址为开发者W-Shadow.com所有)

注意:此插件只适合基于WordPress2.6以上的网站.

这里相关的八卦不止此文哈....