HI,欢迎来到我爱模板网!

WordPress 随机显示文章缩略图

WordPress 的 Hot News主题使用timthumb.php函数自动调整缩略图大小,并生成缓存文件,国外大部分CMS主题也都是采用此方法生成缩略图。 但这一方法无法截取外链图片,这一致命弱点最终让我放弃使用timthumb.php函数。 目前我使用的新版HotNews pro2.0采用比较普遍的显示缩略图的...

WordPress 的 Hot News主题使用timthumb.php函数自动调整缩略图大小,并生成缓存文件,国外大部分CMS主题也都是采用此方法生成缩略图。

但这一方法无法截取外链图片,这一致命弱点最终让我放弃使用timthumb.php函数。

目前我使用的新版HotNews pro2.0采用比较普遍的显示缩略图的方法,添加自定义域,并通过CSS控制缩略图大小。

有时文章中没有图片,也懒得特意作缩略图,虽然有默认占位图代替缩略图的位置,但文章发多了看着非常单调,也失去了缩略图吸引读者眼球的作用,于是忽随机显示默认缩略图的想法就出来了,下面请看具体的实现方法。

一般 WordPress杂志型主题,都具备缩略图功能,采用的通用缩略图函数代码如下:

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

只需在默认占位图链接位置添加一句rand()函数就可随机调用特定目录下的多个图片,下面是修改后的:

<?php if ( get_post_meta($post->ID, 'thumbnail', true) ) : ?>   
<?php $image = get_post_meta($post->ID, 'thumbnail', true); ?>   
<a href="<?php%20the_permalink()%20?>" rel="bookmark" title="<?php the_title(); ?>"><img src="<?php%20echo%20$image;%20?>" alt="<?php the_title(); ?>"/></a>   
<?php else: ?>   
<a href="<?php%20the_permalink()%20?>" rel="bookmark" title="<?php the_title(); ?>"><img src="<?php%20bloginfo('template_directory');%20?>/images/random/img<?php%20echo%20rand(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是预设的的随机图片数量,可以修改此数字,并相应增加随机图片数量。将上面的代码添加到模板适当位置,刷新一下页面看看效果如何。

给TA打赏
共{{data.count}}人
人已打赏
wordpress教程

WordPress 主题开发 firefox ie6 ie7的css样式兼容问题

2023-2-16 15:46:05

wordpress教程

在不登录WP后台的情况下,新建管理员账号

2023-2-16 15:46:14

【腾讯云】11.11云上盛惠!云服务器首年1.8折起,买1年送3个月!
11.11云上盛惠!海量产品·轻松上云!云服务器首年1.8折起,买1年送3个月!超值优惠,性能稳定,让您的云端之旅更加畅享。
查看更多相关信息>>
站长

(工作日 10:00 - 22:30 为您服务)

2026-01-30 12:57:03

您好,无论是售前、售后、意见建议……均可通过联系工单与我们取得联系。

猜你想问:

  • 购买的模板免费包安装吗?

  • 这个演示地址有吗?

  • 购买vip会员可以下载哪些模板?

您的留言我们已经收到,我们将会尽快跟您联系!
取消
立即选择任一渠道联系我们