您现在的位置是:首页 > 博客程序 > WordPress文章列表随机显示缩略图

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

时间:2020-01-27 19:57:57  来源:www.zzwkw.com  阅读次数: 我要评论

阿里云服务器 腾讯云服务器 习梦云:高防云服务器 ZJI:香港日本美国独服
LOCVPS服务周到 HostKvm低调KVM 傲游主机:优质VPS 80VPS:老牌VPS主机
搬瓦工:CN2 GIA线路 CloudCone:性价比高 Vultr:按小时计费VPS VirMach:超级便宜
JustMySocks科学上网 CloudRaft大硬盘VPS 洛杉矶QN机房官方VPS 恒创:香港CN2服务器

    在使用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是预设的的随机图片数量,可以修改此数字,并相应增加随机图片数量。

    将上面的代码添加到要调用缩略图的位置即可完美实现。


搬瓦工:CN2 GIA线路 CloudCone:性价比高 Vultr:按小时计费VPS VirMach:超级便宜
JustMySocks科学上网 CloudRaft大硬盘VPS 洛杉矶QN机房官方VPS 恒创:香港CN2服务器
留言与评论(共有 0 条评论)
   
验证码: