子比美化功能 – 悬浮文章推荐榜单

主题目录下新建文件，以 zbfox_float_ranking.php 为例，添加如下代码。

• 'posts_per_page' => '6', 修改数字为需要显示的文章数量。
• 'orderby' => 'date', 为排序方式，具体修改自行百度，不再叙述。
• 'cat' => '1', 修改数字为需要显示的文章分类，如有多个分类用英文逗号隔开。

<?php
function display_sidebar_posts($query) {
    if ($query->have_posts()) {
        echo '<div data-v-3b17862b="" class="rank-box">';
        while ($query->have_posts()) {/*URL:huliku.com QQ:577669882*/
            $query->the_post();
            echo '<ul data-v-3b17862b="">';
            echo '<a class="class-items js-ranks" href="' . get_permalink() . '" target="_blank" data-type="2" data-tab="推荐榜" data-title="" data-cid="643" data-level="排行榜" data-position="1">';
            echo zib_post_thumbnail($img_src, 'class-picture');
            echo '<div class="class-information">';
            echo '<div class="name-title">' . get_the_title() . '</div>';
            echo '<span class="badg b-blue badg-sm">浏览 [' . get_post_meta(get_the_ID(), 'views', true) . ']</span>';
            echo '<span class="badg b-theme badg-sm" style="margin-left: 5px;">评论 ['.get_post_comment_count($user_id).'</span>';
            echo '</div>';
            echo '</a></ul>';
        }
        echo '</div>';
    } else {
        echo zib_get_null('暂无文章', 40, 'null.svg', 'home-rank');
    }
    wp_reset_postdata();
}

function get_activity_rank($time_range) {

    $args = array(
        'post_type' => 'post',
        'posts_per_page' => $zbfox_sidebar_post_sz['assort'],
        'orderby' => 'date',
        'order' => 'DESC',
        'cat' => $zbfox_sidebar_post_sz['number'],
        'date_query' => array(
            array(
                'after' => $time_range
            )
        )
    );

    $query = new WP_Query($args);
    display_sidebar_posts($query);
}

?>


<div data-v-3b17862b="" class="fix-left">
    <div id="macgf_cb_ht" data-v-3b17862b="" class="fix-item" style="display: block;">
        <div data-v-3b17862b="" class="item-title">
            <img data-v-3b17862b="" src="<?php echo get_theme_file_uri(); ?>/img/huo.webp" alt="">
            <span data-v-3b17862b="">首页</span>
        </div>
    </div>
    <div id="macgf_cb_bd" data-v-3b17862b="" class="fix-item">
        <div data-v-3b17862b="" class="item-title">
            <img data-v-3b17862b="" src="<?php echo get_theme_file_uri(); ?>/img/rank.png" alt="">
            <span id="macgf_bd_wz" data-v-3b17862b="">榜单</span>
        </div>
        <div data-v-3b17862b="" class="rank-box">
            <?php get_activity_rank('365 days ago'); ?>
        </div>
    </div>
</div>

图标就自行替换自己喜欢的吧，不重要！

调用

下列代码中 get_theme_file_path 为你的主题路径，即是：/www/wwwroot/huliku.com/wp-content/themes/zibll

将文件 /zbfox_float_ranking.php 修改为你的实际PHP文件目录。

在你需要展示的地方添加如下代码，如 functions.php 、footer.php、header.php 都是可以的。

require_once get_theme_file_path('/zbfox_float_ranking.php');

例如：我存放在子比主题 /www/wwwroot/huliku.com/wp-content/themes/zibll/pages/zbfox_float_ranking.php 目录下，那么代码应该修改为：

require_once get_theme_file_path('/pages/zbfox_float_ranking.php');

这样应该好理解了吧？