Notez que cet article a été écrit il y a plus de 5 ans, mais il n'est pas forcément obsolète.
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.
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.
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)
par
On peut utiliser après les réglages WP.