WordPress自定义主题：根据文章数量动态控制“查看更多”按钮与无文章提示

<?php
// 定义查询参数
$args = array(
    'post_type'      => 'post',          // 查询文章类型为 'post'
    'posts_per_page' => 3,               // 每页显示3篇文章
    'category_name'  => 'news',          // 仅查询 'news' 分类下的文章
    'orderby'        => 'post_date',     // 按发布日期排序
    'order'          => 'DESC',          // 降序排列（最新文章在前）
    'post_status'    => 'publish',       // 只查询已发布的文章
);

// 创建一个新的 WP_Query 实例
$the_query = new WP_Query( $args );
?>

<?php
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 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">阅读</h5>
            </a>
        </div>
        <?php
    endwhile;
    wp_reset_postdata(); // 恢复全局 $post 变量到主查询，非常重要！
else :
    // 如果没有文章，这里可以留空，因为我们将通过后续的按钮逻辑来处理无文章的情况。
endif;
?>

<!-- “查看更多”按钮或“暂无文章”提示区域 -->
<div class="col-lg-12">
    <?php
    // 判断是否有文章存在
    if ( $the_query->found_posts > 0 ) : // 如果总文章数大于0，则显示“查看更多”按钮
    ?>
        <a href="<?php echo esc_url( home_url( '/post/newspage' ) ); ?>">
            <div class="btn-default1">
                <p>查看更多</p>
            </div>
        </a>
    <?php else : // 如果没有文章，则显示“暂无文章”提示
    ?>
        <p>暂无文章发布。</p>
    <?php endif; ?>
</div>

<?php
/**
 * WordPress自定义主题中动态显示“查看更多”按钮的示例代码
 */

// 1. 定义WP_Query查询参数
$args = array(
    'post_type'      => 'post',
    'posts_per_page' => 3,
    'category_name'  => 'news',
    'orderby'        => 'post_date',
    'order'          => 'DESC',
    'post_status'    => 'publish',
);

// 2. 创建WP_Query实例
$the_query = new WP_Query( $args );

// 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 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">阅读</h5>
            </a>
        </div>
        <?php
    endwhile;
    wp_reset_postdata(); // 恢复全局 $post 变量
else :
    // 如果没有文章，可以不在此处显示内容，交由下方的按钮逻辑统一处理
endif;

// 4. 根据文章数量动态控制“查看更多”按钮或“暂无文章”提示
?>
<div class="col-lg-12">
    <?php if ( $the_query->found_posts > 0 ) : // 如果有任何文章存在，显示“查看更多”按钮 ?>
        <a href="<?php echo esc_url( home_url( '/post/newspage' ) ); ?>">
            <div class="btn-default1">
                <p>查看更多</p>
            </div>
        </a>
    <?php else : // 否则，显示“暂无文章”提示 ?>
        <p>暂无文章发布。</p>
    <?php endif; ?>
</div>