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

    和谐中国14个经典问题,看你能答出来几个

    第1题:为什么有人从几千米高直接跌落到千米左…

  2. 没有图片

    2011.03.29

    参与2011地球一小时环保活动 居然得到了证书 激动啊!

    前几天参加了全球最强大的环保组织地球一小时的…

  3. 没有图片

    2010.09.03

    WordPress上传文件原来如此简单!

    平时我们在用WordPress来上传文件的时…

  4. 没有图片

    2010.05.15

    人这一辈子 养生版

    人这一辈子,怎么都是过,与其皱眉头,不如偷着…

  5. 没有图片

    2011.03.20

    菠萝筐终于被驱逐出境!博客空间搬入美国!

    不知道为什么,菠萝的博客备案被无故注销了,于…

  6. 没有图片

    2011.01.07

    Windows 7 最新激活工具

    老版本的Windows 7 激活工具很多都不…

评论

  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

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