玩转wordpress2.9缩略图功能

发布于,归属于wordpress3个座位已被强势霸占! 共有205人围观    

在wordpress2.9之前想要在首页或列表页调用出文章的缩略图是件相当麻烦的一件事,RIA之家使用的是调用文章的第一张图片,这种方式最简单,但灵活性很差,你无法控制缩略图的尺寸,更无法自定义缩略图。还有一种方式是使用自定义区域的方法,大部分的wordpress缩略图插件都采用这种方式。

wordpress2.9后,开始自带缩略图功能!只是很多朋友不懂如何使用该功能,明河正好这月要改版RIA之家,打算使用wordpress2.9自带的缩略图功能,这里分享下其调用方法。

1、开启缩略图功能

最为关键的一步,默认的wordpress并没有开启缩略图功能,需要手动添加到functions.php中。

打开你所正在使用的主题中的functions.php,添加如下代码:

  1. add_theme_support('post-thumbnails');

这时候你新建个新文章,在右侧就会发现多出了一个缩略图功能界面,如下图:

2、上传缩略图

点击“设置缩略图”,出现添加新图片的界面,这个大家很熟悉了,不得不发句牢骚,wordpress插入图片功能固然强大,但加载实在太慢了。

3、设置缩略图尺寸

点击左侧菜单的“设置”—“媒体”,出现如下界面:

4、在主题模板中调用缩略图

把下面的代码添加到你主题需要显示缩略图的位置:

  1. <?php  the_post_thumbnail(); ?>

5、没有缩略图,显示自定义的缺省图片

并不是所有的文章都存在缩略图,为了保持布局的一致性,给缩略图加个判断,修改后的代码:
在wordpress2.9之前想要在首页或列表页调用出文章的缩略图是件相当麻烦的一件事,RIA之家使用的是调用文章的第一张图片,这种方式最简单,但灵活性很差,你无法控制缩略图的尺寸,更无法自定义缩略图。还有一种方式是使用自定义区域的方法,大部分的wordpress缩略图插件都采用这种方式。

wordpress2.9后,开始自带缩略图功能!只是很多朋友不懂如何使用该功能,明河正好这月要改版RIA之家,打算使用wordpress2.9自带的缩略图功能,这里分享下其调用方法。

1、开启缩略图功能

最为关键的一步,默认的wordpress并没有开启缩略图功能,需要手动添加到functions.php中。

打开你所正在使用的主题中的functions.php,添加如下代码:

  1. add_theme_support('post-thumbnails');

这时候你新建个新文章,在右侧就会发现多出了一个缩略图功能界面,如下图:

2、上传缩略图

点击“设置缩略图”,出现添加新图片的界面,这个大家很熟悉了,不得不发句牢骚,wordpress插入图片功能固然强大,但加载实在太慢了。

3、设置缩略图尺寸

点击左侧菜单的“设置”—“媒体”,出现如下界面:

4、在主题模板中调用缩略图

把下面的代码添加到你主题需要显示缩略图的位置:

  1. <?php 
  2.                                                 if(has_post_thumbnail()) {
  3.                                                     the_post_thumbnail();
  4.                                                 } else {
  5.                                                     echo '<img src="'.get_bloginfo("template_url").'/images/no-has-thumbnail.png" />';
  6.                                                 }
  7.                                                 ?>
当然缺省图片路径请自行定义。

6、控制缩略图输出尺寸

打开你所正在使用的主题中的functions.php,在add_theme_support(‘post-thumbnails’);下加上如下代码:

  1. set_post_thumbnail_size( 50, 50, true );
(如果您喜欢这篇教程,可以通过支付宝打赏我们1元哦,拜谢!)

跟作者说两句

:wink: :twisted: :roll: :oops: :mrgreen: :lol: :idea: :evil: :cry: :arrow: :?: :-| :-x :-o :-P :-? :) :( :!: 8-O 8)

3个座位已被强势霸占!

  1. 下一站

    不错哈 以前不知道的

  2. bingshao

    按照上面的步骤,怎么没有缩略图显示呢?

    明河共影回复于 2010年11月02日 6:52

    ?不是吧,没道理,明河亲测通过的。你修改后的文件有上传吗?