Vous êtes probablement familier avec le widget des catégories qui affiche ces derniers dans une liste déroulante. Récemment, un abonné souhaitait mettre sur pied une liste similaire (dans le menu déroulant), mais cette fois-ci pour les articles.

Dans ce tutoriel, je vous montrerai comment afficher une liste déroulante d’article récents.

recentpostsdisplay

Pourquoi avez-vous besoin d’afficher une liste d’articles récents ?

WordPress propose un widget par défaut des articles récents. Ce widget affiche simplement les récents articles de votre blog, et le nombre d’articles maximum peut être choisi. Mais si vous souhaitez afficher plus de 5 à 10 articles, la liste sur votre sidebar deviendra plus longue.

Certains utilisateurs de WordPress ont besoin de rendre les choses plus compactes dans l’affichage de leurs articles récents. Dans ce cas, utiliser un menu avec une liste déroulante d’articles vous permettra de gagner de l’espace dans les sidebars.

Regardons les différentes façons dont vous pouvez ajouter vos articles récents dans une liste déroulante.

Comment ajouter les articles récents dans une menu déroulant simple

Cette méthode utilise la fonction internet « wp_get_recents_posts« . Tout ce que vous avez besoin de faire, c’est de copier et de coller le code suivant dans un fichier spécifique de votre thème ou dans un de vos plugins.

function recentposts_dropdown() { 
$string .= '<select id="rpdropdown">
            <option  value="" selected>Select a Post<option>';

$args = array( 'numberposts' => '5', 'post_status' => 'publish' );

$recent_posts = wp_get_recent_posts($args);
    foreach( $recent_posts as $recent ){
        $string .= '<option value="' . get_permalink($recent["ID"]) . '">' .   $recent["post_title"].'</option> ';
    }

$string .= '</select>
            <script type="text/javascript"> var urlmenu = document.getElementById( "rpdropdown" ); urlmenu.onchange = function() {
            window.open( this.options[ this.selectedIndex ].value, "_self" );
            };
            </script>';

return $string;
} 
add_shortcode('rp_dropdown', 'recentposts_dropdown');
add_filter('widget_text','do_shortcode');

Désormais, vous pouvez utiliser le shortcode « [rp_dropdown] » sur vos articles ou sur le widget texte de votre.

recentpostsmenu

Comment afficher les articles récents à l’aide d’un plugin

La méthode précédente vous permet tout simplement d’afficher une liste de vos articles récents sur votre blog WordPress. Une autre façon de le faire pour gagner de l’espace, c’est d’ajouter une liste dynamique dépliable.

Ce que vous devez faire dans ce cas c’est d’installer et d’activer le plugin Collapse-O-MaticCe plugin fonctionne sans configuration et il n’existe aucun réglage.

Ce plugin vous permet de tout afficher dans une liste déroulante en utilisant un shortcode.

Mais avant d’utiliser ce plugin, nous allons aimerons avoir la possibilité d’afficher les articles récents un peu partout où nous le souhaitons. Tout ce que vous avez à faire dans ce cas, c’est d’ajouter le code suivant soit dans le fichier functions.php de votre thème, soit dans un de vos plugins.

function recentposts() { 

$string .= '<ul>';
$args = array( 'numberposts' => '5', 'post_status' => 'publish' );
$recent_posts = wp_get_recent_posts($args);
    foreach( $recent_posts as $recent ){
        $string .= '<li><a href="' . get_permalink($recent["ID"]) . '">' .   $recent["post_title"].'</a></li> ';
    }
$string .= '</ul>';
return $string;
} 
add_shortcode('recentposts', 'recentposts');
add_filter('widget_text','do_shortcode');

Cette portion de code vous permet d’ajouter les articles récents sur votre blog en utilisant le shortcode « [recentposts]« .

Maintenant nous allons allons ajouter notre shortcode dans le shortcode du plugin Collapsible-O-Matic, pour créer un menu dépliable. Voici un exemple concret :

[expand title= »Recent Posts »][recentposts][/expand]

N’oubliez pas de remplacer la valeur de l’attribut « title » du shortcode « expand », pour modifier le titre du widget. Vous aurez sensiblement une liste similaire à celle-ci :

recentposts-collapsible

Comme vous pouvez le remarquer, c’est aussi simplement que ça. J’espère que tout fonctionnera correctement sur votre blog. Vous aurez peut être besoin de faire une sauvegarde de votre blog avant cette opération.

C’est tout pour cet article, n’hésitez pas à le proposer à vos amis sur vos réseaux sociaux préférés et je vous souhaite bonnée année à tous !