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

    超级数学公式编辑器 MathType 6.6a 绿色版

    超级数学公式编辑器MathType更新为Ma…

  2. 没有图片

    2010.05.28

    《想女人》《思君》《折红杏》-一首打油诗的演变

    网上一名叫又黄又瘦的题一诗《想女人》: 独身…

  3. 没有图片

    2010.09.15

    悄悄话与家庭教育的辩证关系

    什么时候,我们的孩子能够主动和你讲他的悄悄话…

  4. 2016.12.14

    一文告诉你究竟适合创业还是打工

    创业绝对不是逃避现状的出路 首先,创业与上班…

  5. 没有图片

    2012.09.18

    写给"爱国"的中国人

    我觉得中国人所蕴蓄的怨愤已经够多了,自然是受…

  6. 没有图片

    2010.05.10

    收藏群里小清同学针对寒三友的诗句

    小清同学在群里发的她和她师傅一起写的诗,收藏…

评论

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

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

  2. 灵亦rEd 2010.06.29 1:25下午

    mark一下

  3. 柠檬 2010.06.29 10:14上午

    来小百度踩踩呵呵