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. 没有图片

    2013.07.21

    魅族是怎样炼成的[纯个人收藏]

    本篇日志,只是今晚看了《速度与激情6》之后无…

  2. 没有图片

    2011.01.24

    改变WordPress后台日志列表显示数量的办法

    老版本的WordPress后台每页日志列表数…

  3. 没有图片

    2010.06.24

    WordPress多站点域名绑定插件 WordPress 3.0 Domain Mapping 0.5.2

    随着Wordpress 3.0多站点功能的出…

  4. 没有图片

    2013.04.27

    国内首发!Google Glass谷歌眼镜全面评测

    Google Glass 是谷歌公司近几年来…

  5. 没有图片

    2010.04.25

    中国博客联盟全新上线,欢迎博主加入!

    中国博客联盟主站在界面和功能上又进行了一次全…

  6. 没有图片

    2010.07.18

    最新手机软件推荐(一)

    小百度今天开始给手机玩家推荐最新的手机软件,…

评论

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

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

  2. 灵亦rEd 2010.06.29 1:25下午

    mark一下

  3. 柠檬 2010.06.29 10:14上午

    来小百度踩踩呵呵