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

    2014.06.03

    耶鲁大学校长:中国大学是人类文明史上最大的笑话

    (此文只是转发于网络,对于文章是否出于施密德…

  2. 没有图片

    2010.11.18

    好久没灌水了,睡前灌倒新铭志,哈!

    本来打算睡觉的,结果Gmail弹出消息,说我…

  3. 没有图片

    2010.09.05

    Windows Vista获取管理员权限的方法

    Windows Vista在使用的时候,经常…

  4. 没有图片

    2010.05.08

    Google 10大免费关键字分析工具

    要 钱的互联网产品我没有多大的兴趣,因为凡是…

  5. 没有图片

    2010.07.09

    远程控制软件 TeamViewer 5.0.8232中文绿色单文件版

    TeamViewer是一个能穿透内网的远程控…

  6. 没有图片

    2010.05.12

    关闭WordPress自动修订和自动保存功能

    蓦然已经写了几篇日志了,结果回过头来发现各日…

评论

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

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