获取文章内的图片做缩略图

By
技术文档

thumbimg文章的缩略图功能在新版本的WordPress中已经有了,效果应该很不错。但是对于有很多旧文章的人来说,一篇一篇去修改显然很麻烦。插件有很多,如果你已经用上而且效果不错的话,可以随便看看。这里提供一个简单的缩略图生成方法-提取文章第一张图片做缩略图。可能很多同学那里已经使用上了,这里就在啰嗦几句吧。

获取文章图片的主要代码需要放在首页(当然可以是别的什么地方),找到文章主体部分,放入以下代码

放入之后你会发现一个问题,图片有大有小,而且可能占据了文章大部分地方,页面杯具。这里需要稍微定义一下图片的css。例如这样

注意:max-weight&height是对img进行的一点缩放,ie6不支持max-width&height。

好了,这样子就实现了一个简单的缩略图效果。对于图片较少的童鞋,放几张默认图片或者广告图轮着换也不错哈。

0

Comments: 76

  1. 刚用上了,不过我稍微改了下

    2010年07月26日
    • @winy 我还真没看到你放哪儿了……

      2010年07月26日
    • @阿修 我说昨天用到新主题上了,今天就看见你写出来,最近文囧了吧 :mrgreen:

      2010年07月26日
    • @winy 哈哈,还行吧。有其他事忙着~~所以更新微慢 :cool:
      期待你的新主题上线啊!~

      2010年07月26日
  2. :razz: 记下了~

    2010年07月26日
  3. 没用过,不知道好用不

    2010年07月26日
  4. :?: 囧,最怕改代码了

    2010年07月26日
    • @winw 呵呵,偶尔整点不一样的嘛……~

      2010年07月26日
  5. 貌似这个在2.9就是支持的吧

    2010年07月26日
  6. 好像都没显示出来,是黑色滴~~~

    2010年07月26日
    • @奶牛 你不是网通的吧……网通好像把flickr封了。

      2010年07月26日
    • @阿修 我是传说中的网通~~~ :?:

      2010年07月26日
    • @奶牛 这个……我找找解决办法

      2010年07月26日
  7. 嘿嘿。好在选了一个好主题,一开始就用wordpress里面的自定义缩略图..

    2010年07月26日
  8. 阿修用的是哪款代码高亮?

    2010年07月26日
    • @forece 我用的WP-Syntax~够用。

      2010年07月26日
  9. 关键不是每篇文章都有图片

    2010年07月26日
    • @BoKeam 所以没有图片的不输出东西,或者输出默认图片哪

      2010年07月26日
  10. 记得有个缩略图插件的 ~
    类似于 xxx.php?url=1.jpg 这样缩短的方法 ~
    配合起来效果一点不错 呵呵 ~

    2010年07月26日
    • @小邪 嗯,插件是个好办法

      2010年07月27日
  11. 很实用的功能呀。以前我用过一个皮有这功能。但现在发图少了。 :???:

    2010年07月26日
    • @超人 放点自定义的也成啊,哈哈

      2010年07月27日
  12. 这个比用自定义域好多鸟 :oops: ,PHP就是变量符号有点点怪 :wink: 。。

    2010年07月26日
    • @Mucid 很无奈吧,不过看多了也没啥奇怪的了

      2010年07月27日
  13. 好文章,我的主题自己有这功能

    2010年07月26日
  14. 我讨厌页面出现这么多图片,所以飘过。
    margin-left: 0px; margin-right: 0px;
    没看懂和
    margin:0;
    有什么区别 :?:

    2010年07月27日
    • @西门 好像原来用的左右边距都有,后来改着改着改没了,也忘了换。就那样吧,哈哈

      2010年07月27日
  15. 还是代码好,清洁实用啊
    可惜我的博客上没什么图片,暂时不用了,以后肯定会用的 :twisted:

    2010年07月27日
    • @yetone 我也没啥图片,有的就尽量搞出来,而且格式整齐很多

      2010年07月27日

发表评论

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

*

:razz: