10月
06
2015

Wordpress主题修改教程:使用文章缩略图功能

作者:zhushican 发布:2015-10-06 分类:seo教程 阅读: 次 0条评论

 

今天笔者说的这个缩略图功能,其实网上已经传烂了,不知道大家有没有看过。今儿拿出来原因是,感觉网上说的不是很具体,一些设置没有提到,所以先给大家提前说一下。

首页你要看下你所用的主题有没有开启文章缩略图功能,如果看起的话,会在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) );  // 自己定义宽高 ?>

除非注明,本站所有文章均为 zhushican 原创,转载请注明出处! 标签:wordpress  
« 上一篇下一篇 »

Wordpress主题修改教程:使用文章缩略图功能:目前有0条评论