S3MP - le blog saison 2 - Mot-clé - cmsNotes, digressions et geekeries. L'héroïsme, c'est encore la meilleur façon de devenir célèbre quand on n'a pas de talent.2023-12-22T23:33:45+01:00urn:md5:1690b5480373e75871b64859c9107d83DotclearInsérer un lien dans une page avec Joomlaurn:md5:7968edbd187803a5338a4b909a2d75be2007-09-24T14:38:00+02:002011-03-10T11:30:54+01:00SebWebcmsjoomlalegacy<p>Suite à une question qui m'a été posée ce ouikande, voici quelques
explications pour intégrer des liens dans vos pages sous <a href="https://www.s3mp.com/tag/joomla">Joomla</a>.</p> <p>Lorsque vous éditez le texte d'une page, vous pouvez insérer des liens afin
de renvoyer vers d'autre pages web. Si vous regardez de près la barre d'icônes
située juste au dessus de l'éditeur :</p>
<p><a href="https://www.s3mp.com/public/joomla/joomla_icones_editeur.jpg"><img src="https://www.s3mp.com/public/joomla/joomla_icones_editeur.jpg" alt="Icônes éditeur Joomla" style="display:block; margin:0 auto;" title="Icônes éditeur Joomla, sept. 2007" /></a></p>
<p>vous remarquerez deux icônes de chaîne (entourés en rouge pour les besoins
de la cause).</p>
<p>Dans la plupart des cas, ces icônes sont grisés et ne sont pas actifs :
vous pouvez cliquer autant que vous voulez, rien ne se produira...</p>
<p><a href="https://www.s3mp.com/public/joomla/joomla_lien_inactif.jpg"><img src="https://www.s3mp.com/public/joomla/joomla_lien_inactif.jpg" alt="Lien inactif sous Joomla" style="display:block; margin:0 auto;" /></a></p>
<p>Si vous sélectionnez une partie de votre texte dans l'éditeur, les icônes
reprennent des couleurs plus contrastées et deviennent actifs :</p>
<p><a href="https://www.s3mp.com/public/joomla/joomla_lien_actif.jpg"><img src="https://www.s3mp.com/public/joomla/joomla_lien_actif.jpg" alt="Lien actif sous Joomla" style="display:block; margin:0 auto;" /></a></p>
<p>L'icône de gauche permet de créer ou de modifier un lien, tandis que celui
de droite efface un lien existant. Si vous cliquez l'icône de gauche vous
verrez alors apparaître une fenêtre réduite qui ressemble à ceci :</p>
<p><a href="https://www.s3mp.com/public/joomla/joomla_fenetre_lien.jpg"><img src="https://www.s3mp.com/public/joomla/joomla_fenetre_lien.jpg" alt="Fenêtre lien Joomla" style="display:block; margin:0 auto;" /></a></p>
<p>Dans 99% des cas, vous n'avez besoin de renseigner que trois champs pour
mettre en place un lien :</p>
<ul>
<li>"Link URL" : c'est l'adresse de la page vers laquelle vous souhaitez
envoyer vos visiteurs. N'oubliez pas de commencez cette adresse par
http://</li>
<li>"Target" : c'est la fenêtre de destination du lien. Si vous conservez
la mention "Open in this window/Frame", le lien remplacera votre page dans la
fenêtre du navigateur. Si vous souhaitez que vos visiteurs conservent votre
site ouvert dans une première fenêtre tout en se baladant sur le site lié dans
une seconde fenêtre, il faut sélectionner "Open in new window (_blank)".</li>
<li>"Title" : c'est le titre associé au lien, qui n'apparaît pas dans le
texte de votre page mais qui peut donner plus d'information en lecteur. Placez
votre souris sur <a href="https://www.s3mp.com/post/2007/09/24/Inserer-un-lien-dans-une-page-avec-Joomla#" hreflang="fr" title="le titre est ce petit texte explicatif">ce lien, laissez la immobile quelques
secondes et vous verrez apparaître ce petit texte</a>.</li>
</ul>
<p>Une fois ces trois champs renseignés, il vous suffit de cliquer sur le
bouton "Insert" situé en bas et à gauche de la fenêtre pour finir d'insérer le
lien dans votre page.</p>
<p>N'oubliez pas d'enregistrer votre page pour que ce lien puisse être consulté
par vos visiteurs.</p>
<p>D'autres infos sur Joomla :</p>
<ul>
<li><a href="https://www.s3mp.com/post/2007/06/20/Modifier-les-fichiers-de-theme-sous-Joomla" hreflang="fr">Modifier les fichiers de thème sous Joomla</a></li>
<li><a href="https://www.s3mp.com/post/2007/06/09/Gerer-les-balises-Meta-avec-un-CMS" hreflang="fr">Gérer les balises Meta avec Joomla et Spip</a></li>
<li><a href="https://www.s3mp.com/post/2007/05/06/Joomla-et-Sitemaps" hreflang="fr">Joomla et
Sitemap</a></li>
<li><a href="https://www.s3mp.com/post/2007/01/29/Ajouter-une-image-a-une-page-Joomla" hreflang="fr">Ajouter une image à une page Joomla</a></li>
</ul>Joomla 1.0.13 est sortiurn:md5:bdccc333c448dd7397a2bf126c011b4b2007-07-26T21:16:00+02:002007-07-26T20:24:47+02:00SebWebcmsjoomlalegacy<p>Le célèbre CMS vient d'être mis à jour (l'annonce est <a href="http://forum.joomlafacile.com/showthread.php?p=189772" hreflang="fr">ici</a>).
Et ce sera peut-être la dernière version de Joomla 1.0.x.</p> <p>En effet, le successeur des Joomla 1.0.x arrive en phase terminale de
développement : Joomla 1.5 RC1<sup>[<a href="https://www.s3mp.com/post/2007/07/25/Joomla-1013-est-sorti#pnote-135717-1" id="rev-pnote-135717-1" name="rev-pnote-135717-1">1</a>]</sup> vient d'être lâchée
dans la nature. Si tout fonctionne comme prévu, la première version stable de
1.5 sortira cet automne.</p>
<p>Dans le même temps, la dernière mise à jour de Joomla 1.0.x est
sortie : la 1.0.13 modifie une trentaine de fichiers de la 1.0.12. Des
problèmes de compatibilité existent avec différents composants tiers (Joomfish,
Bridge SMF,...). Si vous les utilisez, mieux vaut patienter avant de faire la
mise à jour. Hornos se charge de vous prévenir des <a href="http://forum.joomlafacile.com/showthread.php?p=189772" hreflang="fr">incompatibilités majeurs</a>.</p>
<p>N'ayant pas le temps de regarder ça de près actuellement, je n'ai pas encore
fait la mise à jour de mes différents sites sous Joomla... On verra pour les
tests plus tard. Pour retrouver les avis de ceux qui ont passé le pas, rendez
vous sur <a href="http://forum.joomlafacile.com/showthread.php?p=189773" hreflang="fr">JoomlaFacile</a>.</p>
<div class="footnotes">
<h4>Notes</h4>
<p>[<a href="https://www.s3mp.com/post/2007/07/25/Joomla-1013-est-sorti#rev-pnote-135717-1" id="pnote-135717-1" name="pnote-135717-1">1</a>] RC pour Release Candidate</p>
</div>Modifier les fichiers de thème sous Joomlaurn:md5:fcd55998dff4f2c3a8e1586e15130fe72007-06-20T13:43:00+02:002009-05-15T07:55:42+02:00SebWebcmscssjoomlalegacy<p>Suite à une question d'<a href="http://www.guillenphoto.com/" hreflang="fr">Amar</a> concernant l'article <a href="https://www.s3mp.com/post/2007/06/09/Gerer-les-balises-Meta-avec-un-CMS" hreflang="fr">Gérer les
balises Meta avec Joomla et Spip</a>, voici quelques petites précisions quant à
la modification des fichiers de thème sous <a href="https://www.s3mp.com/tag/joomla">Joomla</a>.</p> <p>Sous Joomla, le thème de présentation du site se trouve dans le répertoire
"templates". Vous y retrouvez un ou plusieurs répertoires, chacun contenant un
thème de présentation distinct.</p>
<p>Pour voir si ces thèmes sont correctement installés, vous pouvez les
retrouver dans le panel administration. Pour cela, il faut suivre le menu Site
> Gestion des templates > Templates du site . Vous obtenez alors une page
qui ressemble à celle-ci (si vous trouvez l'image trop petite, cliquez dessus
pour l'agrandir) :</p>
<p><a href="https://www.s3mp.com/public/joomla/template.jpg"><img src="https://www.s3mp.com/public/joomla/.template_m.jpg" alt="Template Joomla" style="display:block; margin:0 auto;" /></a></p>
<p>Le tableau central vous permet de vérifier quel est le thème utilisé (cercle
rouge 1).</p>
<p>Le plus souvent, les thèmes sont constitués d'un fichier contenant la
structure standard de la page (généralement appelé index.php) et d'un fichier
<a href="https://www.s3mp.com/tag/css">CSS</a> gérant le design de la page (généralement appelé
template_css.css). Si vous souhaitez les modifier, deux possibilités s'offrent
à vous :</p>
<ul>
<li>le faire directement par le panel d'administration, il faut alors choisir
le thème à éditer (cercle rouge 2) et cliquer sur le lien "éditer HTML" (cercle
rouge 3)<sup>[<a href="https://www.s3mp.com/post/2007/06/20/Modifier-les-fichiers-de-theme-sous-Joomla#pnote-125990-1" id="rev-pnote-125990-1" name="rev-pnote-125990-1">1</a>]</sup>. Vous tombez alors sur une fenêtre reprenant
l'ensemble du code mi-html mi-php du fichier index.php. Si vous n'y connaissez
rien, ne tentez pas le diable : tout changement sera directement
enregistré sur le serveur de votre site internet et aussitôt répercuté sur vos
pages.</li>
<li>le faire sur votre disque dur et transmettre les modifications par FTP vers
votre hébergement. Les fichiers à modifier se trouvent dans le répertoire
Templates > Nom_du_theme pour le fichier index.php et Templates >
Nom_du_theme > CSS pour le fichier template_css.css</li>
</ul>
<p>Personnellement je préfère la deuxième solution, elle permet de créer une
version de sauvegarde bien utile en cas de boulette.</p>
<p>Pour un site standard, vous devriez retrouver au moins trois (ou quatre)
fonctions spécifiques dans le fichier index.php :</p>
<ul>
<li>mosShowHead();<sup>[<a href="https://www.s3mp.com/post/2007/06/20/Modifier-les-fichiers-de-theme-sous-Joomla#pnote-125990-2" id="rev-pnote-125990-2" name="rev-pnote-125990-2">2</a>]</sup> permet d'afficher <a href="https://www.s3mp.com/post/2007/06/09/Gerer-les-balises-Meta-avec-un-CMS" hreflang="fr">les
différentes balises meta</a> et d'autres choses bien utiles comme le titre de
la page et ce genre de chose (ce qui constitue la réponse qu'<a href="https://www.s3mp.com/post/2007/06/09/Gerer-les-balises-Meta-avec-un-CMS#c1358538" hreflang="fr">Amar</a> attend),</li>
<li>mosMainBody(); affiche le contenu dynamique de votre page : contenu de
l'article ou liste des articles...</li>
<li>mosLoadModules('left'); met en place les menus permettant la navigation
dans votre site,</li>
<li>et éventuellement mosPathWay(); si vous voulez mettre en place un <a href="https://www.s3mp.com/post/2007/06/08/Le-fil-dariane" hreflang="fr">fil d'ariane</a>.</li>
</ul>
<p>Sachant cela, il ne vous reste plus qu'à expérimenter pour confectionner
votre propre thème, le plus simple étant de commencer par regarder comment
fonctonne le thème Cleanblue (qui est toujours inclus dans les récentes
distributions de Joomla).</p>
<p>D'autres infos sur Joomla :</p>
<ul>
<li><a href="https://www.s3mp.com/post/2007/09/24/Inserer-un-lien-dans-une-page-avec-Joomla" hreflang="fr">Insérer un lien dans une page avec Joomla</a></li>
<li><a href="https://www.s3mp.com/post/2007/06/09/Gerer-les-balises-Meta-avec-un-CMS" hreflang="fr">Gérer les balises Meta avec Joomla et Spip</a></li>
<li><a href="https://www.s3mp.com/post/2007/05/06/Joomla-et-Sitemaps" hreflang="fr">Joomla et
Sitemap</a></li>
<li><a href="https://www.s3mp.com/post/2007/01/29/Ajouter-une-image-a-une-page-Joomla" hreflang="fr">Ajouter une image à une page Joomla</a></li>
</ul>
<div class="footnotes">
<h4>Notes</h4>
<p>[<a href="https://www.s3mp.com/post/2007/06/20/Modifier-les-fichiers-de-theme-sous-Joomla#rev-pnote-125990-1" id="pnote-125990-1" name="pnote-125990-1">1</a>] Pour modifier le fichier CSS, il suffit de cliquer sur
"éditer CSS" plutôt que d'utiliser "éditer HTML".</p>
<p>[<a href="https://www.s3mp.com/post/2007/06/20/Modifier-les-fichiers-de-theme-sous-Joomla#rev-pnote-125990-2" id="pnote-125990-2" name="pnote-125990-2">2</a>] qui doit être placé entre les balises <head> et
</head>.</p>
</div>Gérer les balises Meta avec Joomla et Spipurn:md5:d0f01df5b1f608ebac40609a6c827f2a2007-06-09T22:22:00+02:002009-05-16T21:30:32+02:00SebWebcmsjoomlalegacyréférencementspip<p>Autre article écrit pour webmarketer, celui-ci présente les différentes
possibilités offertes aux utilisateurs des <a href="https://www.s3mp.com/tag/cms">CMS</a> <a href="https://www.s3mp.com/tag/joomla">Joomla</a> et <a href="https://www.s3mp.com/tag/spip">Spip</a> de modifier les
balises de description des pages de leur site.</p> <p>Passage obligé du webmestre il y a quelques années, l'utilisation des
balises meta (description et keyword) est de moins en moins indispensable pour
le bon référencement d'un site internet. La faute aux abus dans l'utilisation
de ces balises : de nombreux webmestres ont enjolivé leur description,
voire utilisé des mots clés à mauvais escients. Il était en effet très simple
d'ajouter le terme "Pamela Anderson" dans ses mots clés afin de détourner une
partie des recherches sur ce terme. Résultat : les principaux moteurs de
recherche ne prennent plus en compte ces éléments dans leurs algorithmes.</p>
<p>Pourquoi alors les compléter ? La balise keyword n'est pas utilisé par
les grands moteurs. Il n'en est pas de même de la part de la myriade de petits
moteurs.</p>
<p>La balise description présente un plus grand intérêt. Elle est parfois
reprise par les moteurs de recherche (dont Google). Il peut être de rédiger une
courte description, tout en restant raisonnable pour éviter les mauvaises
surprises de déclassement. Pour bien faire, il convient de rédiger une
description différente pour chaque page. C'est non seulement intéressant pour
différencier les pages pour les moteurs de recherche, mais également pour les
internautes. Imaginez que sur un mot clé, votre site truste les trois premiers
résultats. Quel mauvais effet d'avoir exactement le même texte de présentation
sous les trois liens, non ? Nos deux CMS favoris permettent de gérer
finement ces balises, voyons comment.</p>
<h2>Joomla</h2>
<p>Ces balises se gèrent à deux endroits distincts. Pour la page d'accueil (et
l'ensemble des pages n'ayant pas de balises), il faut passer par le menu de
configuration général du site : ( Site > Configuration du site , onglet
Metadata).</p>
<p>Vous disposez alors de deux champs "Description Meta pour tout le site" et
"Mots clés Meta pour tout le site" à remplir. Attention, il ne faut pas oublier
de sauvegarder (icône en forme de disquette en haut et à droite de votre
écran).</p>
<p><img src="https://www.s3mp.com/public/joomla/meta_global_400.jpg" alt="Meta global" style="display:block; margin:0 auto;" /></p>
<p>Ensuite, vous devez créer une description pour chaque article. Pour cela, il
faut vous rendre à la page d'édition d'article. Une fois , vous remarquez cinq
onglets à droite de votre écran. Le quatrième s'appelle Méta Info et présente
deux champs "Description" et "Mots Clé".</p>
<p><img src="https://www.s3mp.com/public/joomla/meta_local.png" alt="Meta local" style="display:block; margin:0 auto;" /></p>
<p>Une fois que tous ces champs sont remplis, il ne vous reste qu'à vérifier un
dernier point : avez-vous la bonne commande dans votre thème de
présentation. Il s'agit de mosShowHead(); que vous trouvez normalement parmi
les premières lignes de ce fichier. Si elle est absente (ce qui serait
étonnant, sauf si vous créez vous-même votre thème), il convient de la rajouter
entre les balises <head> et </head>.</p>
<h2>SPIP</h2>
<p>L'architecture de SPIP est bien différente. Pour ajouter une description
pour chaque article, il faut compléter le champs "Descriptif rapide".</p>
<p><img src="https://www.s3mp.com/public/spip/spip.png" alt="Spip" style="display:block; margin:0 auto;" /></p>
<p>Une fois cette modification effectuée, vous devez rendre visite à votre
thème. La description est contenue dans la variable #DESCRIPTIF, que vous
pouvez insérer de la manière suivante entre les balises <head> et
</head> :</p>
<blockquote>
<p><meta name="Description" content="(#DESCRIPTIF|attribut_html)"></p>
</blockquote>
<p>D'autres infos sur Joomla :</p>
<ul>
<li><a href="https://www.s3mp.com/post/2007/09/24/Inserer-un-lien-dans-une-page-avec-Joomla" hreflang="fr">Insérer un lien dans une page avec Joomla</a></li>
<li><a href="https://www.s3mp.com/post/2007/06/20/Modifier-les-fichiers-de-theme-sous-Joomla" hreflang="fr">Modifier les fichiers de thème sous Joomla</a></li>
<li><a href="https://www.s3mp.com/post/2007/05/06/Joomla-et-Sitemaps" hreflang="fr">Joomla et
Sitemap</a></li>
<li><a href="https://www.s3mp.com/post/2007/01/29/Ajouter-une-image-a-une-page-Joomla" hreflang="fr">Ajouter une image à une page Joomla</a></li>
</ul>Le fil d'arianeurn:md5:ccd6854590fcdc154590732465a6dca82007-06-08T22:21:00+02:002007-06-08T22:28:52+02:00SebWebcmsjoomlalegacyréférencementspip<p>Pour des raisons diverses et variées, je n'écrirai plus pour
Webmarketer-en-herbe. Voici un des deux articles que j'avais écrit pour
l'occasion.</p>
<p>Il s'agit d'une présentation du concept du fil d'Ariane (que l'on appelle
aussi chemin de fer, breadcrumb ou rootpath). Son utilisation permet à
l'internaute de mieux se repérer à l'intérieur de votre site internet, mais
également aux différents moteurs de mieux référencer l'ensemble de vos
pages.</p> <h2>Intérêt du fil d'Ariane</h2>
<p>Le fil d'Ariane est le chemin que suivrait un internaute depuis la première
page du site jusqu'à l'article consulté. Prenons un exemple dans l'annuaire
Dmoz : la page <a href="http://dmoz.org/World/Fran%c3%a7ais/R%c3%a9gional/Europe/France/R%c3%a9gions/Alsace/Bas-Rhin/Commerce_et_%c3%a9conomie/Gastronomie_et_alimentation/" hreflang="fr">Gastronomie et alimentation du Bas-Rhin</a> comporte la suite de
mots que voici :<br />
Top: World: Français: Régional: Europe: France: Régions: Alsace: Bas-Rhin:
Commerce et économie: Gastronomie et alimentation<br />
Ceci constitue le fil d'Ariane menant à cette catégorie. Hormis "Gastronomie et
alimentation", vous remarquerez que chaque groupe de mots est un lien renvoyant
vers une des catégories supérieures. L'internaute arrivant directement sur
cette page peut alors remonter l'enchevêtrement de catégories et ainsi
continuer son exploration du site.</p>
<p>L'utilisation systématique de ce fil d'Ariane dans la construction d'un site
internet comporte plusieurs atouts en terme de référencement :</p>
<ul>
<li>C'est un moyen de répéter efficacement les différents mots clés menant à la
page. Non seulement, ils seront situés parmi les premiers mots de la page, mais
en outre, vous ne serez pas pénalisé pour ces répétitions (la répétition de
mots clés hors contexte est généralement pénalisante, puisque considérée comme
spam).</li>
<li>C'est un moyen simple et rapide de créer un nombre important de liens
internes vers les pages des catégories supérieures. Imaginons une page Accueil
qui pointe vers 10 catégories, chacune ayant 10 articles. L'utilisation du fil
d'Ariane permet de créer 110 liens vers la page d'accueil sans coup férir.
Imaginons maintenant 2 niveaux de catégories imbriquées, le nombre de liens
vers la page d'accueil dépasse alors le millier (1110 dans notre cas).</li>
</ul>
<h2>L'intégration du fil d'Ariane dans Joomla et SPIP</h2>
<p>La mise en place de ce fil pourrait être fastidieuse si les différents
<a href="https://www.s3mp.com/tag/cms">CMS</a> présents sur le marché n'intégraient pas de
fonctions simplifiant grandement la tâche du webmestre. Comme exemple je vous
propose de découvrir comment cette fonctionnalité peut aisément être mise en
place sous <a href="https://www.s3mp.com/tag/joomla">Jooma</a> ou <a href="https://www.s3mp.com/tag/spip">SPIP</a>.</p>
<p>Sous SPIP, c'est la boucle HIERARCHIE qui permet d'obtenir ce fil d'Ariane.
Elle connaît deux variantes, voici la boucle à mettre dans une page
d'article :</p>
<blockquote>
<p><BOUCLE_hierarchie(HIERARCHIE){id_article}{" : "}><br />
<a href="#URL_RUBRIQUE">#TITRE</a><br />
</BOUCLE_hierarchie></p>
</blockquote>
<p>Cette boucle doit être légèrement modifiée lorsqu'elle est incluse dans une
page de rubrique. il faut alors remplacer {id_article} par {id_rubrique}.</p>
<p>Si vous utilisez Joomla, l'intégration de ce cheminement se fait par
l'intégration de la commande mosPathWay(); dans le thème de présentation de
votre site. Joomla se charge du reste. Il faut cependant noter que,
contrairement à SPIP qui utilise l'architecture des catégories d'articles
(rubrique dans le langage SPIP), Joomla se base sur l'organisation des menus
pour concevoir son fil d'Ariane. C'est peut être un peu déroutant au début,
mais cela permet plus de souplesse que dans le cas de SPIP.</p>
<p>Rien de plus simple donc pour faire apparaître cette suite de lien sur
chaque page de votre site favori.</p>CMS et référencementurn:md5:cbcb7072e0e2106e3e7319495b80a4b12007-05-30T11:56:00+02:002007-06-09T22:44:31+02:00SebWebcmsjoomlalegacyréférencementspip <p>Mes deux premiers articles sur webmarketer-en-herbe sont parus. J'y parle du
principe du <a href="http://blog.s3mp.com/post/2007/06/08/Le-fil-dariane" hreflang="fr">fil d'ariane</a> ainsi que de la mise en place des balises meta
avec Joomla et SPIP.</p>
<p>D'autres petits machins sont en préparation, il faut bien que je tienne le
rythme effréné (au moins un article par semaine)...</p>Webmarketer en herbeurn:md5:8fcad819224c8f59d5f5d6cf2df19f4d2007-05-21T17:07:00+02:002007-06-08T21:22:51+02:00SebWebcmslegacyréférencement <p>Depuis ce matin, je fais partie de l'équipe des rédacteurs de
Webmarketer-en-herbe.</p>
<p>Après quelques discussions avec Sébastien (le webmestre de W-E-H), me voici
en charge d'écrire régulièrement des articles sur les rapports conflictuels
entre <a href="https://www.s3mp.com/tag/cms">CMS</a> et <a href="https://www.s3mp.com/tag/r%C3%A9f%C3%A9rencement">référencement</a>. Je me concentrerai sur mes
chouchous (Joomla et SPIP) mais je ferai également quelques détours vers des
systèmes moins connus (vous retrouvez une liste importante sur le site de
<a href="http://www.framasoft.net/rubrique168.html" hreflang="fr">Framasoft</a>).</p>
<p>Mon premier article devrait être en ligne ce soir ou demain.</p>Ajouter une image à une page Joomlaurn:md5:2683a26b747c0c6f2c122a87393a14302007-01-29T08:20:00+01:002009-05-16T21:31:51+02:00SebWebcmsjoomlalegacy<p><a href="https://www.s3mp.com/tag/joomla">Joomla</a> est un système de gestion de contenu
(<a href="https://www.s3mp.com/tag/cms">CMS</a> en anglais) bien pratique pour gérer des sites
internet (comme celui de mon <a href="http://www.latelierderestauration.com" hreflang="fr">atelier de restauration</a> préféré).</p>
<p>Il m'a été demandé plusieurs fois des explications sur l'insertion des
images dans une page de ce système.</p> <p>On peut donc procéder en deux étapes : charger la photo sur le site
puis l'inclure dans un (ou plusieurs) articles.</p>
<p>La charger :</p>
<ol>
<li>Une fois sur la page d'accueil, cliquer sur Medias (le logo avec la fleur
jaune).</li>
<li>Choisir le répertoire stories<sup>[<a href="https://www.s3mp.com/post/2007/01/29/Ajouter-une-image-a-une-page-Joomla#pnote-75180-1" id="rev-pnote-75180-1" name="rev-pnote-75180-1">1</a>]</sup>.</li>
<li>A l'aide du bouton "Parcourir", se balader dans le disque dur pour
retrouver la photo.</li>
<li>Il ne reste plus qu'à cliquer sur le bouton Upload.</li>
</ol>
<p>L'insérer dans un article :</p>
<ol>
<li>Se rendre sur l'article désiré (ça marche aussi pour un article en cours de
création).</li>
<li>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 "<<".</li>
<li>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").</li>
<li>Pour chaque photo passée à droite, une légende peut être ajoutée, ainsi
qu'un texte alternatif<sup>[<a href="https://www.s3mp.com/post/2007/01/29/Ajouter-une-image-a-une-page-Joomla#pnote-75180-2" id="rev-pnote-75180-2" name="rev-pnote-75180-2">2</a>]</sup> 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...).</li>
<li>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 à <a href="https://www.s3mp.com/tag/joomla">Joomla</a> de
positionner correctement l'image. Répéter l'opération pour chaque image.</li>
<li>Cliquer sur le bouton "Appliquer" en haut de la page pour enregistrer tous
les changements.</li>
<li>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).</li>
<li>Modifier jusqu'au moment où vous trouvez ça bô.</li>
</ol>
<p>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".</p>
<p>D'autres infos sur Joomla :</p>
<ul>
<li><a href="https://www.s3mp.com/post/2007/09/24/Inserer-un-lien-dans-une-page-avec-Joomla" hreflang="fr">Insérer un lien dans une page avec Joomla</a></li>
<li><a href="https://www.s3mp.com/post/2007/06/20/Modifier-les-fichiers-de-theme-sous-Joomla" hreflang="fr">Modifier les fichiers de thème sous Joomla</a></li>
<li><a href="https://www.s3mp.com/post/2007/06/09/Gerer-les-balises-Meta-avec-un-CMS" hreflang="fr">Gérer les balises Meta avec Joomla et Spip</a></li>
<li><a href="https://www.s3mp.com/post/2007/05/06/Joomla-et-Sitemaps" hreflang="fr">Joomla et
Sitemap</a></li>
</ul>
<div class="footnotes">
<h4>Notes</h4>
<p>[<a href="https://www.s3mp.com/post/2007/01/29/Ajouter-une-image-a-une-page-Joomla#rev-pnote-75180-1" id="pnote-75180-1" name="pnote-75180-1">1</a>]
Accessoirement, créer un nouveau répertoire pour classer les images.</p>
<p>[<a href="https://www.s3mp.com/post/2007/01/29/Ajouter-une-image-a-une-page-Joomla#rev-pnote-75180-2" id="pnote-75180-2" name="pnote-75180-2">2</a>]
Mettre au moins le texte alternatif, c'est mieux pour google.</p>
</div>