Nous allons voir dans cet article, comment insérer une image dans un article, l'agrandir en pop-up grâce au plug-in mediabox de JCE et mettre le texte tout autour.

Tout d'abord, ouvrez un article existant ou créez un nouvel article : Contenu > Gestion des articles.

Dans la fenêtre de l'éditeur de l'article cliquez sur le bouton image (en bas de la fenêtre de l'éditeur) et sélectionnez le dossier qui vous intéresse.

Si l'image n'existe pas, repérez-la sur votre ordinateur en vous servant du bouton Parcourir... puis lancez le transfert.

Un conseil : afin de ne pas alourdir votre page et surtout si votre page doit comporter plusieurs images, effectuez 2 transferts. La première image est la vignette qui s'affichera et la seconde image est celle qui sera agrandie à la demande.

Pour info, une vignette ne devrait pas dépasser 250/300 pixels de largeur (à titre indicatif) et l'image de taille maxi ne devrait pas excéder 1000 pixels de largeur. Tout ceci en 72 DPI.

Une fois les images téléchargées sur votre site, sélectionnez la vignette si vous l'avez créée (sinon sélectionnez l'image unique) et cliquez sur le bouton insérer en haut à droite.

Si vous n'avez pas créé de vignette et que votre image prend trop de place, redimensionnez-la (ce n'est pas la méthode la plus propre mais elle a le mérite d'être plus rapide). 

Pour vous positionner sous l'image, faites un retour à la ligne, puis saisissez votre texte.

Si ce n'est pas déjà fait, il est temps d'enregistrer votre travail, on ne sait jamais ce qui peut se passer...

Créér un lien vers la seconde image

Maintenant sélectionnez l'image en vous positionnant dessus, puis cliquez sur le bouton Insérer/Modifier un lien représenté par le maillon d'une petite chaîne.

Grâce au bouton en haut à droite (à côté de l'enveloppe) de la fenêtre qui vient de s'ouvrir, vous allez rechercher l'image de grande taille en parcourant les dossiers. Sélectionnez-là puis appuyez sur le bouton Insérer en bas de cette nouvelle fenêtre.

Ensuite, dans l'onglet Popups, choisissez l'option Popups JCE MediaBox et appuyez une nouvelle fois sur le bouton Insérer.

Il ne reste plus maintenant qu'à placer votre texte autour de l'image. Sélectionnez l'image et appliquez-lui le style qui convient. Pour info, Emeraude-Internet à probablement configuré pour vous un style nommé : photo ou photo-left....

Enregistrez votre travail et allez vérifier le rendu en front-end.

Petite précision : il y a des moyens d'aller plus vite pour effectuer cette petite tâche, quand vous vous serez familiarisé avec l'outil, vous trouverez facilement des astuces...

Pour aller plus loin dans la rédaction d'un article, vous pouvez aussi vous rendre sur la page : Aide administration site Internet Joomla - Cette page concerne une version antérieure à Joomla 1.7 mais en dehors des sections qui ont été abandonnées et un affichage différent des pages, menus et rubriques, un grand nombre d'astuces restent identiques.