Les shortcodes

Un premier Shortcode qui affiche les titres des 5 derniers articles

A copier dans votre fichier functions.php


add_shortcode( 'query_shortcode', 'query_shortcode_function' );
function query_shortcode_function() {
    $buffer = '<h3>Shortcode: 5 derniers articles</h3>';
    $q = new WP_Query(array(
        'post_type' => 'post',
        'posts_per_page' => 5
    ));
    while ($q->have_posts()) {
        $q->the_post();
        $buffer = $buffer.get_the_title().'<br>';
    }
    wp_reset_postdata();
    return $buffer;
}

A insérer là où vous souhaiter le faire apparaître

[query_shortcode]

Une adaptation qui affiche les titres des 3 derniers articles ainsi que le résumé dans une grille d’article


add_shortcode( 'query_shortcode', 'query_shortcode_function' );
function query_shortcode_function() {
    $buffer = '<h3>Shortcode: 3 derniers articles</h3><div class="shortcode-grid">';
    $q = new WP_Query(array(
        'post_type' => 'post',
        'posts_per_page' => 3
    ));
    while ($q->have_posts()) {
        $q->the_post();
        $buffer = $buffer.'<article class="shortcode-grid-item">';
        $buffer = $buffer.'<h3>'.get_the_title().'</h3>';
        $buffer = $buffer.'<div class="shortcode-grid-item-excerpt">'.get_the_excerpt().'</div><!-- .shortcode-grid-item-excerpt -->';
        $buffer = $buffer.'</article>';
    }
    wp_reset_postdata();
    $buffer = $buffer.'</div><!-- .shortcode-grid -->';
    return $buffer;
}

Références:

https://wpshout.com/quick-guides/using-wp_query-first-time-shortcode-show-post-titles/


https://kinsta.com/fr/blog/shortcodes-wordpress/
https://codex.wordpress.org/Shortcode_API