Adding an image to an article/fr: Difference between revisions
From Joomla! Documentation
No edit summary |
Created page with "#* 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 b..." |
||
| Line 5: | Line 5: | ||
#* Cliquez sur le lien de menu '''Contenu {{rarr}} Gestion des articles''', sélectionnez l'article et cliquez sur le bouton de la barre d'outils ''Modifier''. | #* Cliquez sur le lien de menu '''Contenu {{rarr}} 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. | #* 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. | ||
#Choose where you would like your image placed in the flow of the text by moving the cursor and click the Image editor button at the bottom of the screen. | #Choose where you would like your image placed in the flow of the text by moving the cursor and click the Image editor button at the bottom of the screen. | ||
#The Insert Image screen will open over the top of the Edit Article screen. Choose an image and click on the ''Instert'' button. | #The Insert Image screen will open over the top of the Edit Article screen. Choose an image and click on the ''Instert'' button. | ||
Revision as of 18:00, 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.
- Choose where you would like your image placed in the flow of the text by moving the cursor and click the Image editor button at the bottom of the screen.
- The Insert Image screen will open over the top of the Edit Article screen. Choose an image and click on the Instert button.
- You may also move directory by clicking on the folder icons.
- Use the drop down Directory field to quickly select a directory and click the Up button to go up a directory level.
- Définir les propriétés de l'image :
- Image Description: This becomes the alt attribute for the image, an important feature for accessibility and compliance with web standards.
- Image Title: Used for the optional caption and also becomes the title attribute in 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.