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

From Joomla! Documentation

No edit summary
FuzzyBot (talk | contribs)
Updating to match new version of source page
Line 7: Line 7:
#* 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.  
#* 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.  
#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.
#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.
#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''.
#The Insert Image screen will open over the top of the Edit Article screen. Choose an image and click on the ''Insert'' button.
#*Vous pouvez également déplacer un répertoire en cliquant sur les icônes de dossier.
#*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.
#*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.
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.
#*'''Classe de la légende''' : applique la classe mentionnée à l'élément ''figcaption''.
#*'''Caption Class''': Applies the entered class to the ''figcaption'' element.
#Cliquez sur le bouton ''Insérer'' pour insérer l'image. L'écran d'insertion d'images va se fermer et l'image sera affichée dans l'éditeur.
#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.
#*Cliquez sur le bouton ''Annuler'' pour quitter l'écran d'insertion d'images.


== Chargement d'images avec l'écran d'insertion d'images ==
== Chargement d'images avec l'écran d'insertion d'images ==
Line 25: Line 24:
#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.
#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.
#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.
#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.
#*Lorsque le chargement est terminé, un encart vert s'affiche en haut de l'écran.
#*When the upload is complete a green notice will appear at the top of the screen.
#Vous pouvez maintenant sélectionner et insérer l'image chargée comme précédemment.
#Vous pouvez maintenant sélectionner et insérer l'image chargée comme précédemment.



Revision as of 11:55, 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. The Insert Image screen will open over the top of the Edit Article screen. Choose an image and click on the Insert button.
    • 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.
    • Caption Class: Applies the entered class to the figcaption element.
  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.