vi da nam ben trong file
// =============================================

if ( ! function_exists( 'nwd_blog_posts_shortcode' ) ) :

function nwd_blog_posts_shortcode( $atts ) {
    $atts = shortcode_atts( array(
        'posts'    => 3,
        'category' => '',
        'title'    => 'Tin tức & Kiến thức',
        'subtitle' => 'Cập nhật liên tục Kiến thức, Thông tin ngành SEO và Google Update mới nhất.',
    ), $atts, 'nwd_blog' );

    $args = array(
        'post_type'      => 'post',
        'post_status'    => 'publish',
        'posts_per_page' => intval( $atts['posts'] ),
        'orderby'        => 'date',
        'order'          => 'DESC',
    );

    if ( ! empty( $atts['category'] ) ) {
        $args['category_name'] = sanitize_text_field( $atts['category'] );
    }

    $blog_url = get_permalink( get_option( 'page_for_posts' ) );
    if ( ! $blog_url ) {
        $blog_url = home_url( '/blog/' );
    }

    $q = new WP_Query( $args );
    $html = '';

    $html .= '<div class="nwd-blog">';
    $html .= '<div class="nwd-blog__header">';
    $html .= '<div class="nwd-blog__header-left">';
    $html .= '<h2 class="nwd-blog__title">' . wp_kses_post( $atts['title'] ) . ' <span class="nwd-blog__title-line"></span></h2>';
    $html .= '<p class="nwd-blog__subtitle">' . esc_html( $atts['subtitle'] ) . '</p>';
    $html .= '</div>';
    $html .= '<a href="' . esc_url( $blog_url ) . '" class="nwd-blog__btn-start">B&#7854;T &#272;&#7846;U <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>';
    $html .= '</div>';

    if ( $q->have_posts() ) {
        $html .= '<div class="nwd-blog__grid">';

        while ( $q->have_posts() ) {
            $q->the_post();

            $permalink  = get_the_permalink();
            $title      = get_the_title();
            $date       = get_the_date( 'j M Y' );
            $excerpt    = wp_trim_words( get_the_excerpt(), 18, '...' );

            $html .= '<article class="nwd-blog__card">';

            // Anh thumbnail
            $html .= '<a href="' . esc_url( $permalink ) . '" class="nwd-blog__card-img-link">';
            if ( has_post_thumbnail() ) {
                $thumb_url = get_the_post_thumbnail_url( null, 'medium' );
                $html .= '<img class="nwd-blog__card-img" src="' . esc_url( $thumb_url ) . '" alt="' . esc_attr( $title ) . '" loading="lazy">';
            } else {
                $html .= '<div class="nwd-blog__card-img-placeholder">';
                $html .= '<svg width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="#2078e4" stroke-width="1.5"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>';
                $html .= '</div>';
            }
            $html .= '</a>';

            // Noi dung card
            $html .= '<div class="nwd-blog__card-body">';

            $html .= '<div class="nwd-blog__card-date">';
            $html .= '<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="18" rx="2"/><path d="M16 2v4M8 2v4M3 10h18"/></svg>';
            $html .= esc_html( $date );
            $html .= '</div>';

            $html .= '<h3 class="nwd-blog__card-title"><a href="' . esc_url( $permalink ) . '">' . esc_html( $title ) . '</a></h3>';
            $html .= '<div class="nwd-blog__card-divider"></div>';
            $html .= '<p class="nwd-blog__card-excerpt">' . esc_html( $excerpt ) . '</p>';

            $html .= '<div class="nwd-blog__card-footer">';
            $html .= '<a href="' . esc_url( $permalink ) . '" class="nwd-blog__card-link">T&igrave;m hi&#7875;u th&ecirc;m</a>';
            $html .= '<a href="' . esc_url( $permalink ) . '" class="nwd-blog__card-arrow" aria-label="&#272;&#7885;c b&agrave;i vi&#7871;t">';
            $html .= '<svg width="13" height="13" viewBox="0 0 24 24" fill="none"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>';
            $html .= '</a>';
            $html .= '</div>';

            $html .= '</div>';
            $html .= '</article>';
        }

        wp_reset_postdata();
        $html .= '</div>';
    }

    $html .= '<div class="nwd-blog__footer">';
    $html .= '<a href="' . esc_url( $blog_url ) . '" class="nwd-blog__btn-more">XEM TH&Ecirc;M <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>';
    $html .= '</div>';

    $html .= '</div>';

    return $html;
}
add_shortcode( 'nwd_blog', 'nwd_blog_posts_shortcode' );

endif;