Ajouter une classe à l’image dans l’éditeur WYSISWG (Advanced Custom Fields / WordPress)

Publié par Jean-Michel le

Je souhaite ajouter une classe à chaque image que je poste dans un champ de l’éditeur WYSISWG des champs personnalisés avancés. Chaque image doit avoir la classe img-fluiden plus des autres classes d’éditeur.

J’ai réussi à ajouter la classe si j’ajoute l’image dans l’éditeur WordPress normal. C’est le code dans mon functions.php:

/* Add img-fluid to images in the_content */
function add_image_responsive_class($content) {
   global $post;
   $pattern ="/<img(.*?)class="(.*?)"(.*?)>/i";
   $replacement = '<img$1class="$2 img-fluid"$3>';
   $content = preg_replace($pattern, $replacement, $content);
   return $content;
}
add_filter('the_content', 'add_image_responsive_class');

Mais ce code ne fonctionne pas pour le champ de l’éditeur WYSISWG des champs personnalisés avancés. Existe-t-il un autre moyen d’aborder l’image dans le contenu ?

Lire également:  Quel est le problème avec ce code pour la barre latérale wordpress

Solution n°1 trouvée

Vous devez également lancer votre action avec le filtre acf_the_content et cela devrait fonctionner correctement (https://www.advancedcustomfields.com/resources/wysiwyg-editor/)

Catégories : Wordpress

Jean-Michel

Jean-Michel est en charge de la partie blog du site. Il met en place la stratégie de contenu et répond aux questions fréquentes sur Wordpress.

0 commentaire

Laisser un commentaire

Avatar placeholder

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