Wordpress教程-教你如何使用文章缩略图功能.docVIP

Wordpress教程：教你如何使用文章缩略图功能 Wordpress教程：教你如何使用文章缩略图功能 首页你要看下你所用的主题有没有开启文章缩略图功能，如果看起的话，会在wordpress后台编辑页面或者文章时在右下角的地方看到一个特色图像的设置，如下图： 如果没有说明你还没有激活这功能。我们需要在你主题functions.php里面加一段代码。 ?php add_theme_support( post-thumbnails ); //激活文章和页面的缩略图功能。 //如果你想分别激活它们，可以使用下面的代码： add_theme_support( post-thumbnails, array( post ) ); // 激活文章缩略图功能 add_theme_support( post-thumbnails, array( page ) ); // 激活页面缩略图功能 ? 这样你的缩略图功能就激活了，然后我们添加图片或者直接点击设置特色图片的时候，你会发现多了一个设置如图。 我们单击作为特色图像，这样你就可以将这个图片作为特色图片显示了。 做好之后我们就要对它进行调用然后在前台显示出来，代码是： ?php the_post_thumbnail(); //需要将这段代码放在你的主循环中比如: ?php if ( have_posts() ) while ( have_posts() ) : the_post(); ? ?php the_post_thumbnail(); ? ?php endwhile; ? ? 这样缩略图就可以显示了。这个基本的方法掌握好之后，下面是一些它的其他使用方法。 1.自定义缩略图的大小（放在主题functions.php里面add_theme_support()的下面） ?php set_post_thumbnail_size( $width, $height, $crop ); ? //$width 是图片的宽度，可以直接填数字 //$height 是图片的高度,也可以直接填数字 //$crop 是否进行裁剪，默认是false不裁剪，如果填写true 你的图片将会裁剪成你设置的大小。 不过set_post_thumbnail_size()笔者在用的时候不起作用，不知道大家有没有试过。试过后如果可以使用的记得和笔者说下哈。 我这边使用的是直接规定缩略图大小（直接在主循环里面输出） ?php the_post_thumbnail(thumbnail);?????? // 缩略图(最大默认 宽150px高150px) the_post_thumbnail(medium);????????? // 中等大小(最大默认 宽300px 高300px) the_post_thumbnail(large);?????????? // 大图 (最后默认宽1024px高1024px) the_post_thumbnail(full);??????????? // 原图 the_post_thumbnail( array(100,100) );? // 自己定义宽高 ? 这里需要多讲一下，设置默认缩略图大小是在wordpress后台 设置-媒体 里面。 2.判断文章是否含有缩略图 ?php has_post_thumbnail(); //用法是，通过if如果进行判断 if ( has_post_thumbnail() ) {??? //显示缩略图}else{??? //没有缩略图( 这里可以放一张默认的图片 )} ? 3.创建新的缩略图大小（放在主题functions.php文件add_theme_support()下面） 我们看到上面设置的图片大小都是等比例缩小的。不管你怎么设置它都是按比列来进行缩小的。如果想设置宽高不等的。便可以使用下面这个函数。 ?php ?add_image_size( $name, $width, $height, $crop ); //这里的第一个参数$name是新创建缩略图的名称，其他的参数和上面说的是一样的 //使用方法 add_image_size(home-thumb,200,120); ? 然后我们在显示的时候只需要在填上新的缩略图名称如：the_post_thumbnail(home-thumb);这样就可以显示了。 4.获取缩略图ID号 ?php? get_post_thumbnail_id();? ?? //放在主循环中