Vous connaissez probablement le widget Catégorie dans WordPress. Récemment, l’un de nos lecteurs nous a demandé s’il était également possible d’afficher les publications récentes dans une liste déroulante. Dans cet article, nous allons vous montrer comment afficher les publications récentes sous forme de liste déroulante dans WordPress.
Pourquoi et qui a besoin de messages récents dans le menu déroulant ?
WordPress est livré avec un widget de publications récentes intégré que vous pouvez ajouter à n’importe quelle barre latérale ou zone prête pour les widgets.
Ce widget affiche simplement une liste de publications récentes, et vous pouvez choisir le nombre de publications que vous souhaitez afficher. Mais si vous souhaitez afficher plus de 5 à 10 publications, la liste prendra beaucoup de place dans votre barre latérale.
Certains utilisateurs de WordPress peuvent avoir besoin d’un moyen compact pour afficher les publications récentes. Dans ce cas, l’utilisation de listes déroulantes ou de listes réductibles peut vous aider à économiser de l’espace.
Jetons un coup d’œil à différentes manières d’afficher les publications récentes sous forme de menu déroulant dans WordPress.
Affichage des publications récentes de WordPress dans un menu déroulant simple (code manuel)
Cette méthode utilise la fonction intégrée wp_get_recent_posts
fonction. Tout ce que vous avez à faire est de copier et coller le code suivant dans le fichier functions.php de votre thème ou dans un plugin spécifique au site.
function wpb_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', 'wpb_recentposts_dropdown'); add_filter('widget_text','do_shortcode');
Vous pouvez maintenant utiliser le shortcode [rp_dropdown]
dans vos articles, pages et widgets de texte WordPress. Il ressemblera à ceci:
Ajout de messages récents réductibles à l’aide d’un plugin
La méthode ci-dessus répertorie simplement vos publications récentes dans un formulaire déroulant. Une autre façon d’économiser de l’espace consiste à ajouter une liste réductible de messages récents qui se développe lorsque les utilisateurs cliquent dessus.
La première chose à faire est d’installer et d’activer le Collapse-O-Matic brancher. Cela fonctionne immédiatement et vous n’avez aucun paramètre à configurer.
Le plugin vous permet simplement d’afficher n’importe quoi dans un menu réductible à l’aide d’un shortcode.
Avant d’utiliser ce plugin, nous avons besoin d’un moyen d’afficher facilement les publications récentes où nous voulons. Ajoutez simplement ce code au fichier functions.php de votre thème ou à un plugin spécifique au site.
function wpb_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', 'wpb_recentposts'); add_filter('widget_text','do_shortcode');
Ce code vous permet simplement d’afficher une liste des publications récentes en utilisant le shortcode [recentposts]
.
Nous allons maintenant ajouter notre shortcode dans le shortcode Collapse-O-Matic pour créer une liste réductible des publications récentes.
Ajoutez simplement le shortcode comme ceci :
[expand title="Recent Posts"][recentposts][/expand]
Vous pouvez ajouter ce shortcode dans un widget texte, des articles ou des pages sur votre site WordPress. Voici à quoi cela ressemblait sur notre site de test.
C’est tout, nous espérons que cet article vous a aidé à afficher les publications récentes sous forme de liste déroulante dans WordPress. Vous voudrez peut-être aussi voir ces 6 conseils pour créer un calendrier éditorial de tueur dans WordPress.