Adding an image to an article/fr: Difference between revisions
From Joomla! Documentation
Created page with "#*'''Description''' : Cela devient la balise '''alt''' de l'image, une caractéristique importante pour l'accessibilité et la conformité avec les standards du web." |
Created page with "#*'''Titre de l'Image''' : otilisé pour l'option de légende et devient également l'attribut '''title'' en HTML." |
||
| Line 12: | Line 12: | ||
#Définissez les propriétés de l'image : | #Définissez les propriétés de l'image : | ||
#*'''Description''' : Cela devient la balise '''alt''' de l'image, une caractéristique importante pour l'accessibilité et la conformité avec les standards du web. | #*'''Description''' : Cela devient la balise '''alt''' de l'image, une caractéristique importante pour l'accessibilité et la conformité avec les standards du web. | ||
#*'''Image | #*'''Titre de l'Image''' : otilisé pour l'option de légende et devient également l'attribut '''title'' en HTML. | ||
#*'''Image Float''': Sets the image alignment. By default, the align attribute is '''Not Set'''. | #*'''Image Float''': Sets the image alignment. By default, the align attribute is '''Not Set'''. | ||
#*'''Caption''': Enables the caption which displays the Image Title below the image. | #*'''Caption''': Enables the caption which displays the Image Title below the image. | ||
Revision as of 18:14, 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 : Cela devient la balise alt de l'image, une caractéristique importante pour l'accessibilité et la conformité avec les standards du web.
- 'Titre de l'Image : otilisé pour l'option de légende et devient également l'attribut title en HTML.
- Image Float: Sets the image alignment. By default, the align attribute is Not Set.
- Caption: Enables the caption which displays the Image Title below the image.
- 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.