如何使用WordPress 2.9内置文章缩略图功能(Post Thumbnail)

WordPress 2.9新功能详解中,我们提过2.9内置的Post thumbnail/文章缩略图功能,但是这个功能默认是没有开启的,要使用的话需要激活和使用主题函数输出。本文帕兰就为你详细介绍一下如何使用这个文章缩略图功能。(它是简单的,一学即会!)

1. 激活文章缩略图功能

要激活该功能,打开你主题的functions.php文件,输入下面的代码:

add_theme_support( 'post-thumbnails' );

你也可以添加一个参数来指定在post还是page激活该功能:

add_theme_support( 'post-thumbnails', array( 'post', 'page' ) );

默认是在两者里都激活的。激活后,在你的post或page编辑页面的侧边栏底部,就能看到该功能的设置模块了。

2.输出到主题

要在你的主题中显示出设置的图片,你需要在loop里面添加下面这个函数:

<?php the_post_thumbnail( ); ?>

你可以给该函数传递一个参数值来调用图片的不同尺寸,

the_post_thumbnail();                  // 默认显示缩略图

the_post_thumbnail('thumbnail');       // 显示缩略图
the_post_thumbnail('medium');          // 显示中等尺寸
the_post_thumbnail('large');           // 显示大尺寸

the_post_thumbnail( array(100,100) );  // 自定义尺寸

3. 在loop外调用某篇文章的文章缩略图

如果你想在loop以外调用某些文章的缩略图,另一个函数为你准备:

<?php echo get_the_post_thumbnail(); ?>

和the_post_thumbnail()相比,它需要再传入一个参数来指定文章的ID:

get_the_post_thumbnail($id);   

get_the_post_thumbnail($id, 'thumbnail');
get_the_post_thumbnail($id, 'medium');
get_the_post_thumbnail($id, 'large'); 

get_the_post_thumbnail($id, array(100,100) );

对于大多数WordPress用户来说,知道上面这些就已经足够了。如果你是一个主题开发者,想了解的更深入,可以查看justintadlock的这篇文章:

Everything you need to know about WordPress 2.9’s post image feature

里面还介绍了如何添加函数连接到过滤器动作来改变文章缩略图尺寸和缩略图的HTML代码输出。

“如何使用WordPress 2.9内置文章缩略图功能(Post Thumbnail)”的25个回复

  1. 学习了,我现在用的模板已经自带了文章自动缩图功能!

    以后换别的主题的时候还得手动改这些,先做个记号以后回来看

  2. 已经打开了该功能,我是小白,我想请问下我之前已经把文章截断,就是50个中文字符左右的摘要吧,无法使用缩略图,有什么好办法么?!

  3. 为什么我设置了数值之后还是没变化呢?

    能否用Email联系下我?我想请教下你,因为我正在学习修改主题,所以不太会改这个微缩图!

  4. 博主,很喜欢你分享的文章。有个问题请教:请问你文章页面中间那个带有斜阴影的广告是怎么做的,有插件吗?

    谢谢

发表评论

电子邮件地址不会被公开。 必填项已用*标注