Sélectionner une page

Contenu verrouillé

Exercice : Modifier des images

Semaine 3 : Personnaliser l'apparence > B) Modification des images

Vous avez bien compris toutes les opérations que l’on peut faire avec WordPress ? Alors c’est le moment d’un exercice !

Connectez-vous à votre site et c’est parti !

Consignes

Pour cet exercice, téléchargez les images d’entraînement et effectuez les opérations suivantes :

  1. Rotation
    • Envoyez la première image sur site et retournez-la dans le bon sens puis enregistrez-la.
  2. Retournement 
    • Prenez la seconde image et faites un retournement horizontal pour que le chien soit de l’autre côté de l’écran.
  3. Recadrage libre
    • Faites en sorte de retirer le lampadaire de la troisième image.
  4. Recadrage exact
    • Faites en sorte de ne prendre qu’une zone de 150 pixels par 250 pixels sur la quatrième image. N’importe laquelle. Eh oui, ce sera un bout minuscule !
  5. Recadrage avec proportions
    • Passez la cinquième image en 16:9 tout en gardant la largeur maximale.
  6. Opérations successives :
    • Prenez la sixième image ;
    • Placez les visages de l’autre côté de l’écran ;
    • Faites en sorte qu’elle ait une largeur de 1920 pixels avec des proportions 8:3.

Ces images ne seront pas réutilisées dans la suite de la formation, le but ici n’est que de les manipuler.

Au travers de cet exercice, vous devriez voir :

  • Que l’outil de WordPress n’est pas d’une précision absolue. Vous risquez d’avoir des dimensions différentes de celles que vous souhaitez obtenir.
  • Que malgré ces modifications, WordPress conserve les tailles « miniature, moyenne, grande » dans les proportions d’origine. C’est l’image en « taille réelle » qui vous intéresse et qu’il faut utiliser après une modification.
  • Il n’y a pas vraiment d’aperçu pour cette « taille réelle » dans la bibliothèque. Insérez l’image 4 dans un article ou une page, vous comprendrez.

Ceci est un extrait de la Formation WPChef.

Programme, modalités et inscriptions

Déjà élève ? (re)connectez-vous !