最新公告
  • 欢迎您光临云梦下载网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • WordPress文章随机显示缩略图的实现方法

    在我们开发制作WordPress主题中,大多都会做首页和列表页自动调用文章内第一张图片作为缩略图,如果文章内没有缩略图会显示默认缩略图,但是这样就会大量重复显示一张默认缩略图,很印象用户体验,下面这段代码正好解决WordPress文章随机显示缩略图,可以让文章缩略图随机显示,如果有缩略图就调用缩略图,没有缩略图会随机选取一张缩略图。

    如果不希望缩略图随机显示,也可以换成自动获取文章内第一张图片做为缩略图。具体教程请查看这篇文章《WordPress自动获取文章内第一张图片做为缩略图》

    网上类似的教程也有很多,但是测试过几个代码都无效,甚至语法错误,以下是站壳网亲测可用的一个版本:

    //支持外链缩略图
    if ( function_exists('add_theme_support') )
     add_theme_support('post-thumbnails');
    function catch_first_image() 
    {
    	global $post, $posts;$first_img = '';
    	ob_start();
    	ob_end_clean();
    	$output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
    	$first_img = $matches [1] [0];
    	//判断图片是否过小
    	if(!empty($first_img))
    	{
    		$image_size = getimagesize($first_img);
    		$image_width = $image_size[0];
    	}
    	//如果第一张图不存在或过小,则返回随机图片
    	if(empty($first_img) || $image_width<50){
    		$first_img = '';
    		//从2张图中随机选择,可根据自己的图片数量设置
    		$random = mt_rand(1, 2);
    		echo get_bloginfo ( 'stylesheet_directory' );
    		echo '/images/random/'.$random.'.JPG';
    		}
      return $first_img;
    }
    

    使用方法

    1、复制上面代码粘贴到主题functions.php中

    2、在主题中新建/images/random/目录,找一些自己喜欢的图片上传进去。将他们重命名为1,2,3,4,5.jpg。

    3、在想要展示缩略图的地方加入下面代码

    <?php echo catch_first_image(); ?>
    

     

    1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!616105616@qq.com
    2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
    3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
    4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有站币奖励和额外收入!

    云梦下载网 » WordPress文章随机显示缩略图的实现方法
    • 3会员总数(位)
    • 3383资源总数(个)
    • 0本周发布(个)
    • 0 今日发布(个)
    • 387稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情