Wordpress : Gestion des thumbnails dans les articles.
par
, 27/04/2020 à 23h24 (473 Affichages)
Bonjour,
Pour les besoins de réalisation d'un thème Wordpress, je suis arrivé à devoir gérer des thumbnails (ou miniature en français) dans les articles pour répondre au besoin fonctionnel exprimé.
Par défaut, sur les dernières version de Wordpress, l'option n'est pas activée.
Pour la rendre visible, il suffit de déclarer la chose suivante dans le functions.php de votre thème.
Ainsi, un nouvel onglet apparaît dans l'interface back-office de gestion d'un article.
Code : Sélectionner tout - Visualiser dans une fenêtre à part add_theme_support( 'post-thumbnails' );
Au besoin, il est possible de l'encapsuler dans une méthode qui sera elle-même interprétée lors du setup du thème.
Ensuite, il n'y a plus qu'à gérer le thumbnail depuis le template du thème avec la méthode get_the_post_thumbnail :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4 function my_post_thumbnails() { add_theme_support( 'post-thumbnails' ); } add_action( 'after_setup_theme', 'my_post_thumbnails' );
- Sans paramètre, si on est déjà dans le template de l'article que l'on cherche à gérer
- Avec un paramètre correspondant à l'identifiant de l'article dont on souhaite récupérer le thumbnail.
Attention, la fonction renvoie un code HTML complet avec balise IMG et attributs, comme par exemple :
Il est aussi possible d'adapter les attributs, notamment le ALT pour le SEO, en les passants en paramètres.
Code : Sélectionner tout - Visualiser dans une fenêtre à part <img width="108" height="106" src="http://localhost/wp-content/uploads/2020/04/Actu4.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="">
Dans cette exemple, l'attribut ALT contiendra le titre l'article.
Code : Sélectionner tout - Visualiser dans une fenêtre à part get_the_post_thumbnail( $post->id, 'post-thumbnail', [ 'alt' => esc_html ( get_the_title() ) ]);
Amusez-vous bien![]()