2011年8月4日星期四

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

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

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

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

wp post thumbnail 3 如何使用WordPress 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) | 帕兰映像

没有评论:

发表评论