cnumr / best-practices-wordpress

https://ref.greenit.fr/wp/
Other
26 stars 2 forks source link

Appeler les bonnes fonctions WordPress pour les images #160

Open dNicolle opened 2 years ago

dNicolle commented 2 years ago

Split la 23 pour la mettre qu'en contenu & médias reprendre la partie Solution "Code"

dNicolle commented 2 years ago
### Solution code 🌱🌱🌱

Évitez d'afficher les images brutes dans les balises <img />. Par défaut, WP propose trois formats de vignettes (petit, moyen, gros). Ces formats ne conviendront sûrement pas à votre intégration. Alors, définissez vos propres formats de vignettes grâce à la fonction [add_image_size()](https://developer.wordpress.org/reference/functions/add_image_size/).

Pensez aussi à définir des formats d'image pour les petits écrans et à utiliser l'attribut HTML [srcset](https://www.alsacreations.com/article/lire/1621-responsive-images-srcset.html). 
Préférez l'utilisation de [wp_get_attachment_image()](https://developer.wordpress.org/reference/functions/wp_get_attachment_image/) pour l'insertion d'images dynamiques dans vos thèmes pour profiter pleinement de l'optimisation natif de l'attribut HTML `srcset`.
dNicolle commented 2 years ago

Vérifier qu'on n'a pas déjà tout ce qu'il faut ici : WP_4.05-utiliser-une-version-d_image-ayant-taille-coherente-avec-son-utilisation