WordPress Post Thumbnail 文章缩略图功能教程

WordPress主要是为博客而来的,但如果你用它来当CMS使用,也未尝不可,我们可以使用WordPress内置的缩略图功能来给你的文章添加缩略图。

我们平常见到的都是使用自定义域Custom Field来实现这个功能,今天我们来使用WordPress 的内置功能来实现,完全不用多余的字段和代码。

WordPress 大幅提升多媒体功能, 越来越多人使用 WP 的内置图片仓库. 对这些用户来说, 制作缩略图变得并不那么困难, 在上传图片的时候就会默认生成 150×150 规格的小图 (如果图片高度/宽度不足 150px, 使用原高度/宽度). 那我们可以充分利用这个功能, 在文章列表上加上这个图片作为缩略图. 这样处理各有利弊, 好处是简单, 智能 (不用每次输入缩略图), 坏处是消耗服务器流量.

1. 激活文章缩略图功能

要激活该功能,打开你主题的functions.php文件,输入下面的代码:

  1. add_theme_support( ‘post-thumbnails’ );

你也可以添加一个参数来指定在post还是page激活该功能:

  1. add_theme_support( ‘post-thumbnails’, array( ‘post’, ‘page’ ) );

默认是在两者里都激活的。激活后,在你的post或page编辑页面的侧边栏底部,就能看到该功能的设置模块了。

2.输出到主题

要在你的主题中显示出设置的图片,你需要在loop里面添加下面这个函数:

  1. <?php the_post_thumbnail( ); ?>

你可以给该函数传递一个参数值来调用图片的不同尺寸:

  1. the_post_thumbnail();                  // 默认显示缩略图
  2. the_post_thumbnail(‘thumbnail’);       // 显示缩略图
  3. the_post_thumbnail(‘medium’);          // 显示中等尺寸
  4. the_post_thumbnail(‘large’);           // 显示大尺寸
  5. the_post_thumbnail( array(100,100) );  // 自定义尺寸

3. 在loop外调用某篇文章的文章缩略图

如果你想在loop以外调用某些文章的缩略图,另一个函数为你准备:

  1. <?php echo get_the_post_thumbnail(); ?>

和the_post_thumbnail()相比,它需要再传入一个参数来指定文章的ID:

  1. get_the_post_thumbnail($id);
  2. get_the_post_thumbnail($id, ‘thumbnail’);
  3. get_the_post_thumbnail($id, ‘medium’);
  4. get_the_post_thumbnail($id, ‘large’);
  5. get_the_post_thumbnail($id, array(100,100) );

这样,你完全不用单独添加正定义域来添加图片地址,只需要在每篇日志发布前通过WP自带的添加图片功能上传一个图片,就会自动生成相应的缩略图了。

落花生

认准了方向,就要勇敢地走下去,十年磨一剑,我相信,只要坚持,一切都有可能。

相关日志

  1. 没有图片

    2010.05.14

    用一个WordPress 建多个不同的博客

    用WordPress建博客的肱都知道,一个W…

  2. 没有图片

    2011.03.10

    15款 WordPress 移动设备主题

    随着科技的发展,广大网友除了用计算机上网外,…

  3. 没有图片

    2010.05.18

    用FeedBurner同步国内空间博客到Twitter

    最受欢迎的微博Twitter已被天朝拒之墙外…

  4. 没有图片

    2011.03.12

    MySQL内容批量替换方法

    针对MySQL里某字段的内容,有时需要批量替…

  5. 没有图片

    2010.06.05

    丹尼斯·加博尔与全息摄影术简介

    丹尼斯·加博尔与全息摄影术 2010年6月5…

  6. 没有图片

    2010.06.05

    手机浏览器 UC浏览器7.1正式版 For iPhone

    随着3G网络的流行,手机上网已经成为大家很正…

评论

  1. Lee 2010.11.05 9:31下午

    小百度的主题很炫的。
    ===》
    提个小小的建议哈,为什么不添加分页呢?看起文章来很不方便哟。
    另:你用的是谁家的主机啊?速度挺快的,我想找个 wordpress 主机,不知谁家的好。
    ^_#

    • 小百度 2010.12.01 11:00上午

      我用的主机速度是快,但不够稳定,我向你推荐一个非常快并且稳定的主机,联盟主机:http://www.wisecn.cn自己去看看吧。

  2. 刘晓林 2010.07.04 12:10上午

    好专业哦!

  3. 学夫子 2010.07.03 9:35上午

    万戈的模板就是相当的不错

  4. 沉冰浮水 2010.06.29 4:03下午

    唉,,太专业了。。我又用的ZB,,所以每次来都不知道说什么。。

  5. 灵亦rEd 2010.06.29 1:25下午

    mark一下

  6. 柠檬 2010.06.29 10:14上午

    来小百度踩踩呵呵

About

马拉松运动员,沉迷于跑步;关注科技前沿,关注互联网!与跑者、程序员、设计师为伍,一起跑步健身,一起编写程序,为自由而战!