wordpress如何将指定文章分类的文章列表中的缩略图输出到首页中？

大家好，我是FUNION数字营销实战派飞小优，就那天跟大家介绍wordpress如何将指定文章分类的文章列表中的缩略图输出到首页中实现方法，废话不多说具体如下：

要在WordPress中将分类ID为5的文章列表中的缩略图输出到首页中，可以通过以下步骤实现：

方法一：使用自定义查询和循环

1. 编辑首页模板文件：
   打开你的主题的首页模板文件（通常是 index.php 或 front-page.php）。
2. 添加自定义查询：
   在模板文件中添加一个自定义查询，假如以获取分类ID为5的文章。
3. 输出缩略图：
   在循环中输出每篇文章的缩略图。

以下是一个示例代码：

<?php
// 自定义查询，获取分类ID为5的文章
$args = array(
    'category' => 5,
    'posts_per_page' => 10, // 你可以根据需要调整每页显示的文章数量
);

$custom_query = new WP_Query( $args );

if ( $custom_query->have_posts() ) :
    while ( $custom_query->have_posts() ) : $custom_query->the_post();
        // 输出文章缩略图
        if ( has_post_thumbnail() ) {
            the_post_thumbnail('thumbnail'); // 你可以使用 'medium', 'large' 等其他尺寸
        }
        // 输出文章标题和链接
        echo '<h2><a href="' . get_the_permalink() . '">' . get_the_title() . '</a></h2>';
    endwhile;
    wp_reset_postdata(); // 重置查询
else :
    echo '<p>没有找到相关文章。</p>';
endif;
?>

方法二：使用插件

如果你不熟悉代码，可以使用一些插件来实现这个功能，例如：

1. WPBakery Page Builder 或 Elementor：
   这些页面构建器插件允许你通过拖放元素来创建自定义布局，并且可以轻松地添加分类文章列表和缩略图。
2. Category Posts Widget：
   这个插件允许你在侧边栏或任何其他区域显示特定分类的文章列表，并且可以配置为显示缩略图。

方法三：使用短代码

如果你更喜欢使用短代码，可以创建一个自定义短代码来实现这个功能。

1. 创建自定义短代码：
   在你的主题的 functions.php 文件中添加以下代码：

function category_posts_thumbnail_shortcode( $atts ) {
    $atts = shortcode_atts( array(
        'cat_id' => 5,
        'posts_per_page' => 10,
    ), $atts, 'category_posts_thumbnail' );

    $args = array(
        'category' => $atts['cat_id'],
        'posts_per_page' => $atts['posts_per_page'],
    );

    $custom_query = new WP_Query( $args );

    $output = '';

    if ( $custom_query->have_posts() ) {
        while ( $custom_query->have_posts() ) {
            $custom_query->the_post();
            if ( has_post_thumbnail() ) {
                $output .= '<div>' . get_the_post_thumbnail(get_the_ID(), 'thumbnail') . '</div>';
            }
        }
        wp_reset_postdata();
    } else {
        $output = '<p>没有找到相关文章。</p>';
    }

    return $output;
}
add_shortcode( 'category_posts_thumbnail', 'category_posts_thumbnail_shortcode' );

2. 在首页中使用短代码：
   在你的首页模板文件或编辑器中添加以下短代码：

[category_posts_thumbnail cat_id="5" posts_per_page="10"]

这样，你就可以在首页中显示分类ID为5的文章列表中的缩略图了。

以上就是具体实现教程了，大家可以赶紧实操下！