Ajouter une classe personnalisée à une image ACF

Posté par le

0 commentaires :(

Ajouter une classe personnalisée à une image ACF

Un snippet bien pratique qui permet de remplacer les classes CSS par défaut d’une image par celles que vous voulez.

La plugin ACF permet d’ajouter un champ image qui appelle, je vous le donne dans le mille, une image en front.

Les images de WordPress arrivent avec une myriade classes CSS. Seulement, vous pouvez vouloir en assigner une ou plusieurs qui vous seraient propres. Voilà comment faire :

<?php if( $image ) {
echo wp_get_attachment_image($image, $size, "",array('class' => 'MY-CUSTOM-CLASS') );
} ?>

Par exemple, si vous voulez désactiver le lazy-loading du plugin Jetpack sur une image, vous pourrez lui assigner la class skip-lazy :

<?php if( $image ) {
echo wp_get_attachment_image($image, $size, "",array('class' => 'skip-lazy') );
} ?>

Nicolas Aune est Directeur Artistique basé à Marseille. Fondateur d’Épicentre Production et créateur de la chaîne YouTube PUShAUNE, il évolue depuis plus de 15 ans dans les domaines de la publicité, de la mode et du corporate. À travers ses productions photo et vidéo, il partage son expérience du terrain au travers de tests matériel, de tutoriels et de retours d’expérience dédiés à la photographie, à la vidéo et le développement WordPress.

Un projet ? Contactez-moi !

Tu kiffes ? Alors partage avec tes potes !

Sois pas timide, lâche tes com’ !

Votre adresse e-mail 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 la façon dont les données de vos commentaires sont traitées.