[MAJ]: Mise à jour de la méthode le 26 février 2013 avec la toute dernière version de WordPress dans cet article: Gestion des Médias WordPress depuis la version 3.5
[MAJ]: de l’article le 19 octobre 2012 pour les captures d’écran avec la dernière version de WordPress (3.4.2)
Dans ce tutoriel nous allons voir comment intégrer une image a du contenu déjà existant. Le procédé est le même pour les articles ou les pages.
Attention: Comme tout fichier sur le Web, il est important de respecter cette nomenclature dans le nom des images (ou des fichiers):
- pas d’espace
- pas de signe bizarre (!,?§….) à part le « – » et le « _ »
- pas de lettres accentuées
Par contre, le titre de l’image ou du fichier comme nous le verrons accepte toutes ces restrictions.
Édition d’un article ou d’une page
Lorsque vous avez déjà publié un article ou une page, vous pouvez à tout moment modifier ce dernier à partir de la liste des pages ou des articles. Dans l’image ci-dessous, je vous montre le cas pour un article.
En passant le curseur juste en dessous du titre, des options apparaissent:
- Modifier: pour modifier tout le contenu
- Modification rapide: pour changer quelques paramètres de l’article.
Insérer une image
Pour insérer une image placer le curseur à l’endroit où vous voulez insérer l’image et cliquez sur l’icône « Ajouter une image » (voir image ci-dessous)
Après avoir cliqué, une nouvelle fenêtre s’ouvre (voir image ci-dessous). C’est à partir de celle-ci que vous pourrez choisir comment importer votre image.
Les options sont les suivantes:
- Depuis votre ordinateur: vous choisissez « Parcourir » pour sélectionner le ou les fichiers à importer ou en utilisant le glissé/déposé
- Depuis le Web: si vous avez l’URL d’une image (un document sur Picasa, Flickr…)
- Galerie: pour sélectionner une image déjà liée avec l’article
- Bibliothèque: pour sélectionner parmi toutes les images déjà installées sur le serveur de votre site. Un champ de recherche vous permettra de rechercher parmi toutes les images.
Une fois l’opération effectuée, le chargement est lancé.
Réglages de l’image chargée
Une fois que vous avez cliqué sur « Ouvrir » la fenêtre « Ajouter une image » s’agrandit dans la hauteur et vous pouvez entrer des options propres à chaque image (voir capture ci-dessous)
Voici en détail les options de la fenêtre:
- Titre: contrairement aux noms du fichier, il peut y avoir des accents et des espaces. C’est le contenu qui s’affiche dans une minuscule fenêtre lorsque vous passez le curseur au-dessus d’un lien
- Texte alternatif: décris l’image pour les mal voyants. Il est invisible à l’oeil
- Légende: affichera une description directement sous l’image qui sera visible
- Description: pour décrire l’image si vous décidez d’afficher « Adresse web de l’article » lorsque que l’on clique sur l’image
- Cible du lien: « Aucun » (l’image n’est pas cliquable), « Adresse web du fichier » (l’image cliquable est directement liée au fichier), « Adresse web de l’article » (l’image cliquable est liée à la page de type article pour chaque image)
- Alignement: pour choisir comment le texte s’aligne par rapport à l’image
- Taille: choix de tailles standard au moment de l’insertion. À chaque fois que vous chargez une image, WordPress génère autant de tailles de fichier disponibles. Ces réglages peuvent être modifiés dans la partie « Réglages>Médias »
Modification des images
Pour modifier votre image une fois qu’elle a été insérée, vous devez cliquer à l’intérieur. Deux icônes apparaissent. Un pour l’édition (à gauche), l’autre pour la suppression (de l’article. L’image n’est pas supprimée du serveur). Si ces icônes disparaissaient, il suffirait de recliquer dans l’image (voir image ci-dessous)
Une nouvelle fenêtre apparaît. Avec celle-ci, le plus souvent, vous allez redimensionner l’image ou vous aidant de la taille. Ou bien vous allez enlever le lien vers l’image pour ne plus la rendre cliquable. Les « Options avancées« , quant à elles afficheraient la taille réelle de l’image en pixel et d’autres options que je n’aborderais pas ici.
Attention à toujours mettre à jour après chaque modification.