X

Envelopper automatiquement les images dans the_content avec du HTML personnalisé

Extraits par IsItWP

Voulez-vous envelopper automatiquement les images dans the_content avec du HTML personnalisé ? Les images divisent toujours le contenu en paragraphes. Cependant, vous pouvez facilement les envelopper avec votre contenu en utilisant le HTML personnalisé.

Instructions :

Il vous suffit d'ajouter ce code au fichier functions.php de votre thème ou dans un plugin spécifique au site :

function filter_images($content){
    return preg_replace('/<img (.*) \/>\s*/iU', '<span class="className"><b><img \1 /></b></span>', $content);
}
add_filter('the_content', 'filter_images');

Remarque : Si c'est la première fois que vous ajoutez des extraits de code dans WordPress, veuillez consulter notre guide sur la manière de copier / coller correctement des extraits de code dans WordPress, afin de ne pas casser accidentellement votre site.

Si vous avez aimé cet extrait de code, n'hésitez pas à consulter nos autres articles sur le site tels que : 27 meilleurs thèmes WordPress pour votre site Web et 15 meilleurs outils et plugins de marketing de contenu pour WordPress.

Commentaires   Laisser une réponse

  1. Petit problème, si vous utilisez une légende, le texte de la légende se retrouve en dehors de la div. J'utiliserais également l'élément figure, c'est ce que WP utilise si une image a une légende. Aide svp !

  2. Super !

  3. Je t'aime mec ! Super script

Ajouter un commentaire

Nous sommes heureux que vous ayez choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre politique de confidentialité, et tous les liens sont nofollow. N'utilisez PAS de mots-clés dans le champ nom. Ayons une conversation personnelle et significative.

Liste de contrôle de lancement WordPress

La checklist ultime pour lancer un WordPress

Nous avons compilé tous les éléments essentiels de la liste de contrôle pour le lancement de votre prochain site Web WordPress dans un ebook pratique.
Oui, envoyez-moi l'eBook gratuit !