<noinclude><languages /></noinclude>
== Introduction ==

How best to add images to an article depends on which version of Joomla and which editor are in use. This article has illustrations for Joomla 4, with notes on differences in Joomla 3, and TinyMCE the Joomla default editor. To get started, open an article for editing:

*'''Select''' {{rarr|Content,Articles}} in the Administrator menu.
* '''Select''' the title of the article you wish to edit

After inserting the article text, place the cursor at the location where the image should appear.

== Adding a local image ==

If the image is located in the images folder of your Joomla installation you should insert the image using the {{rarr|CMS Content, Media}} button In the TinyMCE edit toolbar (In Joomla 3: Select the Image button):

[[File:adding-an-image-to-an-article-cms-content-media.png|800|Adding an image]]

In the popup window, navigate to the image you want to use and click to select it. On selection a form will appear prompting for additional data. In Joomla 4 the form is to the left. In joomla 3 the form is at the bottom (scroll down):

[[File:adding-an-image-to-an-article-selected-image.png|800|Selecting an image]]

#Définissez les propriétés de l'image. Dans la plupart des cas, vous devez remplir le champ Description de l'image (texte Alt). Les autres champs sont utilisés pour personnaliser l'apparence de l'image avec votre propre code CSS.
#*'''Description''' : l'attribut '''alt''' de l'image, une caractéristique importante pour l'accessibilité et la conformité avec les standards du web. Dans Joomla 3, il est appelé '''Titre de l'image'''.
*'''Image Class''' : Si une image est utilisée sans légende, certaines classes personnalisées peuvent être appliquées ici. Par exemple, dans Joomla 4, '''float-end ms-2 mb-1''' alignera l'image à droite et fera flotter le texte autour d'elle avec des marges à gauche et en dessous pour éviter que le texte ne touche l'image. Dans Joomla 3, le style équivalent est '''pull-right'''.
*'''Classe de la figure''' : si une légende est définie, une classe d'alignement, le cas échéant, doit être appliquée à la figure. Il s'agit d'une balise html qui entoure la balise img. Notez que dans Cassiopeia, les marges sont appliquées par la feuille de style du modèle.
<div class="mw-translate-fuzzy">
#*'''Légende''' : permet de définir la légende qui s'affiche en tant que titre sous l'image.
</div>
'''In Joomla 3'''
<div class="mw-translate-fuzzy">
#*'''Alignement''' : définit l'alignement de l'image. Par défaut, l'alignement est paramétré sur '''Non défini'''.
</div>
<div class="mw-translate-fuzzy">
#*'''Classe de légende''' : permet d'appliquer la classe définie à l'élément ''figcaption''.
</div>

<div class="mw-translate-fuzzy">
#Cliquez sur le bouton '''Insérer''' pour insérer l'image. L'écran d'insertion de l'image va se fermer et l'image sera affichée dans l'éditeur. Sinon, vous pouvez cliquer sur le bouton '''Annuler''' pour quitter l'écran d'insertion de l'image.
</div>

'''Tip:''' select the Toggle Editor button to see the applied Image and Caption styles.

=== Using Drag and Drop for Local images ===

In both Joomla 4 and Joomla 3 you can drag an image from the desktop or a file browser directly into the article text and the image will be uploaded to the media folder and placed in the article. The only snag is that all such uploaded images will be placed in the same media folder. The location of the Images Directory used for upload and whether this feature is enabled (On by default) are set in the TinyMCE configuration Options.

== Adding a remote image ==

If the image you wish to use is not in the images folder of your Joomla installation a slightly different procedure is needed.

*'''Select''' {{rarr|Insert,Image}} from the TinyMCE toolbar to open a dialog box. In Jooml 3, use the Image icon and the same dialog as used for local images.
*'''Insert''' the image url in the Source field.
*'''Fill out''' the other fields as required.
*'''Advanced''' provides some formatting options applied as in-line styles. Experiment with 1rem, 2, groove. (This feature is incomplete)

[[File:adding-an-image-to-an-article-insert-edit-image.png|center|border|Data for a remote image]]

=== Using Drag and Drop for Remote images ===

You can drag and drop an image from a remote web site directly into your article text. But be aware that this may also copy the image container html with class statements not valid for your site.

== Chargement d'images avec l'écran d'insertion d'images ==

<div class="mw-translate-fuzzy">
Vous pouvez également charger de nouvelles images à l'aide de la section de chargement situé en bas de l'écran d'insertion d'images.
</div>
* First open the Media browser and navigate to the folder where you wish to store new images for the current article.
<div class="mw-translate-fuzzy">
#Cliquez sur le bouton ''Parcourir'' pour ouvrir un navigateur de fichiers.
</div>
<div class="mw-translate-fuzzy">
#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.
</div>
<div class="mw-translate-fuzzy">
#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.
</div>
<div class="mw-translate-fuzzy">
#*Lorsque le chargement est terminé, un encart vert s'affiche en haut de l'écran.
</div>
<div class="mw-translate-fuzzy">
#Vous pouvez maintenant sélectionner et insérer l'image chargée comme précédemment.
</div>

<noinclude>
[[Category:Tutorials/fr|Didacticiels]]
[[Category:Article Management/fr|Gestion des articles]]
[[Category:Beginners/fr|Débutants]]
</noinclude>

Translations:Adding an image to an article/30/fr

2023-04-07T09:19:07Z

*'''Classe de la figure''' : si une légende est définie, une classe d'alignement, le cas échéant, doit être appliquée à la figure. Il s'agit d'une balise html qui entoure la balise img. Notez que dans Cassiopeia, les marges sont appliquées par la feuille de style du modèle.

Adding an image to an article/fr

2023-04-07T09:18:57Z

Thefbi: Created page with "*'''Image Class''' : Si une image est utilisée sans légende, certaines classes personnalisées peuvent être appliquées ici. Par exemple, dans Joomla 4, '''float-end ms-2 m..."

<noinclude><languages /></noinclude>
== Introduction ==

How best to add images to an article depends on which version of Joomla and which editor are in use. This article has illustrations for Joomla 4, with notes on differences in Joomla 3, and TinyMCE the Joomla default editor. To get started, open an article for editing:

*'''Select''' {{rarr|Content,Articles}} in the Administrator menu.
* '''Select''' the title of the article you wish to edit

After inserting the article text, place the cursor at the location where the image should appear.

== Adding a local image ==

If the image is located in the images folder of your Joomla installation you should insert the image using the {{rarr|CMS Content, Media}} button In the TinyMCE edit toolbar (In Joomla 3: Select the Image button):

[[File:adding-an-image-to-an-article-cms-content-media.png|800|Adding an image]]

In the popup window, navigate to the image you want to use and click to select it. On selection a form will appear prompting for additional data. In Joomla 4 the form is to the left. In joomla 3 the form is at the bottom (scroll down):

[[File:adding-an-image-to-an-article-selected-image.png|800|Selecting an image]]

#Définissez les propriétés de l'image. Dans la plupart des cas, vous devez remplir le champ Description de l'image (texte Alt). Les autres champs sont utilisés pour personnaliser l'apparence de l'image avec votre propre code CSS.
#*'''Description''' : l'attribut '''alt''' de l'image, une caractéristique importante pour l'accessibilité et la conformité avec les standards du web. Dans Joomla 3, il est appelé '''Titre de l'image'''.
*'''Image Class''' : Si une image est utilisée sans légende, certaines classes personnalisées peuvent être appliquées ici. Par exemple, dans Joomla 4, '''float-end ms-2 mb-1''' alignera l'image à droite et fera flotter le texte autour d'elle avec des marges à gauche et en dessous pour éviter que le texte ne touche l'image. Dans Joomla 3, le style équivalent est '''pull-right'''.
*'''Figure Class''': If a caption is set then an alignment class, if any, should be applied to the Figure. It is a html tag that encloses the img tag. Note that in Cassiopeia margins are applied by the template style sheet.
<div class="mw-translate-fuzzy">
#*'''Légende''' : permet de définir la légende qui s'affiche en tant que titre sous l'image.
</div>
'''In Joomla 3'''
<div class="mw-translate-fuzzy">
#*'''Alignement''' : définit l'alignement de l'image. Par défaut, l'alignement est paramétré sur '''Non défini'''.
</div>
<div class="mw-translate-fuzzy">
#*'''Classe de légende''' : permet d'appliquer la classe définie à l'élément ''figcaption''.
</div>

<div class="mw-translate-fuzzy">
#Cliquez sur le bouton '''Insérer''' pour insérer l'image. L'écran d'insertion de l'image va se fermer et l'image sera affichée dans l'éditeur. Sinon, vous pouvez cliquer sur le bouton '''Annuler''' pour quitter l'écran d'insertion de l'image.
</div>

'''Tip:''' select the Toggle Editor button to see the applied Image and Caption styles.

=== Using Drag and Drop for Local images ===

In both Joomla 4 and Joomla 3 you can drag an image from the desktop or a file browser directly into the article text and the image will be uploaded to the media folder and placed in the article. The only snag is that all such uploaded images will be placed in the same media folder. The location of the Images Directory used for upload and whether this feature is enabled (On by default) are set in the TinyMCE configuration Options.

== Adding a remote image ==

If the image you wish to use is not in the images folder of your Joomla installation a slightly different procedure is needed.

*'''Select''' {{rarr|Insert,Image}} from the TinyMCE toolbar to open a dialog box. In Jooml 3, use the Image icon and the same dialog as used for local images.
*'''Insert''' the image url in the Source field.
*'''Fill out''' the other fields as required.
*'''Advanced''' provides some formatting options applied as in-line styles. Experiment with 1rem, 2, groove. (This feature is incomplete)

[[File:adding-an-image-to-an-article-insert-edit-image.png|center|border|Data for a remote image]]

=== Using Drag and Drop for Remote images ===

You can drag and drop an image from a remote web site directly into your article text. But be aware that this may also copy the image container html with class statements not valid for your site.

== Chargement d'images avec l'écran d'insertion d'images ==

<div class="mw-translate-fuzzy">
Vous pouvez également charger de nouvelles images à l'aide de la section de chargement situé en bas de l'écran d'insertion d'images.
</div>
* First open the Media browser and navigate to the folder where you wish to store new images for the current article.
<div class="mw-translate-fuzzy">
#Cliquez sur le bouton ''Parcourir'' pour ouvrir un navigateur de fichiers.
</div>
<div class="mw-translate-fuzzy">
#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.
</div>
<div class="mw-translate-fuzzy">
#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.
</div>
<div class="mw-translate-fuzzy">
#*Lorsque le chargement est terminé, un encart vert s'affiche en haut de l'écran.
</div>
<div class="mw-translate-fuzzy">
#Vous pouvez maintenant sélectionner et insérer l'image chargée comme précédemment.
</div>

<noinclude>
[[Category:Tutorials/fr|Didacticiels]]
[[Category:Article Management/fr|Gestion des articles]]
[[Category:Beginners/fr|Débutants]]
</noinclude>

Thefbi:

Une fois toutes les informations ci-dessus saisies, cliquez sur le bouton "Enregistrer et Fermer"

Adding a new user/fr

2023-03-19T09:29:08Z

Thefbi:

{{review|}}
<noinclude><languages /></noinclude>
'''Ajouter un nouvel utilisateur'''
Un utilisateur est une personne (ou un groupe de personnes) qui s'est authentifié en fournissant les données d'inscription que vous avez demandées. Habituellement, vous créez des comptes utilisateur afin de leurs attribuer des droits exclusifs sur votre site ou permettre aux visiteurs de poster leurs contenus.

Afin de créer un nouvel utilisateur, procédez ainsi :

'''1. Connectez vous au Panneau d'Administration de votre site Joomla!'''

Ouvrez une fenêtre de navigateur et saisissez l'adresse (URL) de l'administration de votre site web. Cette adresse ressemble à cela : http://www.votre_nom_de_site.fr/administrator.
Une fois que la page est chargée, connectez-vous avec un compte administrateur. Notez que les autres comptes peuvent ne pas avoir le droit d'ajouter des utilisateurs, en fonction des droits d'accès qui leurs sont accordés. Vous en saurez plus sur les droits d'accès plus tard dans ce didacticiel.

'''2. Ouvrez le Gestionnaire des utilisateurs : Nouvelle page'''

Cliquez sur le menu {{rarr|Utilisateurs,Gestion,Ajouter un utilisateur}}

Saisissez les informations du compte utilisateur

===Détails du compte utilisateur===

'''Nom''' - ce champ contient le vrai nom de la personne, telle que "Jean Dupont".

'''Identifiant''' - cette valeur sera le nom de l'utilisateur ou son identifiant de connexion ; l'utilisateur le saisira pour se connecter au site. Exemple : "jdupond" ou "canarijaune67".

'''Mot de passe''' - vous allez saisir ici un mot de passe temporaire que vous allez envoyer à l'utilisateur pour qu'il puisse se connecter une première fois. L'utilisateur sera en mesure de changer ce mot de passe par la suite en un mot de passe qu'il pourra mémoriser. Un bon principe à appliquer pour choisir un mot de passe sécurisé et d'utiliser à la fois des lettres minuscules, des lettres majuscules et des chiffres et d'utiliser une chaîne d'au moins 6 caractères.

'''Confirmation''' - saisissez à nouveau ici le mot de passe choisi précédemment afin de vérifier qu'il n'y a pas eu d'erreur de saisie la première fois.

*'''E-mail'''. Entrez l'adresse mail de l'utilisateur.

'''Notification système''' - A utiliser si l'utilisateur doit recevoir les e-mails de notification du système. Sauf si l'utilisateur fait partie des groupes "Administrator" ou "Super user", vous voudrez certainement laisser cette option sur "Non".

'''Statut de l'utilisateur''' - vous pouvez désactiver un compte utilisateur préalablement créé sans le supprimer. Ceci peut être utile pour bannir des utilisateurs jusqu'à ce qu'ils fassent (ou que vous fassiez) une certaine action. Mettez simplement ce champ à "Bloqué" pour désactiver le compte.

'''Require Password Reset''' - Setting this option to ''Yes'' requires the user to reset their password the next time they log into the site.

===Attribuer cet utilisateur à un ou plusieurs groupes===

Assignez le groupe d'utilisateur le plus adapté à l'utilisateur. Ceci est crucial pour la sécurité de votre site donc soyez vigilant en effectuant cette opération ! Il n'y a pas de règle d'or pour choisir le groupe de l'utilisateur à l'exception de celle-ci : "Mettre les droits les plus restrictifs possibles". Habituellement, vous ne souhaiterez pas attribuer le rôle de "Super User" ou même "Administrator" à tout le monde. Le rôle de "Manager" est plus restrictif mais toujours suffisant pour menacer les contenus de votre site. Dans 99% des cas, vous donnerez simplement à vos utilisateurs les droits du groupe "Registered" (groupe par défaut), qui ne donne que des droits d'accès sur le site public. Si vous avez besoin d'une granularité plus fine des droits, vous pouvez regarder les extensions tierces depuis le JED (Joomla Extensions Directory)

==Paramètres de base==
'''Backend Template Style''' - Select the template style for the Administrator Backend interface. This will only affect this User.

'''Langue Administration''' - ce paramètre permet de choisir le langue du panneau d'administration pour l'utilisateur.

'''Langue du site''' - ce paramètre permet de choisir le langue du site public pour l'utilisateur lorsqu'il est connecté au site.

'''Éditeur de contenu''' - ce paramètre spécifie quel éditeur de texte natif l'utilisateur utilisera pour mettre à jour les informations du site.

'''Fuseau horaire''' - ce paramètre permet d'indiquer le fuseau horaire de l'utilisateur. Ce fuseau sera utilisé lorsque la date et l'heure sont affichées pour un utilisateur connecté.

<div class="mw-translate-fuzzy">
Une fois toutes les informations ci-dessus saisies, cliquez sur le bouton "Enregistrer" (bouton vert dans la barre d'outils en haut de la page).
</div>

<div class="mw-translate-fuzzy">
Si l'utilisateur est activé (le Statut de l'utilisateur n'est pas Bloqué), il peut se connecter en utilisant l'identifiant et le mot de passe saisis.
</div>

<span class="mw-translate-fuzzy">'''Désactiver/Bloquer/Bannir un utilisateur'''</span>

<div class="mw-translate-fuzzy">
Afin de désactiver ou bannir un utilisateur existant - afin de ne plus l'autoriser à se connecter au site - vous devez vous connecter en tant qu'administrateur dans le panneau d'administration et ouvrir le "Gestionnaire des utilisateurs" depuis la page '''Utilisateurs'''{{rarr}}'''Utilisateurs'''. Dans la liste des utilisateurs, sélectionnez l'utilisateur souhaité en cliquant sur son nom. Dans la fenêtre qui s'ouvre, mettez le "Statut de l'utilisateur" à "Bloqué" puis "Enregistrer" dans la barre d'outils en haut.
</div>

<div class="mw-translate-fuzzy">
A notez que ceci ne supprimera pas le compte utilisateur mais va seulement le désactiver. Il est alors possible de réactiver le compte en mettant le "Statut de l'utilisateur" à "Activé".
</div>

<span class="mw-translate-fuzzy">'''Supprimer un utilisateur'''</span>

<div class="mw-translate-fuzzy">
Pour supprimer un utilisateur dans votre base de données, connectez-vous en tant qu'administrateur dans le panneau d'administration comme décrit ci-dessus depuis '''Utilisateurs'''{{rarr}}'''Utilisateurs'''. Sur cette page, cochez la case à gauche du nom de l'utilisateur que vous voulez supprimer et cliquez sur le bouton "Supprimer" dans la barre d'outils.
</div>

<noinclude>
[[Category:Tutorials/fr|Didactitiels]]
[[Category:User Management/fr|Gestion des utilisateurs]]
</noinclude>