18 juin Astuces et articles / Astuces html css

Comment afficher les articles mis en avant sur wordpress ?

Nous allons grâce à cet article voir comment afficher les articles que vous aurez mis en avant dans le backoffice.

Sur la partie administration de wordpress

Pour rappel, pour mettre un article en avant dans l’administration, rien de plus simple :

Lors de l’édition d’un article wordpress, dans la colonne de droite et le cadre publier, vous trouverez le texte « Visibilité : Public Modifier ». Cliquez sur « Modifier » et cochez la case « Mettre cet article en avant sur la page d’accueil »

Mettre en avant un article

 

Maintenant la partie développeur wordpress

Vous allez insérer ce code là où vous voulez afficher votre article mis en avant :

<?php

$recentPosts = new WP_Query();

$sticky = get_option(‘sticky_posts’);

$args = array(

‘showposts’ => 3,

‘post__in’ => $sticky,

‘caller_get_posts’ => 1,

‘orderby’ => ‘date’,

);

$recentPosts->query($args);

while ($recentPosts->have_posts()) : $recentPosts->the_post();

?>

 

<div>

<?php if ( has_post_thumbnail()) : ?>

<h3><a href= »<?php the_permalink(); ?> » title= »<?php the_title_attribute(); ?> »><?php the_title(); ?></a></h3>

<a href= »<?php the_permalink(); ?> » title= »<?php the_title_attribute(); ?> » ><?php the_post_thumbnail(‘large’); ?></a>

<?php the_excerpt(25); ?><a class= »lire-la-suite » href= »<?php the_permalink(); ?> » title= »<?php the_title_attribute(); ?> »>Lire</a>

<?php endif; ?>

</div>

<?php endwhile; ?>
</div>

Explication rapide du code

Le code va regarder si l’option « mise en avant » est coché pour chaque article. Si cela est le cas, le titre de l’article (en h3), l’image à la une, l’extrait et un bouton « Lire » s’afficheront automatiquement.

Le titre, la vignette et le bouton « Lire » seront cliquables grâce à la balise <a>.

Dans les réglages de ce développement les options sont : 3 articles s’affichent au maximum et ils sont classés par date.

 

Voilà un petit bout de code indispensable pour tout développeur wordpress, un de plus !

Si vous aussi vous avez des astuces que vous voulez faire partager, n’hésitez pas à me les communiquer (par mail ou par commentaire).

Et si vous voulez être sûr de ne pas louper mes derniers articles devenez membre de mon réseau Google+.

See you soon on the web.

Tags: