WordPressでカテゴリー付き最新投稿を柔軟に表示！カスタムショートコードの作り方

function custom_latest_posts_with_category($atts) {
    
    $atts = shortcode_atts(
        array(
            'posts_per_page' => 10, // 件数を設定（例は10件）
            'category' => '', // カテゴリ名またはスラッグを指定可能（カンマ区切り対応）
        ),
        $atts
    );

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

    if (!empty($atts['category'])) {
        $categories = sanitize_text_field($atts['category']);
        $args['category_name'] = implode(',', array_map('trim', explode(',', $categories)));
    }

    $latest_posts = new WP_Query($args);

    if ($latest_posts->have_posts()) {
        $output = '<div class="custom-latest-posts">';
        
        while ($latest_posts->have_posts()) {
            $latest_posts->the_post();
            $categories = get_the_category();

            $output .= '<div class="latest-post-item">';
            $output .= '<div class="post-meta">';
            
            $post_date = get_the_date('Y年n月j日');
            $output .= '<p class="post-date">' . esc_html($post_date) . '</p>'; 

            $output .= '<div class="category-names">';
            foreach ($categories as $category) {
                $output .= '<span class="category-name ' . esc_attr($category->slug) . '">' . esc_html($category->name) . '</span>';
            }
            $output .= '</div>'; // category-names
            $output .= '</div>'; // post-meta

            $output .= '<h3><a href="' . get_permalink() . '">' . get_the_title() . '</a></h3>';
            $output .= '</div>'; // latest-post-item
        }

        wp_reset_postdata();
        $output .= '</div>'; // custom-latest-posts
    } else {
        $output = '<p>最新の投稿はありません。</p>';
    }

    return $output;
}
add_shortcode('latest_posts_with_category', 'custom_latest_posts_with_category');

$args['post_type'] = 'custom_post';