Taille des miniatures dans la liste des posts – Divi Theme

Août 2, 2015 | wordPress | 2 Commentaires

Notez que cet article a été écrit il y a plus de 3 ans, mais il n'est pas forcément obsolète.

Taille des thumbnails dans le thème Divi de WordPress
Taille des thumbnails dans le thème Divi de WordPress

La taille des miniatures, dans la liste des posts n’est pas bien définie, et le thème Divi les affiche en grande taille. Pour redéfinir la taille et les styliser, on ajoute dans functions.php:

functions.php:

1
2
3
4
5
6
7
8
9
// Tailles de et_pb_index_blog_image thumbnail
add_filter( 'et_pb_index_blog_image_width', 'xbs_index_thumbnail_width');
function xbs_index_thumbnail_width( $width ) {
return 150; //index thumbnail width in pixels
}
add_filter( 'et_pb_index_blog_image_height', 'xbs_index_thumbnail_height');
function xbs_index_thumbnail_height( $height ) {
return 150; //index thumbnail height in pixels
}

On applique ensuite le style:

style.css:

1
2
3
4
5
/* Post_thumbnail */
.et_pb_post img {
float: left;
margin: 10px 10px 0 0;
}

Et hop, des miniatures qui en sont vriment dans la liste des articles du bloc.

2 Commentaires

  1. Cimarr0n le 6 mars 2016 à 10 h 56 min

    Bonjour et merci pour vos astuces.

    Mes miniatures s’affichent mal sur la liste des posts avec le thème Divi : l’image est retaillée avec une largeur de 100px maximum et les proportions sont conservées, cela donne donc une petite image rectangulaire au lieu d’un carré. Visiblement, Divi ne va pas chercher le format « miniature » de WordPress mais crée son propre format.

    Sauriez-vous comment corriger cela ?

    Merci d’avance pour votre réponse.

    Répondre
  2. xavier_bs le 8 mars 2016 à 23 h 08 min

    Bonjour,

    Avec les deux hooks : ‘et_pb_index_blog_image_width’ et ‘et_pb_index_blog_image_height’ cela devrait fonctionner dans le thème enfant. Un site qui en parle également : wptechcentre.com

    Pour ma part, j’ai recopié le code de index.php dans mon thème enfant, et j’ai remplacé à la ligne 40 (Divi version 2.1.2)

    1
    <?php print_thumbnail( $thumb, $thumbnail["use_timthumb"], $titletext, $width, $height ); ?>

    par 

    1
    <?php  the_post_thumbnail( 'thumbnail' ); ?>

    On peut utiliser après les réglages WP.

    Répondre

Soumettre un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.