7294 sujets

Développement web côté serveur, CMS

Bonjour,

Je cherche à personnaliser le html de mes images sous WordPress, jusqu'à maintenant je filtrais la fonction img_caption_shortcode() avec tout un tas de regex pour obtenir mon propre html. Grâce à cela je pouvais avoir mes images dans des balises <figure> et <picture> alors que WP ne le proposait pas encore...

Mais maintenant j'aimerais aller plus loin dans la maîtrise des metas srcset et mon système de regex atteint ses limites.

En effet par défaut WP produit quelque chose comme ceci :
<figure id="attachment_16" style="width: 300px" class="wp-caption alignnone"><img src="http://lesite.truc/wp-content/uploads/2017/06/MonImage-300x200.jpg" alt="" width="300" height="200" class="size-medium wp-image-16" srcset="http://lesite.truc/wp-content/uploads/2017/06/MonImage-300x200.jpg 300w,  http://lesite.truc/wp-content/uploads/2017/06/MonImage-768x512.jpg  768w,  http://lesite.truc/wp-content/uploads/2017/06/MonImage-1024x683.jpg  1024w,  http://lesite.truc/wp-content/uploads/2017/06/MonImage-1000x667.jpg  1000w,  http://lesite.truc/wp-content/uploads/2017/06/MonImage-1500x1000.jpg  1500w,  http://lesite.truc/wp-content/uploads/2017/06/MonImage-800x534.jpg  800w,  http://lesite.truc/wp-content/uploads/2017/06/MonImage-600x400.jpg  600w,  http://lesite.truc/wp-content/uploads/2017/06/MonImage-400x267.jpg  400w,  http://lesite.truc/wp-content/uploads/2017/06/MonImage.jpg  1600w" sizes="100vw"><figcaption class="wp-caption-text">Mon image décrite ici.</figcaption></figure>

Ce qui ne me convient pas car j’aimerais personnaliser le code avec des éléments <picture> et <source>. Comment faire pour ne récupérer que les paths des fichiers associés à une image uploadée ?
Modifié par Olivier C (17 Jun 2017 - 18:05)
Ah ben justement... je pense que mon dernier tuto en vidéo pourra t'aider à récupérer les chemins de toutes les images créées par WordPress dans la bibliothèque de Médias.

voir ce topic que tu as commenté

tiens moi au courant Smiley smile

Je crois aussi qu'il y a dans WP un hook pour activer certaines fonctions liées à HTML5 qui s'appliquent aussi aux images (je me rappelel de ça au sujet des widgets)
Modifié par lionel_css3 (17 Jun 2017 - 20:48)
fais un petit

var_dump(wp_get_attachment_metadata($post->ID));

et tu vas voir plein de choses Smiley smile
Meilleure solution
Ah oui pardon : saison 5 -> épisode 04/9 -> 13'26'', merci à toi, je l'avais entraperçu dans l'intro mais je n'étais pas encore allé assez loin.