Adding an image to an article/fr: Difference between revisions

From Joomla! Documentation

MATsxm (talk | contribs)
No edit summary
MATsxm (talk | contribs)
Created page with "#*'''Classe de légende''' : permet d'appliquer la classe définie à l'élément ''figcaption''."
Line 15: Line 15:
#*'''Alignement''' : définit l'alignement de l'image. Par défaut, l'alignement est paramétré sur '''Non défini'''.
#*'''Alignement''' : définit l'alignement de l'image. Par défaut, l'alignement est paramétré sur '''Non défini'''.
#*'''Légende''' : permet de définir la légende qui s'affiche en tant que titre sous l'image.
#*'''Légende''' : permet de définir la légende qui s'affiche en tant que titre sous l'image.
#*'''Caption Class''': Applies the entered class to the ''figcaption'' element.
#*'''Classe de légende''' : permet d'appliquer la classe définie à l'élément ''figcaption''.
#Click the ''Insert'' button to insert the image. The Insert Image screen will close and the image will be displayed in the editor. Or click the ''Cancel'' button to leave the Insert Image screen.
#Click the ''Insert'' button to insert the image. The Insert Image screen will close and the image will be displayed in the editor. Or click the ''Cancel'' button to leave the Insert Image screen.



Revision as of 12:03, 26 October 2015

Les images sont ajoutées aux articles à l'aide du bouton Image situés en dessous de la zone d'édition du contenu. Remarque : il est possible d'insérer des images à l'aide de l'éditeur de Joomla. Cette fonctionnalité fournit un moyen simple d'insérer des images stockées dans le répertoire images, situé à la racine de votre installation Joomla.

  1. Ouvrir l'article pour le modifier :
    • Cliquez sur le lien de menu Contenu    Gestion des articles, sélectionnez l'article et cliquez sur le bouton de la barre d'outils Modifier.
    • Ou cliquez sur Ajouter un article dans le panneau d'administration.
    • Si vous êtes connecté au frontend, avec les droits appropriés et que vous êtes sur l'article que vous souhaitez modifier : cliquez sur "Modifier" dans la barre d'outils.
  2. A l'aide du curseur, choisissez l'endroit où vous souhaitez placer votre image dans le texte et cliquez sur le bouton Image de l'éditeur, en bas de l'écran.
  3. L"écran d'insertion d'images va s'ouvrir au dessus de l'écran de modification de l'article. Choisissez une image et cliquez sur le bouton Insérer.
    • Vous pouvez également déplacer un répertoire en cliquant sur les icônes de dossier.
    • Utilisez la liste déroulante Répertoire pour sélectionner rapidement un répertoire et cliquez sur le bouton Répertoire Parent pour vous rendre dans le répertoire parent des images.
  4. Définissez les propriétés de l'image  :
    • Description : l'attribut alt de l'image, une caractéristique importante pour l'accessibilité et la conformité avec les standards du web.
    • Titre de l'Image : utilisé pour l'option de légende et pour l'attribut HTML title.
    • Alignement : définit l'alignement de l'image. Par défaut, l'alignement est paramétré sur Non défini.
    • Légende : permet de définir la légende qui s'affiche en tant que titre sous l'image.
    • Classe de légende : permet d'appliquer la classe définie à l'élément figcaption.
  5. Click the Insert button to insert the image. The Insert Image screen will close and the image will be displayed in the editor. Or click the Cancel button to leave the Insert Image screen.

Chargement d'images avec l'écran d'insertion d'images

Vous pouvez également charger de nouvelles images à l'aide de la section de chargement situé en bas de l'écran d'insertion d'images.

  1. Cliquez sur le bouton Parcourir pour ouvrir un navigateur de fichiers.
  2. Sélectionnez les images que vous souhaitez charger. Cliquez sur Ouvrir dans le navigateur de fichiers pour confirmer la sélection. Remarque : le style et la mise en page dépend du navigateur et du système d'exploitation que vous utilisez.
  3. Le(s) fichier(s) sélectionné(s) s'affichent en bas de l'écran d'insertion d'images. Cliquez sur Démarrer l'envoi pour lancer le chargement des fichiers.
    • When the upload is complete a green notice will appear at the top of the screen.
  4. Vous pouvez maintenant sélectionner et insérer l'image chargée comme précédemment.