wordpress CMS主题 微信
Home > wordpress CMS主题制作 > wordpress主题如何让不同的页面显示不同的缩略图?

wordpress主题如何让不同的页面显示不同的缩略图?

高时银博客 wordpress CMS主题制作 点击: 1,315 次 0 1

大家都知道,如果网站前台页面的图片太多并且图片很大(如第个图片都有1M大小),页面就会打开非常慢,严重影响用户体验。所以,在我们开发wordpress主题时,就要把这个问题考虑进去,尽量不要让前台页面的图片太大。那应该怎么做呢?这时,我们就可以用wordpress自带的一个功能——特色图片(缩略图)来实现。wordpress自带的特色图片默认提供了4种图片大小:缩略图大小、中等大小、大尺寸、原始尺寸,如下图:

wordpress主题如何让不同的页面显示不同的缩略图?

前3个尺寸大小可以在后台的多媒体里设置,设置多大,可以根据自己的需求来。

既然wordpress自身就提供了这几种尺寸,我们就可以在不同的页面不同的地方调用这几种不同的尺寸,如:时美网首页幻灯片图片要求要大一点,可以选择“中等大小”;而时美网首页的其它小图片,就可以调用“缩略图大小”。在调用缩略图的代码中,我们要根据不同的缩略图使用不同的缩略图名:缩略图大小是“thumbnail”、中等大小是“medium”、大尺寸是“large”、原始尺寸是“full”。调用代码如下:

幻灯调用缩略图代码:

if (has_post_thumbnail()) {
the_post_thumbnail('medium' ,array( 'alt' => trim(strip_tags( $post->post_title )), 'title' => trim(strip_tags( $post->post_title ))));
}

其它小图版缩略图调用代码:

if (has_post_thumbnail()) {
the_post_thumbnail('thumbnail' ,array( 'alt' => trim(strip_tags( $post->post_title )), 'title' => trim(strip_tags( $post->post_title ))));
}

通过上面的代码,我们在首页幻灯处就调用了“中等大小”的缩略图,在首页其它小图片处就调用了“缩略图大小”的缩略图,而这些图片的大小,可以在后台的多媒体里设置它们。这样一来,我们就实现了在wordpress主题不同的地方调用不同的缩略图了。当然,我们还可以根据自己的需要给wordpress主题添加自定义的缩略图,高时银博客已经在前面的文章中介绍过如何添加自定义缩略图,这里就不多说了。当然,要调用缩略图,需要你在发表文章时,添加“特色图像”。


文章作者:高时银博客
本文地址:http://wanlimm.com/77201601094954.html
版权所有 © 转载时必须以链接形式注明作者和原始出处!

目前还没有评论。赶快来坐沙发吧。

发表评论