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

    2012.09.18

    写给"爱国"的中国人

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

  2. 没有图片

    2010.09.05

    笔记本U盘启动的设置方法

    本来这是个很简单的问题,发现有很多朋友问如何…

  3. 没有图片

    2010.05.08

    国外优秀UI网址集锦

    丹麦Icon设计师的主页 http://jo…

  4. 没有图片

    2010.10.08

    谷歌新Logo 纪念约翰·列侬诞辰

    谷歌今日放出了纪念The Beatles(甲…

  5. 没有图片

    2011.11.20

    新浪微博: – 2011-11-20

    #SAE应用推荐# 我发现 Wordpres…

  6. 没有图片

    2010.07.18

    最新手机软件推荐(一)

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

评论

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

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