WordPress 在 Feed 中实现图文混排

发布于：电脑网络 756 次践踏

可以看到本文中有两个胡一刀同学设计的 WPG LOGO，一黑一白，但是本文并不是介绍 WPG 的软文，只是拿这两张图作为本文例证的示范图。

如果你是从 Google Reader 或者其他一些 Feed 订阅中阅读本文的话，可以看到，白底黑字的 WPG LOGO 仅仅是左对齐，而黑底白字的 WPG LOGO 也是左对齐而且实现了图文混排，也就是我们常说的图片环绕效果。这时，你可以点此查看本文的原址，就会发现其实这两个 WPG LOGO 都是图文混排效果的。那为什么白底黑字的 WPG LOGO 在 Feed 中就没有了图片环绕呢？
还是先看看这两个 LOGO 的 HTML 吧，或许不需要我解释聪明你的就会明白其中的原因了：

白底黑字的 WPG LOGO：

<img class="alignleft" src="http://白底黑字的 WPG LOGO" />

黑底白字的 WPG LOGO：

<img style="float:left" src="http://黑底白字的 WPG LOGO" />

看出区别了吧，没错，区别就在于样式上，白底黑字的 WPG LOGO 用的是外联样式，而黑底白字的 WPG LOGO 用的是内联样式。仔细想想就会明白了，日志被 Feed 输出后，当然找不到外联的样式啦，只认得内联的样式。

同理可得，要想在 WordPress 的 Feed 输出样式，那就必须用内联的 CSS 样式！

  2. 好文+^0^+
    能不能让我的博客也实现下面2个效果
    比如：
    --------文章上边的------------------
    标签： CSS , feed , WordPress , WPG , 图片 | 作者： 万戈 | 点击量1751次
    ↓ 跳至评论
    ---------文章下边的-----------------

    　» 转载请注明来源：Life Studio » 《Wordpress 在 Feed 中实现图文混排》
    　» 本文链接地址：http://www.life-studio.cn/integrating-text-and-graphics-in-wordpress-feed.html
    　» 订阅本站：http://feed.life-studio.cn

    感激不尽

    • 说到开发主题，我惭愧啊，只会折腾一些代码，可是主题需要皮肤，我不会PS，也不会切割图片，所以只有在功能上强化主题，自己开发～还是算了

  18. 图文并排，要比单纯的二者分开整体看起来要漂亮多了。当然了，对于那些没有插图只有文字的来说就没什么意义了。
    偶就特别在意给每一个POST配上一个贴切的插图。学习中...