• Centre de formation Joomla!
    Tutoriels et formation Joomla!
    Apprenez en vous formant à votre rythme, en toute liberté,
    créez votre propre site Web avec Joomla!

Tutoriel Logo Joomla Joomla

Ajouter une image dans un article

Il faut bien reconnaitre qu'un site web sans images, ça doit être quelque chose d'assez terne. Heureusement, Joomla offre différentes méthodes pour ajouter des images à vos articles. Nous allons présenter au travers de ce tutoriel "comment ajouter une image dans un article".

Table des matières
- Le gestionnaire d'images
- Ajouter une image dans un article

Le gestionnaire d'images

Les images sont gérées dans Joomla par un composant natif : le gestionnaire des médias. Les paramètres de ce composant sont accessibles en suivant le raccourci "configuration" depuis le panneau d'administration de votre site Joomla.

Images Joomla

Dans la liste des composants installés sur votre site Joomla qui s'affiche sur la gauche, cliquez sur "Médias". Ici sont regroupés tous les réglages auxquels vous avez accès pour ce composant.

Images Joomla

Une fois vos réglages faits, cliquez sur "Enregistrer & Fermer". Vous arrivez directement sur le gestionnaire des médias de Joomla. Notez que vous pouvez également accéder à ce gestionnaire en suivant "Contenu - Gestion des médias".

Notepad++ Joomla

Sur la partie gauche de l'écran, vous retrouver l'arborescence des dossiers présents dans le dossier "Images" présent à la racine de votre site Joomla. Au centre de l'écran, s'affichent le contenu du dossier sélectionné sur la parti gauche.".

Images Joomla

A partir ce cette page, vous pouvez :

  • Transférer une image,
  • Créer un nouveau dossier,
  • Supprimer un dossier ou une image.

Ajouter une image dans un article

Joomla offre plusieurs solutions natives pour intégrer une image dans un article.

Le bouton éditeur

Pour ajouter une image dans un article, cliquer sur "Contenu - Gestion des articles" puis, choisissez un article.

Images Joomla

Sous la zone de saisie du texte, cliquez sur le bouton "Image". Cela ouvre une fenêtre popup qui reprend la configuration du gestionnaire de média que nous avons vu précédemment. Si besoin, vous pouvez sélectionner le dossier de destination de votre image.

Images Joomla

Dans le bas de cette fenêtre popup, vous avez accès à l'outil qui permet de transférer des images. Cliquez sur "Sélec. fichiers" pour sélectionner le fichier image à transférer depuis votre ordinateur.

Images Joomla

Un message vous informe que votre image a bien été transférée. Celle-ci apparait alors dans la partie supérieure de la popup. Cliquez dessus puis sur "Insérer". La popup se referme et votre image apparait alors dans votre article.

Images Joomla

En frontend, votre image apparait ainsi :

Images Joomla

L'onglet "Images et liens"

Nous allons le voir, cette solution est plus complète que la précédente. A partir du panneau d'administration, ouvrez "Contenu - Gestion des articles", choisissez votre article puis cliquez sur l'onglet "Images et liens".

Images Joomla

Ici, vous avez la possibilité d'afficher une image d'introduction pour votre article. En cliquant sur "Sélectionner" vous ouvrez la fenêtre popup que nous avons vu précédemment. Vous pourrez importer une image de puis votre ordinateur ou en choisir une déjà importée dans Joomla.

Images Joomla

Vous pouvez également déterminer la position de l'image par rapport au texte : alignée à droite, à gauche ou utiliser les paramètres globaux. L'utilisation du texte altertantif (balise ALT) est importante pour le référencement et permet d'indiquer quex personnes ne pouvant voir votre image le contenu de celle-ci. Enfin, vous pouvez ajouter une légende à votre image.

Images Joomla

En frontend, votre image apparait ainsi :

Images Joomla

Vous avez également la possibilité d'afficher une image (différente) dans votre article. En cliquant sur "Sélectionner" dans la partie inférieure, vous ouvrez la fenêtre popup que nous avons vu précédemment.

Images Joomla

Vous avez également les mêmes possibilités que pour l'image d'introduction : positionnement de l'image par rapport au texte, texte alternatif et affichage de la légende de l'image.

Images Joomla

En frontend, votre image apparait ainsi dans l'article :

Images Joomla


 

1 1 1 1 1 1 1 1 1 1 Rating 0.00 (0 Votes)

web-eau.net is not affiliated with or endorsed by the Joomla! Project or Open Source Matters. The Joomla! name and logo is
used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.