Manuel édité par Emeraude Internet - Création de sites Web - tous droits réservés.
Les clients de Emeraude Internet bénéficient au minimum d'une demi journée de formation à la gestion de leur site Internet (quand ils ont choisi de l'administrer eux-mêmes). Ce petit manuel résume l'essentiel de cette formation. Ne soyez-pas effrayé par la longueur de cet article, en réalité il n'y a pas tant de choses à retenir. Cette aide en ligne vous servira surtout à revoir un petit détail, que vous avez pu oublier depuis la formation que vous avez reçue...
Ce manuel concerne Joomla 1.5 (version 1.6 & 1.7 en cours...)
- Méthodologie Joomla
- Back-end & Front-end
- Gestion des sections
- Gestion des catégories
- Gestion des articles
- Copier un article
- Image par défaut d'un article
- Style CSS d'une image d'un article
- Lire la suite d'un article
- Créer un lien
- Boutons utiles
- A propos du système d'archivage Joomla
- Supprimer un article
- Archiver un article
- Insérer une image dans un article
- Insérer un lien vers une page Web "Média"
- Catégories JoomGallery
- Insérer un groupe d'images
- Installer un logiciel de compression zip
- Créer un lien vers un album JoomGallery
Votre site Internet a été conçu sur un des plus puissants logiciels dédiés à la création et à la gestion de contenu Internet, cet outil se nomme Joomla.
Comme tous les outils informatiques, Joomla possède ses qualités et ses défauts. Cependant au fil du temps, si vous pensez qu'il vous manque telle ou telle fonctionnalité, n'accusez pas trop vite ce petit bijou technologique utilisé par des millions d'utilisateurs. Dans la quasi-totalité des cas, la fonction manquante existe bel et bien ou au pire, pourrait être développée par un programmeur spécialisé. La fonction qui vous fait cruellement défaut n'a peut-être pas été installée, parce que vous ne l'avez pas demandée lors de la fabrication de votre site ou la fonction nécessite un peu plus de moyens que ceux vous vous êtes fixés...
Rassurez-vous, rien n'est perdu. Avec Joomla, il sera toujours (ou presque toujours) possible de faire évoluer l'architecture technique de votre site par la suite.
Emeraude-Internet a tout préparé pour vous simplifier au maximum, la gestion du contenu. Malgré tout, c'est vous qui allez maintenant devoir écrire les articles, les classer dans les bons dossiers, les vérifier, les publier... vous allez devoir ranger vos dossiers au bons endroits pour pouvoir les avoir sous la main à n'importe quel moment. En cours (ou en fin) d'année, il vous faudra probablement aller faire un tour aux archives pour y déposer les classeurs devenus inutiles. Ce travail est celui d'un (ou une) secrétaire. Quelques bonnes notions informatiques sont également des atouts appréciables pour bien réussir la tâche qui vous est confiée.
Si vous êtes un pro du ctrl C / ctrl V et de surcroît, employé au tri des dossiers du trésor public, les lignes qui vont suivre vous feront sûrement sourire. C'est aux autres que ce petit manuel est adressé. Ce manuel est un rappel des gestes et bons réflexes qui ont déjà été appris au cours d'une petite formation.
Votre site Internet Joomla contient deux parties
- le front-end est la partie visible par n'importe quel internaute en se rendant sur une page commençant par une adresse de type : www.monsite.com
- le back-end est la partie administration du site. pour y accéder, il faut posséder un identifiant et un mot de passe. C'est cette partie qui nous intéresse.
Pour administrer votre site, vous devez vous rendre à l'adresse de votre site en y ajoutant : /administrator (exemple : www.monsite.com/administrator), puis, pour vous connecter à votre compte, vous devez entrer l'identifiant et le mot de passe qui vous ont été communiqués par Emeraude-Internet ou le responsable du site Internet.
L'organisation Joomla repose en partie sur la bonne gestion des sections et des catégories. Afin de ne pas vous embrouiller, je ne vais vous présenter QUE ce qui doit à priori vous servir, en tous cas, pour le moment. Vous serez toujours libre d'aller plus loin par la suite. Vous pourrez obtenir de nombreux renseignements dans vos recherches sur le fonctionnement du logiciel Joomla, en vous rendant sur : forum.Joomla.fr - L'avantage de posséder un site Joomla, est aussi que ce logiciel d'édition de contenu Web "Open Source" est le plus téléchargé au monde. Des milliers d'utilisateurs peuvent vous aider à prendre en main votre site Internet, et même de manière totalement autonome, si vous en avez le temps et l'envie bien entendu.
Imaginez un marchand de primeurs Son site se nomme marchanddeprimeurs.com. Ce commerçant présente ses produits sur son site.
Ses produits sont soigneusement rangés. D'un côté il y a les fruits. De l'autre côté il y a les légumes. Ce sont les deux sections de son site
Section 1 : Fruits
Section 2 : Légumes
Chaque section va être divisée en plusieurs catégories.
Dans la section légumes, il y aura la catégorie poireaux, la catégorie carottes, la catégorie betteraves...
Dans la section fruits, il y aura la catégorie pommes, la catégorie bananes, la catégorie oranges...
Prenons la section fruits > catégorie pommes
A l'intérieur de cette catégorie, nous allons y trouver les articles :
Article 1 : La pomme Golden
Article 2 : La pomme Granny
Article 3 : La pomme Boskoop
etc.
Pour votre site c'est pareil. Emeraude-Internet a organisé vos produits ou activités en plusieurs sections et plusieurs catégories. A chaque fois que vous allez entrer une information sur votre site en créant un nouvel article, vous devrez le ranger dans une catégorie précise. Cette catégorie ayant déjà été elle même placée dans une section par le Webmaster de Emeraude-Internet.
Ces sections et catégories seront affichées ou non sur le front-end, c'est Emeraude-Internet qui l'a décidé dans le but de rendre la navigation sur le front-end du site, la plus fluide possible. Ne vous occupez de rien et laissez-vous guider. Tout ce que vous écrivez et souhaitez publier, sera affiché sur votre site Internet (le front-end) AUTOMATIQUEMENT - à condition d'avoir placé vos rédactionnels au bon endroit...
Vous pourriez être tenté dans le futur de ré-organiser l'architecture existante en y ajoutant de nouvelles catégories ou de nouvelles sections, ceci est déconseillé. A moins bien sûr, que vos connaissances en informatique Web soient suffisantes et que vous sachiez ce que vous faites. Faites tout de même une sauvegarde du site avant de modifier/ajouter des sections ou catégories
Dans tous les cas, vous pouvez demander conseil au Webmaster de Emeraude-Internet qui vous dira si votre projet peut être réalisé en deux tours de clics ou si la modification va entraîner de sérieuses perturbations.
Une fois connecté au back-end de votre site, vous devriez voir s'afficher une page contenant à peu près ceci :
Cliquez sur : Gestion des articles.
Si ce n'est pas cette présentation qui s'affiche, le menu en haut à gauche, toujours à votre disposition (sauf pendant l'écriture d'un élément), contient la rubrique Contenu il suffit de faire dérouler ce menu puis cliquer sur : Gestion des articles.
Vous allez vous retrouver sur une page de Gestion des articles contenant les articles existants de votre site. Selon la sélection en cours, il se peut que tous les articles soient visibles ou non. Cela dépend des sélections actives des menus déroulant : - Sélectionnez une section, - Sélectionnez une catégorie...
De toutes façons, pour le moment, un seul bouton nous intéresse, c'est le gros bouton vert, en haut à droite, nommé Nouveau, cliquez dessus.
Nous voici maintenant en présence de la page de création d'un article, la partie qui va servir devrait ressembler à peu près à ceci :
Tout d'abord, écrivez le titre de l'article dans le champ Titre - N'inscrivez rien dans le champ Alias qui sera écrit automatiquement par Joomla.
Ce titre servira automatiquement de titre 1 ou 2 de paragraphe (selon la configuration de votre site, contactez le webmaster pour plus de précisions)
Il faut bien faire la différence entre Titre de page, qui est la balise <title></title> et ne s'affiche que dans le haut de votre navigateur. Et le titre 1 (ou 2) de paragraphe qui lui s'affiche en gros dans l'article.
Pour plusieurs raisons, la bonne rédaction des titres a une importance capitale. Vous trouverez au rayon des conseils, en bas de ce manuel, les bases de rédaction d'un bon titre.
Vérifiez ensuite si cet article doit être publié ou non (vous pouvez très bien décider de l'écrire en plusieurs fois et attendre qu'il soit totalement rédigé et vérifié avant de le publier. Publier un article, c'est le rendre visible sur le front-end du site, c'est à dire, le rendre consultable pour n'importe quel internaute.
Si cet article doit être affiché sur la page d'accueil du site, cochez la case oui devant "page d'accueil"
Choisissez la section, puis choisissez la catégorie dans laquelle cet article sera publié.
Il ne vous reste qu'à écrire votre article et ensuite cliquer en haut à droite sur Sauver ou Appliquer :
En cliquant sur Appliquer, vous sauvegardez l'article mais vous restez sur cette même page pour poursuivre votre travail. En cliquant sur "sauver", c'est que vous estimez que le travail est bouclé et vous souhaitez vous rendre ailleurs dans le back-end.
Cliquez sur Appliquer, chaque fois que vous avez entré une information conséquente dans votre article. Si votre ordinateur plante (ça arrive...), l'info aura été sauvegardée.
Si vous avez choisi de publier l'article, vous pouvez ouvrir une nouvelle fenêtre de votre navigateur, pour voir à quoi ressemble votre ouvrage sur le front-end de votre site. Il est évidemment possible de retoucher cet article autant de fois que vous le souhaitez.
Votre article n'est pas visible sur le front-end ?
- Avez-vous coché la case "publier" ?
- L'avez-vous rangé dans la bonne catégorie ?
Vous avez aussi la possibilité de copier un article modèle, afin d'avoir l'assurance que la mise en page soit toujours identique. Ceci est conseillé à ceux qui manquent de pratique.
Vous découvrirez à la racine des articles de votre back-end (article non catégorisé) un ARTICLE VIERGE.
Cochez la case à gauche devant cet article, puis cliquez en haut à droite sur Copier.
Il vous sera ensuite demandé dans quelle section/catégorie cet article doit se trouver, sélectionnez votre choix puis cliquez en haut à droite sur Sauver.
Pour retrouver cet article, utilisez si besoin, les menus déroulant : - Sélectionnez une section et - Sélectionnez une catégorie. Si tout s'est bien passé, vous retrouverez une copie de votre ARTICLE VIERGE.
Ouvrez-le et procédez comme décrit pour la création d'un article en remplaçant ce qui ne convient pas. Supprimez l'Alias, afin que Joomla le réécrive correctement.
En créant l'article type, Emeraude-Internet a probablement inséré une image par défaut que vous pourrez remplacer. Reportez-vous au chapitre Insérer une image dans un article pour savoir comment procéder.
A noter : Les fichiers "images" sont des photos ou images portant en général les extensions .jpg, .gif, .png, .bmp...
L'image "d'agrément" d'un article est bien souvent associée à un style (un cadre ou autre coquetterie graphique). Pour appliquer ce style, sélectionnez l'image, cliquez sur le menu déroulant style CSS et choisissez celui qui convient (pour une image, Emeraude-Internet nomme la class CSS "photo").
Si l'article que vous souhaitez publier est trop long, utilisez le composant lire la suite mis à votre disposition. En bas de l'article que vous êtes en train de rédiger, cliquez sur le bouton "Lire la suite" après avoir positionné le curseur à l'endroit où vous souhaitez scinder l'article en deux.
Sur la droite, dans le menu "Paramètres avancés", vous pouvez inclure un "Texte alternatif au Lire la suite". Ceci n'est pas obligatoire mais utile si vous voulez améliorer votre positionnement Google et si vous connaissez un minimum, les bonnes techniques du référencement. Voir le chapitre Positionnement Google pour en savoir plus.
Un lien est un petit morceau de code qui permet d'envoyer l'internaute, quand il clique dessus, sur une autre page Web (sur une page de votre site ou d'un site externe). Rassurez-vous, c'est Joomla qui va coder pour vous. Vous, vous avez juste à préciser quelques infos. Il est également possible de créer un lien vers une image, un doc pdf, fichier mp3... reportez vous au chapitre Insérer un lien vers un Média pour savoir comment procéder.
Pour créer un lien sur un mot, un groupe de mots ou une image dans un article, procédez comme suit :
- Sélectionnez ou surlignez l'image, mot, groupe de mots...
- Ouvrez la boîte de dialogue en cliquant sur le lien "insérer/modifier un lien" représenté par un maillon de chaîne dans la partie grise au dessus de la zone de création d'article :
Pour créer un lien vers une page Web de votre site, trouvez le lien désiré en faisant dérouler les menus et sous-menus (en général c'est le menu d'articles qui vous servira) puis cliquez sur le bouton Insérer, en bas à gauche.
Vous pouvez aussi entrer une adresse Web externe directement dans le champ URL. Si vous entrez l'adresse d'un site externe, il sera peut-être judicieux de sélectionner la cible "ouvrir dans une nouvelle fenêtre" (voir en bas de la boîte de dialogue) . Toutefois, n'abusez pas de cette cible qui pose quelques problèmes de navigation aux utilisateurs non avertis...
Pour faire un lien vers une page Web externe à votre site, faites un copier (CTRL C) de l'adresse de la page à relier et copiez-là (CTRL V) dans le champ URL de la boîte de dialogue. Insérez la cible "ouvrir dans une nouvelle fenêtre" si vous le souhaitez.
ATTENTION : si vous souhaitez créer des liens vers des fichiers qui ne sont pas des pages Web classiques de votre site (les pages Web standards, se terminent par .htm, .html, .php ...) vous ne pouvez pas vous servir du menu déroulant ci-dessus. Nous verrons en bas du chapitre gestion des médias comment faire (créer des liens vers des fichiers word ou pdf par exemple).
Autre cas particulier : Pour créer un lien vers une page créée à partir d'un composant spécifique (l'album photo de JoomGallery par exemple), vous ne pouvez pas vous servir de la boîte de dialogue. Faites comme si vous deviez créer un lien vers une page Web externe en copiant l'adresse de la page souhaitée visible sur le front-end, directement dans le champ URL mais ne copiez pas le nom de votre site (http://www.monsite.com), l'URL collée doit commencer par : index.php?.... De plus n'ouvrez pas le lien dans une nouvelle fenêtre (cible : non défini).
Plusieurs boutons sont disponibles dans la partie grise au dessus de la zone de création d'article (le nombre de boutons dépend du type de site qui a été installé...), voici deux boutons toujours installés et qui vous seront utiles, notamment pour votre Positionnement Google.
B : mettre un mot ou un groupe de mots en gras
I : mettre un mot ou un groupe de mots en italiques.
Le menu déroulant paragraphe vous sera utile dans certains cas, mais comme son utilisation agit de manière plus ou moins significative sur le comportement Google, nous en reparlerons au chapitre Positionnement Google.
L'utilisation des tableaux, bien que nécessaire et pratique dans certains cas, est parfois complexe à utiliser. L'utilisation des tableaux est également un sujet de controverse, car souvent utilisée à tort et à travers. Il est souvent plus judicieux de demander au Webmaster de créer un tableau type, plutôt que de perdre des heures, pour un résultat parfois... exotique.
A noter : il existe de nombreux boutons fournis par l'éditeur de texte installé (en général, il s'agit de l'éditeur JCE) mais comme la plupart sont mal utilisés par le néophyte, Emeraude-Internet préfère désactiver les fonctions non indispensables afin de préserver la qualité graphique de votre site. Si vous estimez qu'une fonction vous manque réellement, vous pouvez l'activer en faisant dérouler le menu composant > JCE Administration > Plugins. Puis publiez la fonction que vous souhaitez utiliser.
Prenons l'exemple d'une association de Hand-ball qui fonctionne au rythme des années scolaires. La rentrée a lieu début septembre et la clôture des activités aux environs de fin juin. Arrivée en juillet, cette association risque de se retrouver avec une ribambelle d'articles qui ne seront plus d'actualité à la prochaine saison. L'été est le bon moment pour faire un peu de ménage administratif....
Quand vous vous trouvez sur la page de la gestion des articles, vous pouvez apercevoir en haut deux gros boutons Désarchiver et Archives. En effet, Joomla propose un système d'archivage par défaut. Cependant, Emeraude-Internet juge cette fonction insuffisante pour répondre aux besoins de chacun car en archivant un article de cette façon, les articles archivés seront conservés dans la base de données, mais ne seront plus consultables via le front-end.
Ceci a deux effets négatifs :
- Si un jour un internaute veut savoir qui a remporté le tournoi de hand-ball du club en 1995, l'information est désormais devenue indisponible au public.
- Quand on sait que Google fait les yeux doux aux sites qui offrent un maximum de contenu (sous conditions, tout de même), votre site n'a pas intérêt à jeter à la poubelle des centaines de pages que le fidèle robot de Google (Googlebot) avait préalablement indexé et classé avec soin.
Au lieu de rendre un article indisponible aux internautes, Emeraude-Internet vous a installé un autre système d'archivage très simple à administrer et consultable par tous via le front-end et sans limite de durée. Il nécessite un tout petit peu d'attention de votre part, mais le jeu en vaut la chandelle si vous souhaitez offrir un contenu de qualité sur votre site Web.
Un article qui aurait été publié en cours d'année avec pour unique contenu "N'oubliez pas d'apporter une bouteille d'eau mardi prochain..." pourra purement et simplement être supprimé sans remords.
Pour supprimer un article, sélectionnez-le en cochant la case qui se trouve devant lui, puis cliquez sur le gros bouton Corbeille en haut à droite. Une confirmation de suppression peut vous être demandée.
Si vous avez envoyé un article dans la corbeille par erreur, il vous est possible de consulter la corbeille article et restaurer l'article en question.
Si vous estimez qu'un article n'a plus aucune raison d'être publié en tant que "article d'actualité", mais doit pouvoir continuer a être consultable, procédez comme suit :
- Rendez vous sur la page de gestion des articles et cochez la case qui se trouve devant l'article que vous souhaitez archiver (si plusieurs articles doivent suivre le même chemin, vous pouvez cocher plusieurs cases). Cliquez ensuite sur le gros bouton en haut à droite Déplacer.
- Un menu déroulant vous propose de : Déplacer vers la section/catégorie. Sélectionnez la catégorie qui se trouve accolée à la section Archives qui vous convient (Archives/...) puis validez en cliquant sur le gros bouton en haut à droite Sauver.
Vous pouvez maintenant vérifier, cet article n'est plus visible sur votre site comme auparavant mais pour Google, c'est comme si l'article n'avait pas bougé de place et les internautes pourront également le retrouver en consultant la rubrique Archives. Le lien vers les archives se trouve en général placé dans le pied de page (en bas).
Un autre moyen de retrouver cet article bien des années plus tard, sera de se servir du moteur de recherche interne (si il a été installé sur votre site). Il suffira d'y entrer par exemple le terme : "tournoi hand-ball 1995". Si Joomla ne trouve pas la réponse, il vous proposera d'affiner votre recherche.
A propos du moteur de recherche :
Si aucun moteur de recherche n'a été installé sur votre site, rassurez-vous. Google est le moteur le plus puissant au monde et son robot Googlebot a forcément répertorié l'info que vous recherchez (ou alors quelque chose cloche sur votre site - demandez conseil à votre Webmaster).
Plusieurs dossiers sont installés par défaut par Joomla dans un dossier prévu initialement pour des images (mais vous pourrez y ranger bien d'autres fichiers). Ce dossier se nomme en back-end : Media.
Curiosité Joomla : le dossier nommé Media en back-end est en réalité un dossier s'appelant images. Pour l'instant cela n'a aucune importance, mais vous comprendrez plus bas, pourquoi il est capital de le savoir.
Pour explorer ce dossier de gestion des médias, rendez vous dans le panneau d'administration ou faites dérouler le menu Site tout en haut à gauche.
Dans ce classeur Media, vous y trouverez au minimum les dossiers M_images, banners et stories. Ces dossiers ne doivent surtout pas être supprimés car ils contiennent des fichiers "système", nécessaires à l'affichage correct du front-end de votre site. En revanche, vous allez pouvoir, si besoin, créer des dossiers et sous-dossiers à l'intérieur ou à l'extérieur de ces dossiers.
IMPORTANT : pour ranger des images de type vignettes à afficher dans des articles, créez impérativement vos sous-dossiers dans le dossier "stories". Ce dossier "stories" est le plus important. C'est le seul (avec ses sous-dossiers) qui sera accessible pour insérer une image, lors de la création ou édition d'un article.
Rappel : Les fichiers "images" sont des photos ou images portant en général les extensions .jpg, .gif, .png, .bmp...
A priori, vous n'aurez jamais besoin d'aller dans le dossier M_images. Quant au dossier banners il sert en principe au dépôt d'images de types logos, en vue de l'affichage des bannières publicitaires fournies par vos partenaires. Reportez vous au chapitre bannières pour en savoir d'avantage.
Il n'est pas forcément utile pour le moment d'insérer les images, mais vous pouvez le faire si vous le souhaitez.
Pour bien comprendre l'utilité de la gestion des dossiers médias et par la même occasion la pertinence de créer des dossiers et sous-dossiers, revenons vers notre association de Hand-ball :
Celle-ci pourrait très bien souhaiter y créer chaque année un nouveau dossier pour s'y retrouver plus aisément : un dossier 1995-1996, un autre nommé 1996-1997 etc. elle peut même créer à l'intérieur de chacun de ces dossiers, un sous-dossier septembre, puis un autre nommé octobre etc. Dans quinze ans, le nouveau secrétaire remerciera son prédécesseur, de bien avoir rangé les affaires. Tous les choix d'organisation sont permis.
Il est fort probable que Emeraude-Internet ait déjà ajouté pour vous, un ou plusieurs dossiers en fonction de vos besoins ou de vos exigences. C'est ainsi qu'un dossier nommé docs est souvent créé pour vous permettre d'y ranger des fichiers de documentation de type word ou pdf. Ce dossier est généralement disponible à la racine du classeur Media.
Si vous avez des fichiers "non images" à mettre en ligne, de type pdf, word, mp3, mpg ou autres, c'est le moment de créer vos sous-dossiers et d'y envoyer les fichiers qui vont dedans.
Pour créer un dossier, insérez le nom du dossier dans le champ libre à côté de l'adresse racine (après le signe /) puis validez en cliquant sur Créer un dossier.
Pour insérer vos fichiers, utilisez l'outil Transférez un fichier qui se trouve en bas à gauche :
Si il a été jugé nécessaire pour votre activité d'installer un composant spécifique de gestion d'images (pour un album photos par exemple), vous trouverez aussi probablement à la racine du classeur "Media", un dossier nommé joomgaller... ou joomgallery. N'y touchez-pas, sauf obligation particulière.
D'une manière générale : à l'exception des fichiers trop lourds devenus réellement inutiles (vieilles vidéos obsolètes par exemple) ne supprimez jamais ce qui se trouve dans le classeur Media, ou alors, sachez que c'est à vos risques et périls.
Pour insérer une image dans un article que vous êtes actuellement en train d'éditer, cliquez sur le bouton image en bas à gauche de la fenêtre d'édition de l'article :
Rappelez-vous que votre image doit se trouver dans le dossier stories ou dans un de ses sous-dossiers. Si c'est bien le cas, sélectionnez l'image en cliquant dessus.
Si votre image n'a encore jamais été transférée dans un des emplacements indiqués et qu'elle se trouve sur votre ordinateur, indiquez le chemin de votre image en vous servant de l'outil Transférer en bas à gauche de la boîte de dialogue et lancez le transfert.
Votre image se trouve à présent dans le dossier en cours, sélectionnez l'image en cliquant dessus.
Ajouter un titre et une description (le même texte dans chaque champ fera l'affaire) et cliquez en haut à droite sur insérer. Normalement, votre image se trouve à présent, insérée dans votre article.
Si elle n'est pas à la bonne place, vous pouvez la faire glisser jusqu'à l'endroit désiré.
Vous pouvez fignoler votre travail en ajoutant un style CSS à votre image, comme nous l'avons vu un peu plus haut.
IMPORTANT : n'insérez-pas d'images lourdes de cette façon et évitez de redimensionner une image dans l'article (beaucoup de "mauvais utilisateurs" redimensionnent les images dans l'article car ils constatent après coup que la photo insérée est trop grande. Cette technique est à proscrire - redimensionnez votre image à l'aide d'un logiciel de retouche photo AVANT de l'insérer dans l'article).
Ces images sont ici pour agrémenter la lecture de l'article, servez-vous du gestionnaire d'images joomgallery pour y insérer des visuels volumineux, nous verrons comment un peu plus bas. A titre informatif, un visuel de 250 pixels de largeur est bien souvent un grand maximum à ne pas dépasser, mais il est difficile d'imposer ici le moindre format sans connaître votre désir de rendu...
Vous pourriez être tenté de ne pas ajouter de titre et de description à votre image, pour faire vite... Vous prenez le risque que les handicapés visuels et Mr Google bannissent tout ou partie de votre page. A vous de voir (!)
Nous avons vu un petit peu plus haut, au chapitre Gestion des médias que les documents autres que les fichiers dits "images" devaient de préférence être rangés dans des dossiers spécifiques. Repérez bien leur(s) emplacement(s), nous allons voir maintenant comment rendre disponibles ces fichiers sur le front-end et donner la possibilité aux internautes de les consulter ou les télécharger.
Imaginons que vous vous êtes rendu dans le gestionnaire de médias, vous avez ouvert le dossier docs et y avez transféré un fichier nommé inscription_handball.pdf (apprenez à ne pas laisser d'espace entre deux mots d'un fichier, insérez un tiret : tiret du bas ou trait d'union).
Vous êtes maintenant en train de rédiger un article, écrivez dans une phrase les mots auxquels se rapportent le fichier :
"Si vous souhaitez vous inscrire au club de hand-ball, téléchargez le bulletin d'inscription"
Sélectionnez les mots "téléchargez le bulletin d'inscription" qui abriteront le lien, puis ouvrez la boîte de dialogue en cliquant sur le lien insérer/modifier un lien représenté par un maillon de chaîne dans la partie grise au dessus de la zone de création d'article :
Entrez dans le champ URL l'adresse de lien suivante : images/docs/inscription_handball.pdf
Comme le fichier vers lequel pointe le lien n'est pas une page Web, vous pouvez sélectionner la cible "ouvrir dans une nouvelle fenêtre" si vous le souhaitez. Pour finir, cliquez sur le bouton en bas à gauche Insérer, normalement, vous devriez avoir quelque chose dans ce goût là :
Si vous souhaitez vous inscrire au club de hand-ball, téléchargez le bulletin d'inscription
A propos de l'adresse de lien :
"images" est le dossier racine du gestionnaire des médias (et non Média comme expliqué plus haut).
"docs" est le dossier dans lequel vous aviez déposé le fichier inscription_handball.pdf.
il suffit juste de séparer chaque dossier ainsi que le fichier par le signe / sans espace et le tour est joué.
Si votre activité nécessite de présenter des photos ou images de bonne qualité et/ou en grande quantité, Emeraude-Internet a probablement installé le composant JoomGallery sur votre site. Pour accéder à l'une de ses fonctions, déroulez le menu Composant > JoomGallery. Nous allons commencer par explorer le gestionnaire de catégorie, cliquez sur ce lien qui se trouve en haut de la liste.
Précisons tout d'abord que le gestionnaire de catégorie JoomGallery est totalement indépendant des sections/catégories de Joomla que nous avons vu précédemment. Son fonctionnement est différent aussi. Alors qu'il était déconseillé de créer des sections et catégories dans le gestionnaire de Joomla, ici c'est tout le contraire, il est recommandé de créer autant de catégories et sous-catégories que vous voulez (un peu comme l'ajout de dossiers dans le gestionnaire de médias).
Il est possible que quelques catégories soient déjà installées. Gardez-les ou supprimez-les, c'est à vous de gérer cet espace comme bon vous semble. Dans un premier temps, faites quelques tests pour vous entraîner et bien comprendre le fonctionnement de JoomGallery.
Au milieu de la page, un bon nombre d'onglets est disponible, dont le Gestionnaire de catégorie et le Gestionnaire d'images qui vous serviront régulièrement si vous publiez beaucoup de photos. Leur utilisation est très intuitive.
Le lien Envoi de photos vous permet d'envoyer des photos unes par unes.
Mais c'est le lien Envoi groupé qui va rapidement devenir votre outil favori, oubliez tous les autres onglets du JoomGallery, car Emeraude-Internet a déjà tout configuré. De nombreuses fonctions ont été désactivées, pour faire "au plus simple". Si vous avez envie d'activer une ou ou plusieurs fonctions, faites une sauvegarde du site avant de faire une bêtise que vous pourriez regretter...
Pour profiter de l'outil Envoi groupé, vous devez posséder un logiciel de compression zip. Si vous n'en possédez pas, veuillez télécharger 7-zip - Ce logiciel est gratuit et certifié sans virus ou autre logiciel malveillant, vous pouvez l'installer sans risque sur votre ordinateur.
Pour créer une archive d'images .zip, cliquez sur le raccourci 7-Zip File Manager qui se trouve dans la liste de vos programmes installés. Recherchez sur votre ordinateur le dossier contenant les photos que vous souhaitez transférer, sélectionnez-les et cliquez sur le gros bouton vert "Ajouter".
Dans la nouvelle boîte de dialogue qui s'affiche, sélectionnez zip comme format dans le menu déroulant Format de l'archive et en dessous, privilégiez le type de compression : "aucune".
Donnez un nom à votre dossier, puis tout au bout à droite, servez-vous du bouton "..." pour définir à quel endroit vous aller stocker le fichier .zip qui va être créé.
Revenez maintenant sur la page Envoi groupé de joomGallery, indiquez le chemin de votre fichier .zip en cliquant sur le bouton parcourir, affectez le à une catégorie, puis cliquez sur le bouton Démarrer le transfert. Selon la quantité de photos à transférer, le transfert, peut prendre un certain temps.
Il se peut que vous obteniez un message d'erreur, cela vient probablement du format de votre photo. Utilisez un logiciel de retouche d'images pour corriger ce problème.
La dernière étape consiste à communiquer l'adresse de ce nouvel album photos au monde entier (et plus si affinités...), ouvrez une nouvelle fenêtre de votre ordinateur, allez sur la page de l'album photo souhaitée, copiez l'adresse de la barre d'adresse de votre navigateur et créez un lien comme indiqué au paragraphe Liens : autre cas particulier en collant l'adresse copiée dans le champ URL.
Evitez si possible de copier la partie http://www.monsite.com/ - Faites un copier/coller de l'adresse commençant à partir de : index.php?option - comme indiqué dans les conseils en bas de ce manuel.
Si vous avez demandé à pouvoir faire figurer sur votre site, des logos publicitaires ou bannières de partenaires. Le composant bannières a été configuré par Emeraude-Internet. L'accès se fait par le menu déroulant en haut, nommé Composant > Bannière. Pour vous faciliter la tâche, au minimum, une catégorie, un client et une bannière ont été installés. Il ne vous reste qu'à ajouter les éventuelles nouvelles catégories (si besoin), nouveaux clients et bannières à afficher en vous servant de ce qui existe déjà pour vous servir de modèle. Il se peut que certaines données entrées soient à modifier. Il vous appartient de vérifier les informations.
Le principe est basique : vous avez une catégorie (partenaires, par exemple). A l'intérieur de cette catégorie vous y entrez vos partenaires (clients), puis vous éditez les champs bannières en choisissant un visuel qui a préalablement été déposé dans le dossier banners grâce au Gestionnaire de médias. Respectez toujours scrupuleusement la taille exacte des bannières existantes.
Il n'est pas question ici de vous expliquer les techniques pour soigner votre positionnement sur le célèbre moteur de recherche, beaucoup trop complexes pour être résumées en quelques lignes. Il est plutôt question de vous donner quelques conseils à mettre en pratique lors de l'écriture de vos articles.
1 - C'est le titre que vous donnez à votre article qui va être le plus important. Celui ci est automatiquement copié en tant que chapitre 1 (titre 1 de paragraphe). Si vous souhaitez avoir une chance d'être annoncé très haut dans les résultats de recherche Google sur l'expression clé "jouer au handball à Strasbourg", écrivez un article comportant le titre : Jouer au handball à Strasbourg.
2 - Placez les mots "jouer", "jouer au handball et Strasbourg au minimum une fois dans l'article. Si votre article est long (Google va adorer...), répétez ces mots clés, utilisez le texte alternatif à "Lire la suite" et inscrivez-y le titre de la page, créez un second paragraphe en réutilisant les mêmes mots, mais autrement : "La ville de Strasbourg, vous donne la possibilité de jouer au handball avec le club...". Conservez à l'esprit que pour Google, le titre 1 est beaucoup plus important que le 2, qui est plus important que le 3 etc. Respectez l'ordre, le 1 d'abord, le 2 ensuite etc.
3 - Mettez en gras ces mots clés. Si vous les répétez plusieurs fois, variez les plaisirs, mettez-les un peu plus bas en italiques et même gras + italiques...
4 - Créez des liens sur d'autres pages de votre site pointant vers cet article. Ces liens doivent contenir ces mots ou groupes de mots clés. Insérez ces liens sur des sites externes, inscrivez-vous dans des annuaires... bref, donnez autant de preuves que possible, que votre article traite le sujet en profondeur.
Il est toujours préférable en informatique d'effectuer des sauvegardes régulières. Un composant nommé JoomlaPack est disponible dans le menu Composants. Servez-vous du bouton Sauvegarder aussi souvent que possible pour accéder à la page de sauvegarde. Un lien en bas de page vous permet de lancer la sauvegarde.
Si un jour votre site présente un problème, contactez le Webmaster qui restaurera pour vous la base de donnée la plus récente. Pour des raisons pratiques, ces sauvegardes ne permettront pas la restauration des fichiers déposés dans les dossiers du gestionnaire de médias (images, documents pdf...) car par défaut, Emeraude-Internet a configuré JoomlaPack en mode "rapide" - et ce, pour vous encourager à venir sur cette page de sauvegarde, aussi souvent que possible.
L' autre solution qui vous est offerte, est de modifier le type de sauvegarde grâce à l'onglet configuration de JoomlaPack. Ouvrez le sous-menu Général des Paramètres de profil et sélectionnez le type de sauvegarde : Tout le site (fichiers + base de données) - Ce type de sauvegarde est très long et varie considérablement en fonction du volume de vos répertoires. Une fois la sauvegarde effectuée, remettez le type de sauvegarde en mode rapide (base de données uniquement).
L'idéal serait de posséder au minimum une réplique exacte du dossier images (ou Média, voir plus haut) sur un disque dur, CD, DVD.... La technique du transfert par FTP (file transfert protocole) est de loin, la plus efficace - c'est la technique utilisée par tous les Webmasters - mais celle-ci comporte des problèmes de sécurité. C'est pourquoi cette solution n'est généralement pas proposée par défaut. Elle peut en revanche être effectuée par Emeraude-Internet après chaque manipulation significative ou à des périodes fixées (journalières, hebdomadaires, mensuelles, trimestrielles, semestrielles, annuelles...)
Demandez conseil au Webmaster pour trouver le meilleur compromis, afin de sécuriser au mieux l'intégralité de votre site.
En cas d'implosion catastrophe de votre hébergeur (pour ma part, je n'ai jamais eu à subir ce désagrément mais on ne sait jamais), Emeraude-Internet possède deux répliques exactes, de l'intégralité du site Internet installé au départ. Vous pouvez donc dormir sur l'oreille de votre choix.
Pour retrouver un article, surtout si la base de données commence à se faire "grasse", faites un tri sélectif en utilisant les menus déroulant de la page de gestion des articles : - Sélectionnez une section, - Sélectionnez une catégorie...
Si vous renommez le titre d'un article, supprimez l'alias, afin que Joomla le renomme également (l'alias n'est pas forcément utilisé sur votre site, mais il est préférable qu'il soit toujours correctement écrit - pensez à l'avenir...)
Un bon titre est celui qui contient :
- Les mots clés essentiels de l'article.
- Une indication précise de ce que raconte l'article en question.
- Dans bien des cas, une indication de date peut aussi s'avérer utile. Par exemple :
Résultats du tournoi de handball - Strasbourg - 29 mai 1995
Il est parfois difficile de créer un titre court qui rassemble toutes ces précisions, mais vous pouvez créer plusieurs chapitres pour un même article. Sachant que le chapitre 1 (titre 1 de paragraphe) est automatiquement nommé, créez si besoin, un titre 2, titre 3... prenez éventuellement exemple sur ce type de modèle :
TITRE 1 (déjà utilisé)
- Titre 2
------Titre 3
------Titre 4
- Titre 2
------Titre 3
------Titre 4
Si vous créez un lien sur une page de votre site, vers une autre page de votre site en faisant un "copier" de l'adresse et un "coller" dans le champ URL de l'éditeur d'article, ne prenez pas la partie http://www.monsite.com/ - Faites un copier/coller de l'adresse commençant à partir de : index.php?option... Si un composant SEO a été installé sur votre site, cette manipulation est légèrement différente, demandez conseil au Webmaster.
N'hésitez-pas à vous servir du composant : Lire la suite et prenez le temps d'écrire un texte alternatif judicieux.
Quand vous insérez une image ou une photo dans un article, essayez d'envoyer un visuel aux dimensions semblables à l'image créée par défaut. Savoir se servir d'un logiciel de retouche photo comme Photoshop ou Paint Shop Pro facilite grandement le travail de gestion des visuels.
Vous pouvez vider la corbeille contenant les articles de temps en temps, après avoir pris soin de vérifier qu'elle ne contenait pas d'article jeté par erreur...
Evitez autant que possible, d'utiliser des caractères spéciaux et majuscules en nommant vos fichiers images, docs, pdf, vidéos etc.
Faites des sauvegardes le plus souvent possible !
Même si tout a été fait pour vous simplifier la tâche, vous allez forcément à un moment ou à un autre, rencontrer des difficultés. N'est pas intégrateur Web qui veut... même si vous appliquez à la lettre tout ce qui est écrit dans ce manuel. Pourquoi ? Parce qu'à un moment vous vous direz : "waouh, c'est génial ce qu'ils ont fait sur un site que j'ai visité hier, je vais essayer de faire pareil !". Sauf que voilà, sur le site que vous avez visité, c'est peut-être un professionnel qui a créé l'effet qui tue... un conseil : faites au plus simple, l'informatique Web est un apprentissage qui ne se fait pas en y consacrant une heure par semaine.
- Texte mis en page sur Word et collé dans l'éditeur d'article : ça marche parfois, mais le résultat est rarement identique, Word n'est pas fait pour écrire un code html (format Web). Si vous ne voulez pas (ou ne pouvez pas) saisir votre texte directement dans l'éditeur de texte Joomla, utilisez de préférence un logiciel éditeur WYSIWYG (Microsoft, Dreamweaver, Mozilla...) ou un simple éditeur de texte (Bloc-notes Windows, Notepad++, Htmledit...)
- L'insertion d'images dans un article est simplissime, à condition de savoir se servir d'un logiciel de retouche d'images en amont. Comprendre, calculer, redimensionner la largeur et la hauteur d'un visuel est nécessaire pour effectuer un travail de qualité. Sachez que le pixel est un petit carré représentant l'unité de base du graphisme sur ordinateur. Votre site s'affiche sur une largeur moyenne de 1000 pixels dans une résolution de 72 DPI (ou PPP en français - unité de précision). Pour info, quand vous transférez une photo de votre petit appareil photo numérique, celle-ci peut faire 3000 pixels de large pour une résolution de 300 DPI. Autant dire qu'elle est inutilisable dans l'état. Si les logiciels tels que Photoshop restent inaccessibles (tant au niveau du prix que de la prise en main) au grand public, il est tout à fait possible de travailler avec des outils gratuits comme The gimp ou XnView (mon coup de cœur).
- L'alignement des éléments est le travail le plus compliqué : "je voudrais une image avec le texte en petits caractères en dessous, et puis un peu plus loin à droite au milieu, un gros bouton à cliquer qui rigole quand on le chatouille..."
Il est déconseillé de vous aventurer dans des mises en forme qui n'ont pas été initialement prévues et qui vont tôt ou tard, nuire à l'affichage de vos pages. Le casse-tête journalier du Webmaster est de trouver des solutions fiables pour fournir un rendu quasiment identique sur tous les navigateurs (Internet Explorer, Firefox, Safari...) et systèmes d'exploitations (Windows, Mac Os, Linux...)
Possédez-vous les compétences et le matériel requis ?
Pour la réalisation de travaux complexes, les seules solutions qui s'offrent à vous sont de suivre une formation avancée d'intégrateur Html/CSS ou plus simplement de faire appel à professionnel.
|
Emeraude-Internet E-mail : contact@emeraude-internet.com |