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

From Joomla! Documentation

← Older editNewer edit →
FuzzyBot (talk | contribs)
Bots
226,300 edits
Updating to match new version of source page
FuzzyBot (talk | contribs)
Bots
226,300 edits
Updating to match new version of source page
Line 1: Line 1:
<noinclude><languages /></noinclude>
<noinclude><languages /></noinclude>
{{page|needs a review by Sandra}}
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.
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.


Line 8: Line 7:
#* If logged in to the Front-end, you have appropriate permissions and are viewing the Article you wish to edit: Click the ''Edit'' toolbar button.  
#* If logged in to the Front-end, you have appropriate permissions and are viewing the Article you wish to edit: Click the ''Edit'' toolbar button.  
#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 by clicking on it.
#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.
#*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.
#*Use the drop down ''Directory'' field to quickly select a directory and click the ''Up'' button to go up a directory level.
Line 14: Line 13:
#*'''Image Description''': This becomes the '''alt''' attribute for the image, an important feature for accessibility and compliance with web standards.
#*'''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 Title''': Used for the optional caption and also becomes the '''title''' attribute in HTML.
#*'''Align''': Sets the image alignment. If left blank 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.
#*'''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.
#*Click the ''Cancel'' button to leave the Insert Image screen.
#*Click the ''Cancel'' button to leave the Insert Image screen.
Line 24: Line 24:
#Click the Browse button to open a file browser.
#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.
#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.
#*To remove selected files before uploading click the red icon next to the listed files.
#The selected file(s) appear at the bottom of the Insert Image screen. Click ''Start Upload'' to begin uploading files.
#*If you are uploading multiple files in batches you can clear the list of completed files by clicking the ''Clear Completed'' button.
#*When the upload is complete a green tick will appear at the top fo the screen.
#The selected file(s) appear as a list 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 next to the file.
#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.


Line 34: Line 32:
[[Category:Article Management/fr|Gestion des articles]]
[[Category:Article Management/fr|Gestion des articles]]
[[Category:Beginners/fr|Débutants]]
[[Category:Beginners/fr|Débutants]]
</noinclude>
<noinclude>
[[Category:Needs updating]]
</noinclude>
</noinclude>

Revision as of 15:40, 18 August 2015

Other languages:

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.
    • If logged in to the Front-end, you have appropriate permissions and are viewing the Article you wish to edit: Click the Edit toolbar button.
  2. 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.
  3. 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.
  4. 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.
  5. 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.

  1. Click the Browse button to open a file browser.
  2. 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.
  3. 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.
  4. Vous pouvez maintenant sélectionner et insérer l'image chargée comme précédemment.
Retrieved from "https://docs.sandbox.joomla.org/index.php?title=Adding_an_image_to_an_article/fr&oldid=215281"