WordPress intègre des outils pour éditer vos images directement depuis le back-office : redimensionnement, rognage et rotation sont autant d’outils souvent méconnus des utilisateurs débutants. Ce tutoriel vidéo aura donc pour objectif de vous faire découvrir une fonctionnalité bien pratique.

Je vous propose donc un tutoriel spécialement dédié aux débutants pour changer un peu. Aujourd’hui, pas de fonctions spéciales ou de boucles PHP, uniquement un article pour mettre en lumière certaines fonctionnalités de WordPress à côté desquelles passent bon nombre d’utilisateurs novices.

Édition d’un fichier image sous WordPress

L’ensemble des modifications de médias s’effectuent sous Médias puis Bibliothèque. Ouvrez donc une photo à modifier en cliquant sur son titre.

Juste en-dessous de l’image d’aperçu, notez la présence d’un bouton Modifier l’image.

Remarquez la présence du bouton Modifier l’image

A partir de là, il suffit de cliquer dessus pour atteindre les options de retouche intégrées à WordPress.

Retouches d’image sous WordPress

#1 – Rogner une image

La première étape consiste à tracer une zone de sélection directement sur l’aperçu de la photo. De cette manière, nous allons délimiter la zone à conserver.

Ceci fait, cliquez sur l’icône de rognage – le premier en partant de la gauche dans la barre d’outils.

Notez que vous pouvez délimiter la sélection en entrant directement les valeurs dans les champs prévus à cet effet sur le bloc de droite. Idem pour conserver la proportion de taille.

Personnellement, je pense qu’il est beaucoup plus simple d’agir directement sur la photo.

Techniquement, WordPress va générer un nouveau fichier image et conservera donc l’original de même que les 3 tailles par défaut (miniature, moyenne et large) – soit un total de 5 fichiers. Pour rappel, ces tailles d’images sont créées lors de l’importation et les valeurs sont définies sous Réglages puis Médias. Pour régénérer les images après une modification des dimensions, utilisez ce plugin :

Regenerate Thumbnails

Plugin WordPress permettant de redimensionner des images déjà importés dans la bibliothèque de médias.

Taille : 173,4 KiB  •  Date : 3 décembre 2011 •  Hits : 769

#2 – Redimensionner une image

Le deuxième outil intéressant concerne la mise à l’échelle d’une photo à la résolution de votre choix. Pour ce faire, cliquez sur Modifier l’échelle puis saisissez soit la largeur, soit la hauteur. Vous ne pouvez définir l’un et l’autre : WordPress conserve les proportions.

Lorsque vous êtes satisfait, cliquez sur Appliquer.

#3 – Autres options de retouche d’image

La barre d’outils propose également les options suivantes :

• Rotation : à gauche ou à droite ;
• Inversion : verticale ou horizontale ;
• Annuler / rétablir : pour éviter toute erreur de manipulation ;

De manière générale, il convient de cliquer sur Enregistrer après chaque modification puis de faire Mettre à jour le fichier.

Félicitations, vous venez de modifier avec succès votre fichier image. Vous serez donc en mesure de l’insérer dans vos pages de contenus.

Crédits photo : Ddesign

A propos de l'auteur

Aurélien Denis est le fondateur du projet WordPress Channel proposant tutoriels et podcasts librement téléchargeables. En 2010, il fonde Neticpro, une agence Web spécialisée WordPress. Il est aussi co-fondateur du site Protuts.net (tutoriels PC/Mac/Linux) et community manager pour l’Imagine Cup 2011/2012, une compétition mondiale organisée par Microsoft. Voir tous les tutoriels de Aurélien Denis →