Aller à la recherche

Ajouter une image à une page Joomla

Joomla est un système de gestion de contenu (CMS en anglais) bien pratique pour gérer des sites internet (comme celui de mon atelier de restauration préféré).

Il m'a été demandé plusieurs fois des explications sur l'insertion des images dans une page de ce système.

On peut donc procéder en deux étapes : charger la photo sur le site puis l'inclure dans un (ou plusieurs) articles.

La charger :

  1. Une fois sur la page d'accueil, cliquer sur Medias (le logo avec la fleur jaune).
  2. Choisir le répertoire stories[1].
  3. A l'aide du bouton "Parcourir", se balader dans le disque dur pour retrouver la photo.
  4. Il ne reste plus qu'à cliquer sur le bouton Upload.

L'insérer dans un article :

  1. Se rendre sur l'article désiré (ça marche aussi pour un article en cours de création).
  2. Commencer par choisir la (ou les) photo(s) à insérer. Pour cela, il faut utiliser l'onglet image (à droite de l'écran). Sélectionner l'image (ou les images) dans la galerie pour la passer dans la colonne "Images de l'article" avec le bouton ">>". En cas d'erreur, il suffit de choisir l'image en trop à droite et de cliquer sur "<<".
  3. Classer les images selon leur ordre d'apparition dans la page : choisir une image qui n'est pas à sa place pour la faire monter (ou descendre) à l'aide du bouton "Haut" (ou le bouton "Bas").
  4. Pour chaque photo passée à droite, une légende peut être ajoutée, ainsi qu'un texte alternatif[2] et l'alignement de l'image par rapport au texte peut être précisé (Alignement de l'image > Gauche ou Droite). A chaque fois que vous ajoutez des informations pour une image, n'oubliez pas de cliquer sur le bouton "appliquer" au bas des options avant de passer à la suivante sous peine de perdre la légende et le texte que vous venez de taper (ça ne serait pas très drôle...).
  5. Une fois que tout est près, il ne reste plus qu'à placer le curseur à l'endroit du texte où l'image doit apparaître et à cliquer sur le bouton "Insert image" au bas de la zone de texte : le code ({mosimage}) apparait dans le texte, c'est lui qui permet à Joomla de positionner correctement l'image. Répéter l'opération pour chaque image.
  6. Cliquer sur le bouton "Appliquer" en haut de la page pour enregistrer tous les changements.
  7. Ouvrir une autre fenêtre (ou un autre onglet) pour voir ce que ça donne (si la page est déjà ouverte, ne pas oublier de la recharger).
  8. Modifier jusqu'au moment où vous trouvez ça bô.

Retirer une photo du texte de l'article : retirer le code {mosimage} du texte et retirer l'image de la liste des "images de l'article".

D'autres infos sur Joomla :

Notes

[1] Accessoirement, créer un nouveau répertoire pour classer les images.

[2] Mettre au moins le texte alternatif, c'est mieux pour google.

Commentaires

1. Le jeudi 25 octobre 2007, 22:02 par khokha

j'ai un projet de réalisation d'un site qui gére un galerie,donc les images qu'on peut uploder, y ajouter un commentaire et recommander à un ami avec le CMS:Joomla.
merci de m'aider et de me dire comment y procéder.

2. Le lundi 19 novembre 2007, 11:53 par deuxdeux

salut seb,
je me suis mis à joomla pour créer un site pour mon club de tennis.
j'aimerai mettre en page d'accueil une photo du logo de mon club à la place de la grosse image de Joomla au dessus des "advertisements". Tu pourrais m'aider ce serait sympa

++

Lolo

3. Le vendredi 7 mars 2008, 11:12 par Hodaos

Salut;
je me suis mis à joomla!1.5 pour créer un site pour ma petite entreprise,
en fait je veux savoir les premiers pas qui vont aboutir à la création de ce site.

4. Le mercredi 16 avril 2008, 09:25 par josfer

Bonjour
J'ai essayé la proposition ci-dessus, malheureusement, l'image n'apparait pas sur le site, bien que la balise mosimage est bien là et que j'ai validé et sauvegarder l'image...
Pour info, j'utilise JoomFish pour la traduction car le site est trilingue...
Une suggestion alternative ?
Merci :-)

5. Le mardi 6 janvier 2009, 10:24 par sebei

Comment positioner avec joomla une image dans un article

6. Le mercredi 21 janvier 2009, 19:16 par brice

bonjour a vous
étant a mon 20 eme site joomla je pence pouvoir vous repondre

1 = Hodaos : les premiers pas pour te perfectionné avec joomla serais de lire les forum dédié au debutant, on est tous passé par la

2= josfer : l'image a t'elle bien été uploadé sur le serveur
en effect upload l'image dans .../images/stories/tondossier/tonimages
positionne la par la suite avec les valeur proposé " top left... " etc...
n'oublie pas de lui attribué une description et de redéfinir la taille si ton image fait 1200 X 900 xD
pour l'outils multilingue ton image doit je pence etre remise avec le {mosimage} a chaque page traduit

3=sebei : avec ce que je viens de dire plus haut

7. Le mercredi 4 février 2009, 10:16 par loop59

Aidez moi à mettre un lien sur une mage, j'utilise joomla 1.5, et une autre chose la barre d'outils sur ajouter article n'est plus visible, comment la réaparaitre...

8. Le vendredi 24 avril 2009, 11:38 par Robbe

Bonjour,
Merci pour ces explications très claires.

Je viens d'exécuter l'installation de l'addon Joomla 1.5.5 sur un site hébergé chez Amen.
Quand je sélectionne la photo que j'ai placée à droite dans MOSImage, elle ne s'affiche pas, son URL n'apparaît pas dans le cadre en dessous et quand je clique sur "Apply", rien n'est de ce que j'ai tapé comme critères n'est conservé.
Je clique sur "Appliquer" au-dessus, la photo apparaît dans le texte à l'endroit où a été placé {mosimage} mais sans tenir compte des informations tapées pour cette photo...

Y a-t-il un truc que je n'ai pas capté ou un réglage à faire...

Grand merci d'avance pour la réponse

9. Le mardi 22 juin 2010, 10:03 par babouche

Je n'arrive pas à uploader l'image avec l'icone image!! ca donne une page blanche!

10. Le dimanche 3 octobre 2010, 17:15 par jean-marc

Merci brice pour toutes ces explications bien utile.

Page top