wordpress自动给文章列表添加缩略图的代码,亲测可用。

IT资讯
IT资讯
IT资讯
1230
文章
273
评论
2022-04-0718:59:58
评论
1,642 1003字

一些网站虽然有很多内容,但却没有什么与内容相配置缩略图,再就是一些老站缺少很多图片,这是一种最快速最省事的办法,让程序自动给文章列表随机调用指定目录当中的图片。

要如何实现呢?

主要分两步

1,在wordpress的主题目录下的主脚本当中(Functions.php)添加图片规则:

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都去掉即可
  if(empty($first_img) || $image_width<50){
    $first_img = '';
    //从图片目录中随机选择,可根据自己的图片数量设置
    $random = mt_rand(1,12);//设置可选取的图片数量和总量,这里指的是每次从12张图片当中选择一张做为文章列表缩略图。
    echo get_bloginfo ( 'stylesheet_directory' );
    echo '/assets/img/random/'.$random.'.jpg';
    }
  return $first_img;
}

 

wordpress自动给文章列表添加缩略图的代码,亲测可用。
wordpress自动给文章列表添加缩略图的代码,亲测可用。
wordpress自动给文章列表添加缩略图的代码,亲测可用。
wordpress自动给文章列表添加缩略图的代码,亲测可用。
wordpress自动给文章列表添加缩略图的代码,亲测可用。
wordpress自动给文章列表添加缩略图的代码,亲测可用。

 

2,然后,在列表页模板调用这个新的图片参数就可以了:

wordpress自动给文章列表添加缩略图的代码,亲测可用。

 

代码:

<img src='<?php echo catch_first_image(); ?>' />

 

 

看,是不是很简单:

wordpress自动给文章列表添加缩略图的代码,亲测可用。

 

 

  • Copyright ©  PC在线云端  版权所有.
  • 转载请务必保留本文链接:https://www.gaofumei.net/web/wordpress_web/11028.html
Orgorg速率最高可达1000Mbps,流畅观看Youtube 4K、TikTok,支持 Windows、Android、iOS、Mac,支持 微信、支付宝 付款!
超高性价比,新用户注册送1元,可直接在商店购买套餐。节点和负载服务器很多,稳定性和速度有保障。有共享流媒体会员。有三端VPN程序。最萌の云 ☁️顶级云服务商,超过50个G口节点,上百台服务器负载加速,稳且快,高峰秒8K。提供网飞等会员共享,超值!限时免费尝鲜!
全球数据中心,多点BGP保证速度,无视晚高峰,全天4K秒开,IPLC专线无惧封锁
全IEPL /青云跨境,高峰时期稳定8K播放,流媒体影视, ChatGPT 解锁保障,客户端无日志保护您的隐私安全,稳定运行5年+
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: