• wordpress CMS主题:ssmay主题wordpress CMS主题:ssmay主题
  • 首页 > wordpress CMS主题制作 > wordpress主题如何让不同的页面显示不同的缩略图?

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

    作者: 分类:wordpress CMS主题制作 点击: 2,842 次
    wordpress CMS主题:ssmay主题

      大家都知道,如果网站前台页面的图片太多并且图片很大(如第个图片都有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主题添加自定义的缩略图,高时银博客已经在前面的文章中介绍过如何添加自定义缩略图,这里就不多说了。当然,要调用缩略图,需要你在发表文章时,添加“特色图像”。



      QQ二维码

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

    上一篇:
    下一篇:
    wordpress CMS主题:ssmay主题

    或许你会感兴趣的文章:

    发表评论

    电子邮件地址不会被公开。 必填项已用*标注

    This site uses Akismet to reduce spam. Learn how your comment data is processed.