WordPress自定义主题中根据文章数量动态显示/隐藏“查看更多”按钮的教程

<?php
$args = array(
    'post_type'      => 'post',          // 文章类型：默认为 'post'，也可以是自定义文章类型，如 'news'
    'posts_per_page' => 3,               // 每页显示3篇文章
    'category_name'  => 'news',          // 限制为 'news' 分类下的文章
    'orderby'        => 'post_date',     // 按发布日期排序
    'order'          => 'DESC',          // 降序排列（最新文章在前）
    'post_status'    => 'publish',       // 只显示已发布的文章
);
?>

<?php
// ... (上一步的 $args 定义) ...

// 使用 WP_Query 执行查询
$the_query = new WP_Query( $args );

// 获取所有符合条件的文章总数
$total_posts_found = $the_query->found_posts;
?>

<?php
// ... (上一步的 $args 和 $total_posts_found 获取) ...

// 循环显示文章内容
if ( $the_query->have_posts() ) :
    while ( $the_query->have_posts() ) : $the_query->the_post();
?>
    <div class="newbox">
        <div class="newimg">
            <?php if (has_post_thumbnail()) : ?>
                <?php the_post_thumbnail('small-img'); ?>
            <?php else : ?>                                    
                <img src="<?php echo esc_url( get_template_directory_uri() . '/img/image/default-img.png' ); ?>" alt="<?php the_title_attribute(); ?>">
            <?php endif; ?>
        </div>
        <h3 class="title1"><?php the_title(); ?></h3>
        <p class="cont"> <?php the_excerpt(); ?></p>
        <p class="date"><?php the_time('Y.m.d'); ?></p>
        <a href="<?php the_permalink(); ?>">
            <h5 class="btnmr">Read</h5>
        </a>
    </div>
<?php
    endwhile;
    wp_reset_postdata(); // 重置全局 $post 数据，非常重要！
endif;
?>

<!-- “查看更多”按钮或“暂无文章”提示的条件显示 -->
<div class="col-lg-12">
    <?php
    if ( $total_posts_found > $args['posts_per_page'] ) {
        // 如果总文章数大于当前显示的文章数，则显示“查看更多”按钮
    ?>
        <a href="<?php echo esc_url( home_url( '/post/newspage' ) ); ?>">
            <div class="btn-default1">
                <p>VIEW MORE</p>
            </div>
        </a>
    <?php
    } elseif ( $total_posts_found === 0 ) {
        // 如果没有找到任何文章
        echo "<p>暂无文章发布。</p>";
    }
    // else { // 0 < total_posts_found <= $args['posts_per_page']
    //     // 此时有文章，但所有文章都已显示，无需“查看更多”按钮，也无需“暂无文章”提示。
    //     // 此处留空即可。
    // }
    ?>
</div>

<?php
/**
 * WordPress 自定义主题：根据文章数量动态显示/隐藏“查看更多”按钮
 */

// 1. 定义查询参数
$args = array(
    'post_type'      => 'post',          // 文章类型：默认为 'post'，也可以是自定义文章类型，如 'news'
    'posts_per_page' => 3,               // 每页显示3篇文章
    'category_name'  => 'news',          // 限制为 'news' 分类下的文章
    'orderby'        => 'post_date',     // 按发布日期排序
    'order'          => 'DESC',          // 降序排列（最新文章在前）
    'post_status'    => 'publish',       // 只显示已发布的文章
);

// 2. 使用 WP_Query 执行查询并获取总文章数
$the_query = new WP_Query( $args );
$total_posts_found = $the_query->found_posts; // 获取所有符合条件的文章总数

// 3. 循环显示文章内容
if ( $the_query->have_posts() ) :
    while ( $the_query->have_posts() ) : $the_query->the_post();
?>
    <div class="newbox">
        <div class="newimg">
            <?php if (has_post_thumbnail()) : ?>
                <?php the_post_thumbnail('small-img'); ?>
            <?php else : ?>                                    
                <img src="<?php echo esc_url( get_template_directory_uri() . '/img/image/default-img.png' ); ?>" alt="<?php the_title_attribute(); ?>">
            <?php endif; ?>
        </div>
        <h3 class="title1"><?php the_title(); ?></h3>
        <p class="cont"> <?php the_excerpt(); ?></p>
        <p class="date"><?php the_time('Y.m.d'); ?></p>
        <a href="<?php the_permalink(); ?>">
            <h5 class="btnmr">Read</h5>
        </a>
    </div>
<?php
    endwhile;
    wp_reset_postdata(); // 重置全局 $post 数据，避免影响后续查询
else :
    // 如果没有文章，这里不直接输出提示，统一在下方“查看更多”逻辑中处理
endif;
?>

<!-- “查看更多”按钮或“暂无文章”提示的条件显示区域 -->
<div class="col-lg-12">
    <?php
    // 4. 根据总文章数和每页显示数进行条件判断
    if ( $total_posts_found > $args['posts_per_page'] ) {
        // 如果总文章数大于当前显示的文章数，则显示“查看更多”按钮
    ?>
        <a href="<?php echo esc_url( home_url( '/post/newspage' ) ); ?>">
            <div class="btn-default1">
                <p>VIEW MORE</p>
            </div>
        </a>
    <?php
    } elseif ( $total_posts_found === 0