Adding an image to an article/fr: Difference between revisions
From Joomla! Documentation
Created page with "#*'''Alignement''' : définit l'alignement de l'image. Par défaut, l'alignement est paramétré sur '''Non défini'''." |
Created page with "#*'''Légende''' : permet de définir la légende qui s'affiche comme titre de l'image sous celle-ci." |
||
| Line 14: | Line 14: | ||
#*'''Titre de l'Image''' : utilisé pour l'option de légende et pour l'attribut HTML '''title'''. | #*'''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'''. | #*'''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 comme titre de l'image sous celle-ci. | ||
#*'''Caption Class''': Applies the entered class to the ''figcaption'' element. | #*'''Caption Class''': Applies the entered class to the ''figcaption'' element. | ||
#Click the ''Insert'' button to insert the image. The Insert Image screen will close and the image will be displayed in the editor. | #Click the ''Insert'' button to insert the image. The Insert Image screen will close and the image will be displayed in the editor. | ||
Revision as of 18:18, 18 August 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.
- 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, que vous disposez des 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.
- 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 les boutons Répertoire Parent pour vous rendre dans le répertoire parent des images.
- 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 comme titre de l'image sous celle-ci.
- Caption Class: Applies the entered class to the figcaption element.
- Click the Insert button to insert the image. The Insert Image screen will close and the image will be displayed in the editor.
- Click the Cancel button to leave the Insert Image screen.
Uploading images using the Insert Image screen
You may also upload new images using the Upload section of the Insert Image screen.
- Click the Browse button to open a file browser.
- Select the image files you wish to upload. Click Open in the file browser to confirm the selection. Note: The file browser style and layout depends on the browser and operating system you are using.
- The selected file(s) appear at the bottom of the Insert Image screen. Click Start Upload to begin uploading files.
- When the upload is complete a green tick will appear at the top fo the screen.
- Vous pouvez maintenant sélectionner et insérer l'image chargée comme précédemment.