找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
积分等级发帖收益的说明江阴论坛帮助汇总江阴论坛管理规则(必看)江阴论坛版主招聘中江阴论坛已运行
查看: 3163|回复: 0

[WordPress] WordPress 2.9内置文章缩略图功能(Post Thumbnail)

[复制链接]
发表于 2010-3-22 16:07:25 | 显示全部楼层 |阅读模式
本帖最后由 ray1980 于 2010-3-22 16:09 编辑

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





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) );
复制代码
对于大多数wordpress用户来说,知道上面这些就已经足够了。如果你是一个主题开发者,想了解的更深入,可以查看justintadlock的这篇文章:
Everything you need to know about WordPress 2.9’s post image feature
里面还介绍了如何添加函数连接到过滤器动作来改变文章缩略图尺寸和缩略图的html代码输出。

原文:http://paranimage.com/how-to-use ... -thumbnai-function/

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

×
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|江阴人家

GMT+8, 2024-3-28 18:13 , Processed in 0.016493 second(s), 17 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表