【二次修改】新增一个文章聚合排行榜展示优化版本-子比主题美化

相信大家以及看到了上一个版本的聚合排行榜，哪个是初一原版的，我也没动过

修改点一：在我站上面测试是有一些显示不全面等，如今日 如果发布了一篇文章就只显示一篇文章，就显得很是空白，所以经过站长的二次修改，去掉了今日展示，之前显示7天内的文章

修改点二：在排行榜单页展示界面，文章的图片在最新的子比版本中，文章没有单独设置特殊图片，文章将调取不到演示图，经过站长的修复优化，现已完成图片的显示

优化点三：在排行榜单页展示界面，重新修改的背景风格以及背景等~

效果图：

教程：

第一步：在主题的func.php或function.php中引入

//排行榜
function get_post_thumbnail_url($post_id) {
  $thumbnail_url = get_the_post_thumbnail_url($post_id, 'thumbnail');
  
  if (empty($thumbnail_url)) {
    $content = get_post_field('post_content', $post_id);
    
    if (strpos($content, '<img') !== false) {
      preg_match('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $content, $matches);
      
      if (!empty($matches[1])) {
        $thumbnail_url = $matches[1];
        
        // 验证缩略图URL是否有效
        if (!filter_var($thumbnail_url, FILTER_VALIDATE_URL)) {
          $thumbnail_url = '';
        }
      }
    }
  }
  
  return $thumbnail_url;
}

首页排行榜PHP

上传文件至主题目录内，在index.php合适的位置插入以下代码：

<?php
if (file_exists(get_theme_file_path('/Index_rankinglist.php'))) {
    require_once get_theme_file_path('/Index_rankinglist.php');
}
?>

主题后台自定义头部HTML代码内引入JS

重点：

下载本站提供的代码包上传放置于主题目录下即可，需要配合本站排行榜页面一起使用，已打包整合，排行榜页面放置于pages目录内即可