Format d'images WordPress

Version imprimable

02/09/2022, 10h56
SpaceFrog

Format d'images WordPress

Existe-il un moyen de forcer le format des images dans WordPress?

Je dois afficher une page qui liste les actualités du site.
J'utilise les posts pour les actus
j'ai rajouté avec PODS des champs à mes posts
le premier est l'image de l'actu
le second la manchette de l'actu

puis je boucle sur les posts pour afficher la liste des images sous la forme de cartouches

Citation:

====================
TITRE ACTU 1
====================

image manchette

====================
TITRE ACTU 2
====================

image manchette

Je suis confronté au problème de la taille des images car les utilisateurs peuvent télécharger n'importe quel format d'image (ratio )

Je souhaiterai savoir si il y a un moyen hormis un clip ou une image de background centrée pour afficher toujours une image carrée.
Peut être au moment de l'upload forcer un format ?
02/09/2022, 11h24
mathieu

au moment de l'upload, wordpress prépare différents formats d'image et on peut rajouter des formats personnalisés.
pour le code d'ajout du format et ensuite de l'utilisation de ce format, cela dépend du thème utilisé.

est ce que tu as un thème installé en passant par la page "Thèmes" de l'espace d'administration ? si c'est le cas la 1re étape est de créer un thème enfant pour ne pas perdre les modifications lors de la prochaine mise à jour du thème :
https://wpformation.com/theme-enfant-wordpress/
https://codex.wordpress.org/fr:Th%C3%A8mes_Enfant

je viens de penser que peut-être un des formats de base pourrait te servir ? regarde dans "Réglages" -> "Média", tu pourras y modifier la taille de la miniature qui est carrée de base.

ensuite tu auras besoin de ce code :

Code:

1
2
3
4
5
6
7
8
9
10
$id_article = get_the_ID();
 
$id_image = get_post_thumbnail_id($id_article); // identifiant de l'image uploadée
 
$meta = wp_get_attachment_metadata($id_image);
// $meta["size"] va contenir les différents formats d'image disponibles
 
// si tu veux utiliser le format de la miniature de base (clé "thumbnail" dans $meta["size"]), le code suivant va afficher la balise "img"
// et l'attribut srcset sera aussi généré avec les différents formats utilisables
echo wp_get_attachment_image($id_image, "thumbnail");

02/09/2022, 11h43
SpaceFrog

Je developpe mon propre thème...

Des formats personnalisés ?
Imaginons que je rajoute un format carré 200x200
Comment ça se passe pour le crop de l'image ? l'utilisateur peut-il choisir la zone à cropper ?
02/09/2022, 12h05
mathieu

la taille de l'image est réduite et ensuite les bords sont coupés pour garder le centre.
j'ai déjà vu il y a quelques jours un thème qui permettait de choisir une image et qui permettait de recadrer l'image à l'endroit de son choix. je vais voir si je retrouve ça.
02/09/2022, 13h11
mathieu

c'est un système qui est dans le cœur de wordpress mais il apparait seulement pour le thème qui permettent de choisir une image d'entête comme le thème storefront par exemple.
le choix est dans "personnaliser" -> "entête" et il a l'air d'être fortement lié au système de personnalisation de page donc je ne sais pas comment tu pourrais utiliser cela sur la page d'édition d'un article.
02/09/2022, 14h15
SpaceFrog

Il existe des plugins pour cropper

Mais bon j'en ai tellement marre de ce Framework à la noix je vais juste utiliser le thumbnail de base de l'image, ils n'auront qu'a faire gaffe aux images qu'ils vont uploader pour que le centrage automatique du thumbnail soit acceptable.

J'utilise déja le principe du centrage au moyen d'eun image de background pour les images d'un slider. Il connaissent le format (ratio ) adapté au slider, si ils uploadent une image d'aun autre ratio elle est automatiquement centrée en background image. A l'équipe de rédaction de faire gaffe à leurs images...