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

By
技术文档

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

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

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

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

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

Comments: 76

  1. 就是这句,假如我想要这种效果
    echo ‘<img src="/wp-content/themes/xx.jpg” />’
    :shock:

    2010年08月09日
  2. 就是这句,假如我想要这种效果
    echo ‘( img src=”bloginfo( ‘url’ )/wp-content/themes/xx” ) ’
    囧,打不出网址和php演示代码。。

    2010年08月09日
    • @Mucid 试试echo ‘(img src=”‘.get_bloginfo(‘url’). ‘/images/ad.png”/)’;
      (换成<..

      2010年08月09日
    • @阿修 呃,你也打不出来,我的主题必须使用绝对定位,不然只能在文件分页一显示,大哥发到偶的邮箱吧,i#mucid.me谢谢大哥了啊 :grin: :grin:

      2010年08月09日
    • @Mucid 我改了改~~你看看

      2010年08月09日
    • @阿修 OK了,谢谢大哥啊 :roll: :grin: :grin: :grin:

      2010年08月09日
    • @Mucid 呵呵,只是一个小地方而已~~

      2010年08月09日
  3. 看来必须进入PHP的学习了 :grin: :grin:

    2010年08月09日
    • @Mucid 多学习点总没有坏处的 :lol: :lol:

      2010年08月09日
  4. 这篇技术文章要学习!!!

    2010年08月18日
  5. 直接使用 出错,最后 echo “”; 双引号 改 单引号 即可 。

    2011年02月12日
  6. 学习了,赞一个,博客刚开,到处逛哈哈哈 :mrgreen:

    2011年02月23日

发表评论

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

*

:razz: