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.07

    中国人的两个极端:自卑与自傲

    我们民族没有包容性的性格,如此造成中国人两个…

  2. 没有图片

    2010.05.12

    WordPress企业主题 TheCorporation

    给大家推荐的这款WordPress企业主题 …

  3. 没有图片

    2010.09.19

    PHP解析 KU6视频真实地址

    虽然KU6提供视频下载,但需要安装他们的极速…

  4. 没有图片

    2013.04.27

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

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

  5. 没有图片

    2010.06.13

    WordPress 3.0 RC3发布

    今日WordPress3.0 RC3发布,这…

  6. 没有图片

    2010.06.18

    WordPress 3.0 英文正式版发布

    WordPress 3.0 RC版本经过无数…

评论

  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上午

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