您当前的位置:主页 > 教程合集 > WordPress网站首页WordPress

WordPress文章列表随机显示缩略图

发布时间:2015-11-22编辑:余斗阅读:(0)字号:
    在使用WordPress发布文章的时候,很多主题默认取文章第一个图片为缩略图,使用timthumb.php函数自动调整缩略图大小,并生成缓存文件,目前国内外大部分WordPress主题都采用此方法生成缩略图。这一方法的缺点是无法截取外链图片,处理起来特别麻烦。 余斗的方法为如果文章没有插图的话, 就需要添加自定义域,并通过CSS控制缩略图大小。 第一种方法为没有缩略图就指定固定的一张图片为缩略图,具体的代码为:

    <?php if ( get_post_meta($post->ID, 'thumbnail', true) ) : ?>
    <?php $image = get_post_meta($post->ID, 'thumbnail', true); ?>
    <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><img src="<?php echo $image; ?>" alt="<?php the_title(); ?>"/></a>
    <?php else: ?>
    <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><img src="<?php bloginfo('template_directory'); ?>/images/img.jpg" alt="<?php the_title(); ?>" /></a>
    <?php endif; ?>
     
    代码释义:

    <img src="<?php bloginfo('template_directory'); ?>/images/img.jpg" alt="<?php the_title(); ?>" />
     
    为核心代码,指定当前模版文件下images文件夹中的img.jpg为缩略图,这个方法能实现指定固定一张图片为缩略图。 但是在实际使用中,我们很多文章都没有图片的话,只用一张图片来当缩略图就显得不美观,余斗给出第二个方法,在默认占位图链接位置添加一句rand()函数就可随机调用特定目录下的多个图片,实现文章列表随机调用缩略图,具体代码为:

    <?php if ( get_post_meta($post->ID, 'thumbnail', true) ) : ?>
    <?php $image = get_post_meta($post->ID, 'thumbnail', true); ?>
    <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><img src="<?php echo $image; ?>" alt="<?php the_title(); ?>"/></a>
    <?php else: ?>
    <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><img src="<?php bloginfo('template_directory'); ?>/images/random/img<?php echo rand(1,5)?>.jpg" alt="<?php the_title(); ?>" /></a>
    <?php endif; ?>
     
    代码释义:

    /images/random/img<?php echo rand(1,5)?>.jpg
     
    前面的img是图片的名称,我们可以新建几个名称为:img1.jpg, img2.jpg,img3.jpg,img4.jpg,img5.jpg的图片,放到使用的主题的/images/random/(图片所在的位置,可根据实际修改。)目录中,也可以是其它格式的图片,数字5是预设的的随机图片数量,可以修改此数字,并相应增加随机图片数量。 将上面的代码添加到要调用缩略图的位置即可完美实现。 扩展阅读:WordPress为文章页添加随机图片实现方法
关键字词WordPress随机缩略图
余斗余斗
  1. 转载请注明:WordPress文章列表随机显示缩略图
  2. 版权声明:本站原创文章,由发表在WordPress分类下,于2015-11-22最后更新
WordPress如何关闭自动保存文章和修订功能
WordPress固定链接用.html后缀时的分页处理方法
手机扫一扫 随身带着看
鸿运国际手机登录首页