IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Voir le flux RSS

masson_r

Wordpress : Gestion des thumbnails dans les articles.

Noter ce billet
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.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
add_theme_support( 'post-thumbnails' );
Ainsi, un nouvel onglet apparaît dans l'interface back-office de gestion d'un article.

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.
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' );
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 :
- 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 :
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="">
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
get_the_post_thumbnail( $post->id, 'post-thumbnail', [ 'alt' => esc_html ( get_the_title() ) ]);
Dans cette exemple, l'attribut ALT contiendra le titre l'article.

Amusez-vous bien

Envoyer le billet « Wordpress : Gestion des thumbnails dans les articles. » dans le blog Viadeo Envoyer le billet « Wordpress : Gestion des thumbnails dans les articles. » dans le blog Twitter Envoyer le billet « Wordpress : Gestion des thumbnails dans les articles. » dans le blog Google Envoyer le billet « Wordpress : Gestion des thumbnails dans les articles. » dans le blog Facebook Envoyer le billet « Wordpress : Gestion des thumbnails dans les articles. » dans le blog Digg Envoyer le billet « Wordpress : Gestion des thumbnails dans les articles. » dans le blog Delicious Envoyer le billet « Wordpress : Gestion des thumbnails dans les articles. » dans le blog MySpace Envoyer le billet « Wordpress : Gestion des thumbnails dans les articles. » dans le blog Yahoo

Commentaires