X

Comment changer le SRC de l’image en SRC de données pour un chargement paresseux en utilisant le filtre image_send_to_editor ?

Snippets by IsItWP

Vous cherchez un moyen de changer l’image src en data-src pour un chargement paresseux en utilisant le filtre image_send_to_editor? Bien qu’il existe probablement un plugin pour cela, nous avons créé un extrait de code rapide que vous pouvez utiliser pour changer le src de l’image en data-src pour un chargement paresseux.

Instructions:

Tout ce que vous avez à faire est d’ajouter ce code au fichier functions.php de votre thème ou dans un plugin spécifique à votre site:

function example_lazy_load($html, $id, $caption, $title, $align, $url) {
  $src  = 'src="'.get_template_directory_uri().'/i/thumb.png"';
  $html = str_replace( "<img src", "<img {$src} data-src", $html );
  return $html;
}
add_filter( 'image_send_to_editor', 'example_lazy_load', 10, 9 );

Cet extrait utilise image_send_to_editor et filtre la sortie HTML en remplaçant src par data-src puis ajoute un nouvel attribut src avec une vignette d’image par défaut. Il s’agit d’une solution assez simple, mais qui vous permet de contrôler la sortie créée dans votre éditeur d’articles afin de vous assurer que les images ajoutées par les clients sont chargées paresseusement. Assurez-vous de mettre à jour la variable $src avec l’URL de votre vignette par défaut.

Note : Si c’est la première fois que vous ajoutez des extraits de code dans WordPress, veuillez vous référer à notre guide sur la façon d’ajouter correctement des extraits de code dans WordPress, afin de ne pas briser accidentellement votre site.

Si vous avez aimé cet extrait de code, n’hésitez pas à consulter nos autres articles sur le site comme : 50+ meilleurs thèmes WooCommerce pour votre boutique en ligne et 7 meilleurs plugins WordPress GDPR.

Commentaires   laisser une réponse

  1. Victoria Castello février 1, 2023 à 8:24 pm

    Not working

  2. Dendy Imobiliare mars 15, 2019 à 2:09 pm

    Work just for wordpress?

  3. Not working:(

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 privacy policy, et que tous les liens sont en nofollow. N'utilisez PAS de mots-clés dans le champ du nom. Engageons une conversation personnelle et constructive.

WordPress Launch Checklist

L'ultime liste de contrôle pour le lancement de WordPress

Nous avons rassemblé 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 le gratuit !