cinnk - ecole libre ittre · cinnk introduction bienvenue dans le livre plus de 100 trucs et...
TRANSCRIPT
Cinnk
Table des matièresIntroduction.......................................................................................................................................... 7
A propos du livre..............................................................................................................................7A propos de l'auteur......................................................................................................................... 7Remerciements.................................................................................................................................8
Sécurité & Maintenance....................................................................................................................... 91 - Sauvegardes, sauvegardes, sauvegardes...................................................................................102 - Un site Joomla! à jour...............................................................................................................113 - Des extensions tierces fiables, de qualité et à jour................................................................... 114 - Comment choisir un hébergeur fiable...................................................................................... 125 - Mot de passe............................................................................................................................. 126 - Donner aux utilisateurs seulement les droits dont ils ont besoin..............................................137 - Site Warez.................................................................................................................................138 - Extensions complémentaires.................................................................................................... 149 - Ne jamais modifier les fichiers core de Joomla!...................................................................... 1510 - Sécuriser votre ordinateur.......................................................................................................1511 - Quelques vérifications essentielles pour votre site Joomla!...................................................16
#1 Faites toutes les mises à jour................................................................................................16#2 Réglez les droits................................................................................................................... 17#3 Nettoyez le répertoire /tmp...................................................................................................18#4 Vérifiez les erreurs de la base de données........................................................................... 18#5 Réinstallez les fichiers core de Joomla!............................................................................... 19
12 - Comment faire la mise à jour de votre site Joomla!...............................................................20Sauvegarde, sauvegarde, sauvegarde........................................................................................ 20Mise à jour en un clic grâce au composant de mise à jour de Joomla!..................................... 21Mise à jour en installant le patch de mise à jour via la gestion des extensions de Joomla!......22Mise à jour en envoyant le patch de mise à jour par FTP......................................................... 22
13 - Comment afficher/masquer les messages d'erreur de Joomla!...............................................23Afficher les erreurs sans accéder à l'administration..................................................................24
14 - Comment activer l'Authentification en deux étapes avec Yubikey........................................25Authentification en deux étapes avec le plugin YubiKey.........................................................25Se procurer une clé YubiKey.....................................................................................................26Configurer la YubiKey sur votre ordinateur..............................................................................26Activer le plugin Authentification en deux étapes - YubiKey...................................................26Paramétrer le compte utilisateur................................................................................................27Nouveau champ dans le module de connexion......................................................................... 27
15 - Comment activer l'authentification en deux étapes avec Google Authenticator....................29Authentification en deux étapes avec le plugin Google Authenticator..................................... 29Activer le plugin Google Authenticator.................................................................................... 30Télécharger une application sur notre smartphone ou tablette..................................................30Paramétrer le compte utilisateur................................................................................................31
16 - Comment publier un Captcha sur la page d'inscription..........................................................3317 - Comment cacher la page d'administration de Joomla!........................................................... 35
Administration....................................................................................................................................3618 - Comment mettre en place un système de tags........................................................................37
Comment fonctionne le système de Tags ?............................................................................... 37
Cinnk 2/208
Cinnk
Comment ajouter de nouveaux Tags......................................................................................... 38Comment tagger un article........................................................................................................ 39Comment tagger un lien web.................................................................................................... 39Comment afficher les Tags sur votre site ou comment afficher des contenus en fonction de leur(s) Tag(s)............................................................................................................................. 40Afficher les Tags via un élément de menu................................................................................ 41Afficher les Tags via un module............................................................................................... 42
19 - Comment installer et utiliser un éditeur complet et performant.............................................4320 - Comment gérer et intégrer des images avec JCE................................................................... 4521 - Comment personnaliser l'éditeur avec JCE............................................................................ 4722 - Comment créer des profils avec JCE......................................................................................4823 - Comment vider les corbeilles................................................................................................. 5024 - Comment activer un plugin via phpMyAdmin.......................................................................5225 - Comment passer un site hors-ligne puis personnaliser la page Hors-ligne............................5626 - Comment retrouver le mot de passe super utilisateur............................................................ 5827 - Comment ajouter un nouveau super utilisateur (phpMyAdmin)............................................6028 - Comment mettre son site Joomla! en ligne............................................................................ 63
Serveur local............................................................................................................................. 63Serveur distant...........................................................................................................................63Transfert manuel....................................................................................................................... 64Transfert avec Akeeba Backup..................................................................................................64
29 - Comment régler les paramètres des articles Joomla!............................................................. 65Paramètres lors de l'édition d'un article.....................................................................................66Paramètres globaux................................................................................................................... 66Les paramètres de l'élément de menu....................................................................................... 68
30 - Comment publier un module dans un article..........................................................................6931 - Comment créer une page de liens amis.................................................................................. 7032 - Comment créer un formulaire de contact............................................................................... 7333 - Comment publier un captcha sur le formulaire de contact.....................................................7634 - Comment mettre en place le versioning de contenu...............................................................77
Mise en place à partir du gestionnaire d'articles....................................................................... 77Testez la fonctionnalité............................................................................................................. 78Activez le versioning pour les autres composants.................................................................... 80
35 - Comment réinstaller une extension native de Joomla!...........................................................8136 - Comment afficher un module sur une page souhaitée (et pas sur les autres).........................8237 - Comment créer un formulaire de contact personnalisé avec BreezingForms........................84
Télécharger BreezingForms...................................................................................................... 84Installer BreezingForms............................................................................................................ 85Paramétrer BreezingForms....................................................................................................... 86Création d'un formulaire simple sur une page.......................................................................... 88Création du formulaire.............................................................................................................. 89Création d'une page...................................................................................................................90Création d'une Section.............................................................................................................. 91Création d'un élément................................................................................................................92Validation.................................................................................................................................. 93
38 - Comment gagner du temps pour vider le cache..................................................................... 99Etendre Joomla!................................................................................................................................100
Cinnk 3/208
Cinnk
39 - Choisir des extensions fiables.............................................................................................. 10140 - Extensions gratuites, et extensions commerciales................................................................10141 - Définition du besoin............................................................................................................. 10242 - L'extension est indispensable, ou seulement cool................................................................ 10243 - Compatibilité avec la version de Joomla!............................................................................ 10344 - Consulter les informations, votes et avis du JED................................................................. 10445 – Documentation, support et communauté............................................................................. 105
Documentation........................................................................................................................ 105Support.................................................................................................................................... 105Communauté........................................................................................................................... 105
46 - Communauté francophone....................................................................................................10647 - Attention aux ressources (optimisation du site)....................................................................10748 - Tests sur site de test.............................................................................................................. 10849 - Comment installer une extension Joomla!........................................................................... 109
Installation à partir du web......................................................................................................109Installer une extension.............................................................................................................111Installeur de Joomla!............................................................................................................... 113Depuis un dossier (par FTP)....................................................................................................113Depuis une URL......................................................................................................................114
50 - Comment désinstaller une extension Joomla!...................................................................... 11551 - Comment installer une nouvelle langue pour une extension ............................................... 116
Design et Template........................................................................................................................... 11852 - Comment bien choisir son template..................................................................................... 11853 - Pensez à l'optimisation..........................................................................................................11854 - Template commercial vs template gratuit vs template personnel......................................... 119
Template personnel................................................................................................................. 119Template gratuit.......................................................................................................................119Template commercial.............................................................................................................. 119
55 - Comment personnaliser un template.................................................................................... 121Identifier la modification........................................................................................................ 121Apporter la modification......................................................................................................... 122Modifications et mises à jour.................................................................................................. 123
56 - Comment assigner un template par défaut........................................................................... 12457 - Comment créer des surcharges............................................................................................. 125
Problème : Affichage par défaut de Joomla!...........................................................................125Solution : Les surcharges Joomla!.......................................................................................... 125Identifier le composant............................................................................................................125Identifier le fichier à surcharger..............................................................................................128Layout avec plusieurs fichiers.................................................................................................129Surcharger le fichier dans notre template................................................................................129Apporter des changements...................................................................................................... 130Conclusion.............................................................................................................................. 132
58 - Comment utiliser plusieurs templates sur un site Joomla! (1 site Joomla!, différents templates).....................................................................................................................................13359 - Comment afficher les positions d'un template......................................................................13660 - Comment mettre en place un favicon pour votre site...........................................................13761 - Où trouver des templates Joomla! de qualité gratuits et commerciaux................................138
Cinnk 4/208
Cinnk
62 - Comment installer un pack quickstart.................................................................................. 13963 - Comment afficher un site avec un template par défaut........................................................ 141
Référencement..................................................................................................................................14264 – Quand commencer à réfléchir au référencement d'un site...................................................14265 – Comment analyser vos mots clés.........................................................................................14366 – L'importance du contenu de qualité, unique........................................................................ 144
Du contenu de qualité............................................................................................................. 144Du contenu unique.................................................................................................................. 144Du contenu mis à jour............................................................................................................. 144
67 - Comment rédiger le contenu d'un article pour l'optimiser pour les moteurs de recherche. .14568 - Comment optimiser un lien et organiser le maillage interne................................................147
Maillage interne...................................................................................................................... 147Optimiser les ancres ............................................................................................................... 147Optimiser le title des liens.......................................................................................................147
69 - Comment optimiser une image.............................................................................................148Titre des images...................................................................................................................... 148Texte alternatif........................................................................................................................ 148Title......................................................................................................................................... 148
70 - Comment régler les balises <title>.......................................................................................14971 - Comment régler les balises <h1>......................................................................................... 150
Articles affichés en blog / liste / articles en vedette ...............................................................150Eléments de menu directement liés à des articles .................................................................. 151Surcharges de Template ......................................................................................................... 152
72 - Comment activer la ré-écriture d'URL................................................................................. 153Activer les paramètres SEO de la configuration générale......................................................153Renommer le fichier htaccess................................................................................................. 154
73 - Avec ou sans www................................................................................................................155Modification du fichier htaccess de Joomla!.......................................................................... 155
74 - Comment régler une page d'erreur 404................................................................................ 156Afficher un article................................................................................................................... 156Afficher un élément de menu..................................................................................................157
75 - Comment créer un site map..................................................................................................158Xmap.......................................................................................................................................158
76 - Comment créer une redirection (composant J! + htaccess)..................................................160Redirection par htaccess..........................................................................................................160Redirection avec le composant natif de Joomla!.....................................................................160
77 - Comment activer Google Analytics......................................................................................163Fichier index.php.................................................................................................................... 163Dans les paramètres du template.............................................................................................163Avec l'extension BigShot........................................................................................................ 163
Optimisation et Performance............................................................................................................16478 - Optimiser ses images............................................................................................................16479 - Comment optimiser le temps de chargement par fichier htaccess........................................165
Trucs & Astuces...................................................................................................................... 168Disclaimer............................................................................................................................... 169
80 - Comment paramétrer un CDN..............................................................................................170Qu'est-ce qu'un CDN ?............................................................................................................170
Cinnk 5/208
Cinnk
Avantages................................................................................................................................ 170Inconvénients.......................................................................................................................... 170Comment fonctionne un CDN ?..............................................................................................170Comment ajouter un CDN à votre site web Joomla!.............................................................. 172Vivre avec un CDN................................................................................................................. 173Conclusion.............................................................................................................................. 173
81 - Comment mesurer les performances d'un site...................................................................... 17482 - Eviter les sites trop compliqués en gardant un site agréable................................................ 175
Gestion des utilisateurs.....................................................................................................................17683 - Bien comprendre le système ACL........................................................................................17684 - Bien définir le rôle de chaque utilisateur..............................................................................17685 - Limiter les arborescences..................................................................................................... 17786 - Faire des sauvegardes avant de modifier les ACLs de Joomla!...........................................17787 - Sensibiliser les utilisateurs à leur “responsabilité”...............................................................17888 - Inviter les utilisateurs Backend à utiliser l'identification en deux étapes.............................17889 - Comment permettre aux utilisateurs d'écrire des articles via le Frontend............................179
Modifier le groupe des inscrits................................................................................................179Création d'un menu pour les auteurs....................................................................................... 180
90 - Comment donner tous les droits dans le gestionnaire d'articles à un groupe d'utilisateurs .18391 - Comment permettre à certains utilisateurs d’accéder au site hors ligne..............................18792 - Comment donner à un utilisateur l'accès à seulement certaines parties du Backend...........189
Réglage des niveaux d'accès................................................................................................... 189Réglage des droits................................................................................................................... 190
93 - Comment créer une page accessible seulement aux utilisateurs enregistrés........................19394 - Comment créer des dossiers personnalisés avec JCE...........................................................19595 - Comment afficher un module visible seulement pour les utilisateurs connectés.................19696 - Comment afficher un module visible seulement par les utilisateurs non-connectés............197
Site multilingue avec Joomla!.......................................................................................................... 19897 - Comment installer des langues supplémentaires lors de l'installation de Joomla 3.............19898 - Comment installer des langues supplémentaires sur un site existant................................... 20199 - Comment paramétrer un site multilingue lors de l'installation de Joomla!.........................202100 - Comment surcharger une langue........................................................................................ 204
Substitution de langue.............................................................................................................204Derrière la scène......................................................................................................................205
Autres astuces...................................................................................................................................206101 - Comment obtenir de l'aide..................................................................................................206102 - Comment contribuer au projet Joomla!..............................................................................207
Participer sur les forums......................................................................................................... 207Ecrire des articles sur le Joomla! Community Magazine........................................................207Participer aux traductions (de Joomla! ou d'extensions tierces).............................................208En participant au JoomlaDay et Joomapéro............................................................................208
Cinnk 6/208
Cinnk
Introduction
Bienvenue dans le livre plus de 100 Trucs et Astuces pour Joomla! 3.
A propos du livre
Ce livre comporte plus de 100 Trucs et Astuces pour Joomla! 3. Certains chapitres sont de simples conseils vous permettant de faire les bons choix lors de la création ou la maintenance de votre site web, d'autres vous expliquent en détails comment gagner du temps pour la réalisation d'actions concrètes (par exemple lors de l'installation, l'administration ou la maintenance de votre site), et enfin, d'autres sont de réels tutoriels, plus complets, vous permettant de mettre en place certaines parties ou fonctionnalités de votre site web Joomla!.
Toute reproduction totale ou partielle de ce livre est interdite sans accord préalable de l'auteur.
A propos de l'auteur
Mon nom est Simon Grange, j'ai 30 ans et je vis à Grenoble. J'utilise Joomla! depuis 2009 (sous sa version 1.5).
Mon métier est aujourd'hui de développer des sites web professionnels et d'assurer leur maintenance, leur optimisation, leur référencement, etc. Je consacre également une partie de mon temps à conseiller des utilisateurs professionnels sur leurs projets, afin de les orienter dans leurs choix pour assurer leur présence sur le web.
Je suis également formateur et assure des formations sur Joomla! et ses extensions pour tous les niveaux d'utilisateurs. Je donne également des conférences, lors par exemple de JoomlDay, sur différentes parties de Joomla! que j'affectionne particulièrement comme le système ACL, l'optimisation ou encore le référencement.
Par ailleurs, je suis membre de l'Association Francophone de Joomla! (AFUJ) et suis présent sur différents forum d’entraide : Joomla.org : pseudo Aidan38 (puisque l'on me pose souvent la question, Aidan est un prénom Irlandais, j'ai vécu 4 ans en Irlande). Joomla.fr : Pseudo SimonG.
Vous pouvez également me retrouver sur Twitter et sur Google+ ou me contacter via ce formulaire.
Cinnk 7/208
Cinnk
Remerciements
Je souhaite remercier :
• Claire qui m'a soutenu (et supporté) pendant l'écriture de ce livre. C'est également elle qui en a assuré la correction
• Toutes les personnes qui m'ont soutenu de près ou de loin en m'apportant conseils et informations.
Cinnk 8/208
Cinnk
Sécurité & Maintenance
Tous les webmasters souhaitent pouvoir proposer à leurs utilisateurs un site web performant et sécurisé.Ils souhaitent également que ce site web soit fiable, qu'il soit le plus souvent en ligne (ou le moins souvent hors-ligne...), et que ces utilisateurs puissent naviguer simplement et en toute sécurité afin de trouver le contenu qu'ils sont venus chercher.
Pour s'assurer de cela, il est important de respecter les règles suivantes. Ces règles sont en général assez simples à appliquer, mais elles nécessitent de la rigueur et surtout de la régularité.
Cinnk 9/208
Cinnk
1 - Sauvegardes, sauvegardes, sauvegardes
Même si les sauvegardes peuvent être considérées comme étant extérieures à la sécurité d'un site, elles font par contre bien partie de sa maintenance, car ce sont elles qui vous permettront de réagir en cas de difficulté, et par exemple de pouvoir remettre votre site en ligne rapidement si ce dernier rencontre un problème.
Si vous rencontrez un problème de piratage, si vous rencontrez un problème lors de la mise à jour de Joomla! ou lors de la mise à jour d'une extension, si l'un des administrateurs de votre site (ou vous même) commet une erreur (involontairement, par exemple par manque de connaissance), ou encore si votre hébergeur rencontre un problème, vous serez toujours en position de trouver une solution si vous possédez une sauvegarde saine de votre site.
Quand devez vous faire une sauvegarde ?
• Avant la mise à jour de Joomla!• Avant la mise à jour d'une extension• Avant l'installation d'une nouvelle extension• Après avoir travaillé sur votre site (afin de ne pas perdre le travail que vous venez
d'effectuer)• Régulièrement, au strict minimum une fois par semaine sur un site sur lequel du contenu est
ajouté régulièrement (cela concerne le contenu que vous ajoutez vous-même, mais également le contenu que créent les utilisateurs de votre site sans oublier les posts publiés sur un forum ou les commentaires d'article, par exemple).
Note : avec une extension comme Akeeba Backup, il est possible de créer une sauvegarde de votre site Joomla! en quelques clics.
Note : pour être considérée comme fiable, une sauvegarde doit être testée, et stockée sur un espace différent que le site web lui-même. Si vous stockez vos sauvegardes sur le même espace que celui sur lequel est hébergé votre site, ces sauvegardes seront inutilisables (et irrécupérables) si votre hébergeur rencontre un problème.Pensez donc à télécharger vos sauvegardes, en local par exemple, puis à les tester. Cela ne prend que quelques instants (toujours avec Akeeba Backup et Akeeba Kickstart).
Cinnk 10/208
Cinnk
2 - Un site Joomla! à jour
Il existe trois types de patchs de mise à jour (excellent article à lire ici vers site AJ). Ces patchs corrigent soit :
• Des failles de sécurité, la mise à jour est à appliquer le plus rapidement possible• Des bugs, la mise à jour est à appliquer rapidement• Des fichiers de langue, la mise à jour est à appliquer pour des raisons de confort, vos
utilisateurs ne sont peut-être pas tous anglophones
Depuis la version 2.5 de Joomla!, il est possible de faire les mises à jour en seulement quelques clics, grâce au composant de mise à jour de Joomla! que nous verrons dans ce chapitre. Donc chaque fois qu'une mise à jour est disponible, cela ne vous demande que quelques minutes pour l'appliquer.
Avant de faire une mise à jour, pensez TOUJOURS à faire une sauvegarde. TOUJOURS !!
3 - Des extensions tierces fiables, de qualité et à jour
Vous allez certainement installer des extensions tierces sur votre site.Joomla! propose nativement de nombreuses fonctionnalités, mais vous allez certainement avoir des besoins spécifiques qui ne seront pas proposés par ces fonctionnalités natives.
Il n'y a aucun problème à installer des extensions tierces sur votre site, à partir du moment où :
• Vous installez seulement les extensions dont vous avez besoin.• Vous choisissez des extensions fiables• Vous maintenez vos extensions à jour• Vous consultez la liste d'extensions vulnérables sur le VEL (Joomla Vulnerable Extensions
List)• Vous désinstallez les extensions que vous n'utilisez pas
Cinnk 11/208
Cinnk
4 - Comment choisir un hébergeur fiable
Il existe de nombreux hébergeurs sur le net, à tous les prix, pour toutes les prestations. Avant de choisir tel ou tel prestataire, ne regardez pas seulement le prix, mais prenez le temps de regarder également ce que ce dernier propose.Certains hébergeurs proposent des solutions de sécurité supplémentaires (parfois ces solutions sont optimisées pour les CMS comme Joomla!), d'autres proposent des sauvegardes automatiques plus ou moins régulières.
Mis à part le prix, les paramètres principaux à vérifier sont :
• L'hébergeur remplit-il les pré-requis de Joomla! (vérifier notamment les versions de PHP proposées) ?
• Quel est la taille de l'espace auquel vous aurez accès ?• Combien d'adresses mail pourrez-vous créer ?• Comment fonctionne le support (par mail, téléphone, ticket) ?• Ce support est-il ouvert pendant les heures de bureau, ou accessible 24/24 7/7 ?• Quelle est la langue utilisée sur ce support (attention si vous n'êtes pas à l'aise avec l'anglais,
par exemple) ?
Il est possible que votre hébergeur soit la première personne à qui vous aurez à faire lors d'un problème sur votre site, donc voyez en cet hébergeur plus un partenaire qu'un simple prestataire.
5 - Mot de passe
Afin que votre installation soit en sécurité, vous devez choisir des mots de passe solides pour :
• Votre compte super utilisateur de Joomla!• Le compte FTP• La base de données• Le compte de votre hébergeur• Tous les comptes ayant accès à l'administration de votre site
Pour construire votre mot de passe, une solution est de créer un acronyme d'une phrase que vous connaissez. En variant les minuscules et les majuscules vous pourrez facilement obtenir un mot de passe solide et donc difficilement cassable par des robots tentant de pirater votre site.
Exemple, la phrase “Bonjour, je m'appelle Simon Grange et j'habite à Grenoble en Isère” pourrait facilement donner le mot de passe “BjmaSGejhàG38” qui est un mot de passe très solide.Si vous ne souhaitez pas à avoir à stocker ou mémoriser ces mots de passe, vous pouvez regarder une solution comme lastpass.com ou supergenpass.com.Avec ce genre d'outil, vous pourrez créer et utiliser des mots de passe longs et complexes (plus de vingt caractères) et vous n'aurez pas à les retenir.
Cinnk 12/208
Cinnk
6 - Donner aux utilisateurs seulement les droits dont ils ont besoin
Sur certains types de site web, il est nécessaire de donner aux utilisateurs des droits et accès afin qu'ils puissent réaliser certaines tâches comme écrire des articles, publier des articles, paramétrer certains éléments, effectuer des sauvegardes, ou tout type d'autre tâche, cela grâce au nouveau système ACL.
Ce système ACL de Joomla! (tutoriel détaillé ici) permet de paramétrer très précisément les droits et accès de vos utilisateurs. Vous pouvez décider “qui peut voir quoi” et “qui peut faire quoi” sur l'ensemble de votre site, aussi bien sur le Frontend que sur le Backend.
Vous devez donc vous assurer que chaque utilisateur ait accès à ce dont il a besoin afin de pouvoir mener à bien ses tâches, mais vous devez vous assurer qu'il a SEULEMENT accès à ce dont il a besoin, surtout s'il a accès à la partie Backend du site.
De nombreux problèmes peuvent apparaître de la part des utilisateurs qui ont beaucoup de droits. Ces problèmes viennent en général non pas d'utilisateurs ayant de mauvaises intentions, mais d'utilisateurs ayant une mauvaise (ou insuffisante) connaissance de Joomla!, ou du moins de certaines parties de Joomla!.
Moins vous aurez d'utilisateurs pouvant accéder au backend, plus les possibilités d'avoir des problèmes “sérieux” seront faibles.
7 - Site Warez
Vous trouverez sur le net des sites vous proposant gratuitement des extensions tierces (composants, plugins, modules, templates) commerciales.Certains sites vous proposent simplement ces extensions gratuitement, alors que d'autres vous proposent des packs (pour des prix dérisoires) comportant plusieurs dizaines d'extensions commerciales.
Sans parler de l'éthique de télécharger et installer ces extensions (cela revient simplement à voler le travail du développeur) vous mettez également votre site et vos utilisateurs en danger.
En effet, les extensions téléchargées sur ce type de sites comportent du code malveillant qui affectera la sécurité de votre site.
Si vous souhaitez utiliser une extension commerciale, choisissez donc toujours de vous procurer cette extension sur le site du développeur de cette extension.
Cinnk 13/208
Cinnk
8 - Extensions complémentaires
Même si vous avez respecté les indications ci-dessus, le risque zéro n'existe pas. Il existe plusieurs extensions permettant d'ajouter une couche supplémentaire à la sécurité de votre installation Joomla! :
• aeSecure : aeSecure sécurise votre site en interceptant tous les accès à votre site web avant même que l'URL n'atteigne vos pages php. Vous pouvez également gérer les droits des fichiers et dossiers, modifier votre fichier htaccess, bloquer l'accès à la page d'administration, bloquer certaines IP, etc. Le tout à partir d'un seul et unique écran.Pour en savoir plus, vous pouvez lire le tutoriel sur aeSecure.Vous pouvez télécharger aeSecure à partir de ce lien.
• AdminTools : AdminTools vous permet de gérer la sécurité et la maintenance de votre site web. Vous pouvez protéger la page d'administration de votre site, être notifié lors de mise à jour de Joomla!, modifier le préfixe de vos tables, etc.Vous pouvez télécharger AdminTools à partir de ce lien.
• Autres extensions : il existe d'autres extensions pour sécuriser votre site Joomla!, à retrouver dans cette catégorie du JED.
C'est donc à vous de réfléchir à quelle extension utiliser (si vous souhaitez en utiliser une) et à quels paramètres activer. Les choix peuvent différer selon le type de site web, ainsi que selon l'utilisation que vous (ou d'autres potentiels utilisateurs) ferez de ce site web.
Cinnk 14/208
Cinnk
9 - Ne jamais modifier les fichiers core de Joomla!
Lorsque vous téléchargez et installez Joomla!, vous téléchargez et transférez sur votre serveur, environ 5 000 fichiers et dossiers. Lorsque vous allez installer de nouvelles extensions sur votre site (quelques que soient ces extensions) vous allez faire augmenter ce nombre de fichiers et dossiers.
Ces fichiers peuvent s'appeler les fichiers “Natifs”, ”Core” ou encore “Du noyau”.Lorsque certains webmasters Joomla! souhaitent apporter des modifications à l'apparence de leur sites web, ils vont, par ignorance, pour gagner du temps, ou par manque de connaissance, directement modifier ces fichiers core.
IL NE FAUT JAMAIS MODIFIER CES FICHIERS(Pour quelque raison que ce soit...JAMAIS)
Pourquoi :
1. Car dans dans la grande majorité des cas, ces modifications ont de grandes chances d'être écrasées lors de la prochaine mise à jour de Joomla!.
2. Car il existe une façon propre pour faire cela simplement et proprement. Cela s'appelle les surcharges. Tutoriel ici.
3. Car en modifiant ces fichiers core, vous pouvez créer des problèmes que vous ne soupçonnez pas, et altérer la sécurité de votre site web Joomla!, par exemple.
10 - Sécuriser votre ordinateur
Même si cette astuce n'est pas directement en rapport avec Joomla!, elle devrait en réalité être placée en première position des règles de sécurité car c'est sans aucun doute la plus importante.Pour que votre site web soit en sécurité, pour que vous ne risquiez pas de vous faire voler des données importantes, comme par exemple vos codes d'accès à l'administration, ou encore vos identifiants FTP, vous devez impérativement penser à la sécurité de votre machine.
Quel que soit le système d'exploitation que vous utilisez, les principaux conseils à suivre sont les mêmes :
• Ne naviguez jamais sur les sites signalés comme non-sûrs par votre navigateur• Ne téléchargez que des logiciels sûrs, téléchargés sur des sites sûrs• Ne téléchargez pas d'extension warez• Prévoyez d'installer un logiciel de sécurité (fiable) adapté à votre système exploitation• Pensez à faire les mises à jour de ce logiciel
Cinnk 15/208
Cinnk
11 - Quelques vérifications essentielles pour votre site Joomla!
Comme nous l'avons déjà vu, la maintenance d'un site Joomla! (comme de n'importe quel site web) est un travail constant et régulier. En effet, il ne faut pas attendre que le site rencontre un problème pour simplement se connecter à l'administration et trouver ce qui ne fonctionne pas.
Il est important de régulièrement contrôler que tout fonctionne correctement, et de réaliser certaines opérations pour s'assurer que ce site est en bonne santé. Les opérations qui suivent peuvent également être les premières que vous pouvez effectuer si vous rencontrez un problème.
#1 Faites toutes les mises à jour
Panneau d'administration Joomla!
La première étape est de mettre tout à jour Joomla! + Extensions. Pour Joomla! lui même ainsi que pour les extensions de qualité, vous verrez clairement apparaître ces mises à jour sur le panneau d'administration de votre Backend (image ci-dessus).
• Pour mettre à jour Joomla!, rendez-vous dans Composant => Mise à jour de Joomla!.• Pour mettre vos extensions à jour, rendez-vous dans Extensions => Gestion des extensions.• Certaines extensions ont leur propre système de mise à jour. Donc cela vaut le coup de
cliquer sur chaque lien du menu Composants pour voir s'il y a des notifications.
Si vous avez plusieurs sites et que vous souhaitez simplifier le suivi des mises à jour, vous pouvez regarder Watchful.
Cinnk 16/208
Cinnk
#2 Réglez les droits
Composant Admin Tools
Des réglages incorrects de droits sur les fichiers sont une raison très fréquente d'erreurs rencontrées lors d'installations ou d'exploitations.
Nous recommandons d'utiliser Admin Tools, pas seulement pour régler les problèmes de droits, mais également pour de nombreux autres problèmes importants de Joomla!. La version gratuite est suffisante pour remplir de nombreuses tâches et la version commerciale apporte des compléments (et permet de remercier l'auteur pour son travail).
Après avoir installé Admin Tools (qui s'installe comme n'importe quelle extension Joomla!), rendez-vous dans Composants → Admin Tools. Vous voyez alors 2 boutons :
Droits sur les dossiers et fichiers : cela vous permet de régler les droits que vous souhaitez sur vos fichiers et dossiers. Ce tutoriel (en anglais) explique ce que sont les droits, mais une version courte serait de vous recommander 755 pour les dossiers et 644 pour les fichiers. Ed Hathaway de http://www.edhathaway.com recommande une attention particulière pour vos fichiers configuration.php et index.php. Ceux là doivent être réglés sur 444, si possible.
Cinnk 17/208
Cinnk
Appliquer les droits : cela vous permet d'appliquer les droits que vous avez définis dans “Droits sur les dossiers et fichiers”.
#3 Nettoyez le répertoire /tmp
Nettoyez le répertoire /tmp Brian Teeman de http://brian.teeman.net recommande l'utilisation d'Admin Tools pour résoudre un autre problème fréquent : le répertoire /tmp.
Le répertoire /tmp est un raccourci de temporaire. C'est l'endroit où Joomla! stocke temporairement les fichiers durant le procédé d'installation. Il n'est pas rare que des fichiers restent “coincés” dans ce répertoire, cela ne gène pas le bon fonctionnement du site mais occupe inutilement de l'espace.Admin Tools vous permet de supprimer tous les fichiers (inutiles) de ce répertoire simplement en vous rendant dans Composants → Admin Tools et en cliquant sur le bouton Vider le répertoire temporaire.
Note : Vous pouvez également vider ce répertoire /tmp en utilisant votre client FTP.
#4 Vérifiez les erreurs de la base de données
Correction sur la base de données
Après une mise à jour (de Joomla! ou d'une extension) ou après l'installation d'une extension, certains changements doivent parfois être effectués dans la base de données.
Pour cela, rendez-vous dans Extensions → Gestion des extensions → Base de données →
Cinnk 18/208
Cinnk
Correction pour effectuer ces éventuels changements.
Nous avons remarqué, avec Admincredible, que ce paramètre règle à lui seul de nombreux problèmes de Joomla!.
#5 Réinstallez les fichiers core de Joomla!
Joomla.org
Cette option vous permet d'installer une copie propre de Joomla! et résout tous les problèmes de fichiers corrompus et/ou manquants.
• Rendez-vous sur http://joomlacode.org/gf/project/joomla/frs/• Trouvez la dernière version de Joomla! (à l'heure de l'écriture de cet article Joomla 2.5.9 ou
Joomla 3.0.3).• Téléchargez le pack Production/Stable de votre dernière version.• Installez ce pack via Extensions → Gestion des extensions → Installation.• Si tout se passe bien, vous obtenez le message suivant :
Fichier : Installation effectuée avec succès
Cinnk 19/208
Cinnk
12 - Comment faire la mise à jour de votre site Joomla!
L'équipe de développement Joomla! propose régulièrement des patchs de mise à jour pour corriger bugs et failles de sécurité. Afin de toujours pouvoir proposer un site web de qualité et performant à vos utilisateurs, il est important d'appliquer rapidement ces patchs de sécurité à votre site Joomla!.
Pour faire cette mise à jour, vous avez 3 possibilités :
• Mise à jour en un clic grâce au composant de mise à jour de Joomla!
• Mise à jour en installant le patch de mise à jour via la gestion des extensions de Joomla!
• Mise à jour en envoyant le patch de mise à jour par FTP
Sauvegarde, sauvegarde, sauvegarde
Avant toute chose, avant chaque mise à jour, il est important de faire une sauvegarde complète du site. Pour cela, vous pouvez regarder l'article Sauvegarder, déplacer, restaurer un site Joomla! qui vous expliquera comment faire cette sauvegarde.
Si vous rencontrez des problèmes lors de la mise à jour, vous n'aurez qu'à remonter cette sauvegarde (cela est également expliqué dans l'article).
Cinnk 20/208
Cinnk
Mise à jour en un clic grâce au composant de mise à jour de Joomla!
Depuis les dernières versions de Joomla! il est facilement possible de faire les mises à jour du CMS en passant par l'administration. Connectez-vous donc à cette administration. Si vous avez une mise à jour à effectuer, en arrivant sur le panneau d'administration, vous verrez la notification de mise à jour (1).
Panneau d'administration Joomla!
Pour mettre Joomla! à jour, vous pouvez cliquer sur le lien de cette notification, ou vous rendre dansComposants → Mise à jour de Joomla!. La page suivante s'affiche :
Mise à jour Joomla vers la version 3.3
Vous n'avez qu'à cliquer sur le bouton Mettre à jour (1) et à patienter quelques instants que la mise à jour se fasse. Si tout s'est bien déroulé, vous obtiendrez ensuite un message de succès.
Cinnk 21/208
Cinnk
Mise à jour en installant le patch de mise à jour via la gestion des extensions de Joomla!
Pour certaines raisons, vous pouvez souhaiter ne pas utiliser le système de mise à jour en un clic. Pour cela, vous pouvez télécharger le patch de mise à jour de Joomla! (vous trouverez ce patch sur Joomla.fr ou sur Joomla.org), puis vous l'installez comme vous installeriez n'importe quelle extension, en vous rendant dans Extensions → Gestion des Extensions → Installation :
Gestion des extensions Joomla!
L'onglet Archive à envoyer vous permettra de sélectionner le patch puis de l'installer.
Mise à jour en envoyant le patch de mise à jour par FTP
Si aucune des deux méthodes ci-dessus ne fonctionne (ou si bien sûr vous préférez utiliser cette troisième méthode) vous pouvez également :
1. Télécharger le patch de mise à jour2. Le décompresser sur votre ordinateur3. Envoyer le contenu de ce patch à la racine de votre site en confirmant le remplacement des
fichiers et dossier
Cinnk 22/208
Cinnk
13 - Comment afficher/masquer les messages d'erreur de Joomla!
Vous pouvez parfois rencontrer des problèmes lors de l'utilisation de votre site, suite par exemple à la mise à jour de Joomla! ou d'une extension, ou encore à l'installation d'une nouvelle extension.Pour obtenir plus d'information sur ce problème, vous allez devoir afficher les erreurs que rencontre le système afin de les interpréter, et afin de pouvoir corriger le problème.
Pour cela, vous devez vous connecter à l'administration de votre site, puis vous rendre dans Système→ Configuration.
Dans l'onglet Système, vous pouvez activer le Débogage système ainsi que le Débogage de langue :
Paramètres de débogage
Dans l'onglet Serveur, vous pouvez régler le Rapport d'erreurs que vous devrez régler sur Maximum :
Paramètres serveur
Cinnk 23/208
Cinnk
Afficher les erreurs sans accéder à l'administration
Si vous n'avez pas accès à l'administration de votre site web vous pouvez vous connecter par FTP, puis éditer le fichier configuration.php (qui est placé à la racine de votre site).
Dans ce fichier, vous devez repérer la ligne suivante :
public $error_reporting= 'default' ;
et la remplacer par la ligne :
public $error_reporting= 'maximum' ;
Attention !! :
Ce fichier étant vital pour le bon fonctionnement de votre site (c'est par exemple ce fichier qui permet aux fichiers et dossiers de dialoguer avec votre base de données) il est conseillé d'en faire une sauvegarde (simplement en en faisant une copie) avant de le modifier.
Cinnk 24/208
Cinnk
14 - Comment activer l'Authentification en deux étapes avec Yubikey
Depuis la version 3.2, Joomla! propose une fonctionnalité intéressante qui permet de grandement augmenter la sécurité des comptes utilisateurs.
Cette sécurité, appelée Two-factor authentication en anglais ou Authentification en deux étapes en français, permet d'ajouter un champ supplémentaire, et donc un mot de passe, à votre module de connexion.
La bonne nouvelle est que vous n'aurez pas besoin de retenir ce mot de passe, que celui-ci sera compliqué et qu'il sera unique (avec le plugin YubiKey) ou valable seulement quelques secondes (avec le plugin Google Authenticator).
Pour utiliser cette fonctionnalité, Joomla! propose deux nouveaux plugins :
• Authentification en deux étapes – YubiKey, que nous allons voir dans ce chapitre
• Authentification en deux étapes - Google Authenticator, que nous verrons dans le prochain chapitre.
Regardons comment activer facilement cette nouvelle fonctionnalité qui fait de Joomla! l'un des CMS les plus sécurisés au monde.
Authentification en deux étapes avec le plugin YubiKey
Pour utiliser la fonctionnalité Authentification en deux étapes avec le plugin Google YubiKey, nous allons devoir :
• Nous procurer une clé YubiKey• Configurer la clé YubiKey sur notre ordinateur• Activer le plugin Authentification en deux étapes - YubiKey• Paramétrer notre compte utilisateur
ATTENTION : Pensez à bien faire une sauvegarde du site, ou à créer un compte super utilisateur de secours, car si vous rencontrez un problème lors du paramétrage, vous ne pourrez plus vous connecter à l'administration de votre site.
Si vous rencontrez un problème et que vous n'avez pas fait de sauvegarde, vous pouvez ajouter un nouveau super utilisateur, ou ré-initialiser votre compte super utilisateur.
Cinnk 25/208
Cinnk
Se procurer une clé YubiKey
Pour vous procurer une clé YubiKey, vous pouvez vous rendre sur le site yubico.com. Vous trouverez différents produits, le premier prix pour YubiKey Standard à 25$ convient parfaitement, mais vous pouvez regarder également YubiKey VIP, qui vous permet d'utiliser le service sur des comptes comme Paypal par exemple.
Configurer la YubiKey sur votre ordinateur
Une fois que vous aurez reçu votre YubiKey (généralement en quelques jours) il sera nécessaire de la configurer sur votre ordinateur.
Pour cela, introduire la clé dans une entrée USB, puis laissez-vous guider, cela est simple et ne nécessite que quelques clics. Si vous rencontrez des problèmes, vous pouvez consulter la page www.yubico.com/start.
Activer le plugin Authentification en deux étapes - YubiKey
Nous allons désormais pouvoir activer le plugin YubiKey. Pour cela connectez-vous à l'administration de votre site puis rendez-vous dans Extensions → Gestions des plugins. En filtrant sur "twofactorauth" vous pouvez activer le plugin suivant :
Plugin Joomla YubiKey
Si vous éditez ce plugin, vous pouvez choisir de l'activer pour le Frontend, pour le Backend, ou pour les deux.
Cinnk 26/208
Cinnk
Paramétrer le compte utilisateur
Une fois le plugin activé, vous allez pouvoir paramétrer votre compte utilisateur. Pour cela, éditez votre compte (via la gestion des utilisateurs), vous retrouvez un nouvel onglet "Authentification en deux étapes" :
Activer plugin yubikey pour Joomla!
Ici, vous devez :
1 - Choisir Yubikey2 - Placer votre curseur dans le champ. Ensuite, votre clé doit être dans une entrée USB et vous n'avez qu'à presser le bouton de la clé.
Un code unique va alors automatiquement se générer, vous n'avez plus qu'à cliquer sur Enregistrer & Fermer.
Nouveau champ dans le module de connexion
Lorsque vous accédez désormais à votre administration (et également sur le Frontend si vous l'avez paramétré ainsi), vous avez donc un nouveau champ "Clé secrète" :
Cinnk 27/208
Cinnk
Authentification Joomla! en deux étapes
Entrez votre identifiant et votre mot de passe, puis placez votre curseur dans le champ "Clé secrète". Vous n'avez qu'à presser le bouton de la clé pour générer le code unique et lancer la connexion.
Cette fonctionnalité est très simple à mettre en place, et très simple à utiliser. Pour pirater votre compte, un pirate aurait désormais besoin de votre identifiant, votre mot de passe et de votre YubiKey.
Cinnk 28/208
Cinnk
15 - Comment activer l'authentification en deux étapes avec Google Authenticator
Joomla! propose désormais une fonctionnalité très intéressante, qui permet d'accroître grandement la sécurité des comptes utilisateurs, appelée Two Factor Authentication en anglais, ou Authentification en deux étapes en français.
Cette fonctionnalité vous permet d'ajouter un troisième champ sur le module de connexion, dans lequel vous devrez entrer un mot de passe qui ne sera valide que durant quelques secondes.
Pour utiliser cette fonctionnalité, Joomla! propose deux nouveaux plugins :
• Authentification en deux étapes - Google Authenticator (que nous allons voir dans ce tutoriel)
• Authentification en deux étapes – YubiKey, à lire dans le chapitre précédent.
Regardons comment activer facilement cette nouvelle fonctionnalité qui fait de Joomla! un des CMS les plus sécurisés au monde.
Authentification en deux étapes avec le plugin Google Authenticator
Pour utiliser la fonctionnalité Authentification en deux étapes avec le plugin Google Authenticator, nous allons devoir :
• Activer le plugin Google Authenticator• Télécharger une application sur notre smartphone ou tablette• Paramétrer notre compte utilisateur• Générer un code pour nous connecter
ATTENTION : Pensez à bien faire une sauvegarde du site, ou à créer un compte super utilisateur de secours, car si vous rencontrez un problème lors du paramétrage, vous ne pourrez plus vous connecter à l'administration de votre site.
Si vous rencontrez un problème et que vous n'avez pas fait de sauvegarde, vous pouvez Ajouter un nouveau super utilisateur, ou ré-initialser votre compte super utilisateur.
Cinnk 29/208
Cinnk
Activer le plugin Google Authenticator
Pour activer le plugin Google Authenticator, connectez-vous à l'administration de votre site puis rendez-vous dans Extensions → Gestions des plugins. En filtrant sur twofactorauth vous pouvez activer le plugin suivant :
Activer le plugin Google Authenticator
En éditant ce plugin, vous pouvez décider d'activer l'authentification en deux étapes sur la partie Frontend, sur la partie Backend, ou sur les deux.
Télécharger une application sur notre smartphone ou tablette
Suivant l'appareil que vous utilisez, vous allez devoir installer une des applications suivantes :
• iPhone/iPad : Google authenticator Apple• Android : Google authenticator Android• Windows Phone : Google authenticator Windows Phone
Cinnk 30/208
Cinnk
Paramétrer le compte utilisateur
Une fois l'application installée, nous pouvons paramétrer le compte utilisateur. Pour cela, rendez-vous dans la gestion des utilisateurs, puis éditez votre compte :
Google Authenticator paramètres compte utilisateur Joomla!
Pour commencer, vous devez accéder au nouvel onglet Authentification en deux étapes (1) puis sélectionner Google Authenticator (2).
Ensuite, vous devez scanner le code (3) avec l'application que vous avez téléchargée sur votre tablette ou smartphone. Une fois le scan terminé, vous obtenez un numéro (valide seulement quelques secondes) que vous devez entrer en 4.
Enfin, enregistrez rapidement afin que le numéro soit toujours valide.
Une fois que vous avez enregistré, vous pouvez vous déconnecter de votre site et vous obtenez la page suivante :
Cinnk 31/208
Cinnk
Authentification Joomla! en deux étapes
Comme vous le faites actuellement, vous pouvez donc entrer votre identifiant, votre mot de passe, puis dans le champ "Clé secrète", vous devez entrer le code que génère l'application que vous avez téléchargée.
Le code généré par Google Authenticator n'est valide que pendant quelques secondes, et n'est disponible que sur votre appareil mobile. Cela ajoute donc une couche énorme sur la sécurisation de votre compte utilisateur.
Une personne (ou un robot) qui souhaiterait pirater votre compte aurait donc besoin de votre identifiant, votre mot de passe, et ce code unique qui n'est valable que quelques secondes.Cela est impossible ou presque.
Cinnk 32/208
Cinnk
16 - Comment publier un Captcha sur la page d'inscription
Afin d'éviter d'avoir de nombreuses inscriptions effectuées par des robots, dans le but d'exploiter des potentielles failles de sécurité, il est préférable de publier un Captcha sur le formulaire d'inscription de Joomla!.Joomla! permet nativement l'intégration d'un Captcha sur ce formulaire d'inscription.
Pour cela, vous allez devoir vous créer un compte sur le site Recaptcha.
Une fois ce compte créé, vous allez obtenir une clé publique et une clé privée. Notez-les, nous allons en avoir besoin pour la suite.
Connectez-vous ensuite à l'administration de votre site et rendez-vous dans Extensions → Gestion des plugins, puis trouvez et éditez le plugin Captcha – ReCaptcha.
Dans l'onglet Paramètres de base :
Plugin Captcha
1 – Entrez la clé publique2 – Entrez la clé privée3 – Choisissez un thème. Vous pourrez choisir ce thème une fois le Captcha affiché sur votre site.N'oubliez pas d'activer le plugin (dans l'onglet Détails) puis cliquez sur Enregistrer & Fermer.
Cinnk 33/208
Cinnk
Ensuite, rendez-vous dans Utilisateurs → Gestion des Utilisateurs → Bouton Paramètre.Dans l'onglet Détails :
Paramètres gestion des utilisateurs
1 – Réglez Captcha – ReCaptcha.Cliquez ensuite sur le bouton Enregistrer & Fermer.
Rendez-vous sur votre site et affichez le formulaire d'inscription. Vous devriez avoir le Captcha affiché :
Formulaire avec Captcha
Cinnk 34/208
Cinnk
17 - Comment cacher la page d'administration de Joomla!
Comme vous le savez certainement, un site Joomla! est composé de deux parties :
• La partie publique (ou Frontend) : c'est sur cette partie (qui est accessible via l'adresse www.votre-nom-de-domaine.com) que les utilisateurs visitent et consultent votre site. Cette partie publique peut bien sûr comporter une partie privée, mais toujours en restant sur le frontend du site.
• L'administration (ou Backend) : c'est sur cette partie que vous, ainsi que d'autres potentiels administrateurs allez gérer et organiser le site. Cette partie est accessible via l'adresse www.votre-nom-de-domaine.com/administrator.
Sur une installation native de Joomla! (c'est-à-dire sans modification) cette adresse est donc accessible par n'importe qui. Il est donc possible de connaître votre version de Joomla!, et de tenter de se connecter. Un robot par exemple peut tester un grand nombre de combinaisons identifiant/mot de passe jusqu'à trouver la bonne, ce qui peut être plus ou moins long/facile selon la complexité de l'identifiant et du mot de passe que vous utilisez.
Mais si vous cachez cette porte d'entrée à l'administration, vous ajoutez une couche supplémentaire à la sécurité de votre site. Un voleur ne peut pas essayer de forcer une porte qu'il ne trouve pas...
Pour cacher cette page de connexion à l'administration, vous pouvez utiliser une des extensions suivantes. En fait, ces extensions vont ajouter une autre étape de connexion que vous devrez remplir avant de pouvoir vous connecter à l'administration :
• aeSecure• AdminTools• AdminExile
Cinnk 35/208
Cinnk
18 - Comment mettre en place un système de tags
Depuis la version 3.1 de Joomla!, le CMS comporte un nouveau composant : le système de Tags.Ce système va par exemple vous permettre d'assigner vos articles à plusieurs Tags, puis d'afficher ces articles (venant de catégories différentes) sur la même page : celle du Tag.
Mais pas seulement, il va vous permettre d'afficher par Tags n'importe quel type de contenu.Vous pourrez ainsi afficher sur la même page : des articles, des liens web (du composant Liens web), des Fiches contact (du composant Fiche de contact), des Fils d'actualité (du composant Fils d'actualité), ou tout autre contenu venant d'une extension tierce et intégrant ce système de Tag.Cela reviendra à la possibilité de classer vos articles dans plusieurs catégories (la multi-catégorisation était une fonctionnalité très demandée par les utilisateurs Joomla!).
Les Tags peuvent également s'imbriquer à l'infini (de la même manière que les catégories). Vous n'êtes donc pas limité dans votre organisation.
Comment fonctionne le système de Tags ?
Sur une installation neuve de Joomla! (ne contenant pas d'extensions tierces), vous pouvez tagger les éléments suivants :
• Articles• Catégories d'articles• Fiches de contact• Catégories de Fiches de contact• Fils d'actualité• Catégories de Fils d'actualité• Liens Web• Catégories de Liens web
Vous allez donc créer vos Tags dans le composant du même nom, puis vous irez ensuite Tagger vos éléments (catégories, articles, fiches de contact...).Pour accéder au composant Tags, rendez-vous dans Composant → Tags
Composant Tags
Cinnk 37/208
Cinnk
1 - Retrouvez tous vos tags (ici vous voyez des tags créés pour l'exemple. A l'heure de l'écriture de cet article – 12 avril 2013 – Joomla! ne comporte pas encore de données d'exemple pour le composant Tags).
2 - Filtrez pour cherchez un Tag en particulier. Comme dans tous les gestionnaires, en filtrant par ordre (a) vous pouvez classer vos Tags par Glisser/Déposer.
3 - La barre d'outils qui vous permet de créer, modifier, publier, supprimer... vos Tags.
Comment ajouter de nouveaux Tags
Pour ajouter un nouveau Tag, cliquez simplement sur le bouton Nouveau. La page suivante s'affiche :
Nouveau Tag
1 - Donnez un nom à votre Tag.
2 - Donnez une description à votre Tag. Cette description sera par exemple affichée lorsque vous afficherez une liste de Tags sur le Frontend.
3 - Vous pouvez définir les options de publication, comme par exemple l'alias du Tag (si vous ne remplissez pas cet alias, Joomla! le fera pour vous).
4 - Réglez les paramètres comme le type de mise en page.
Cinnk 38/208
Cinnk
5 - Vous pouvez donner une image à votre Tag.
6 - Vous pouvez choisir un parent pour ce Tag, régler son statut, son Niveau d'Accès et sa langue.
Une fois que tout est réglé, vous pouvez cliquer sur le bouton Enregistrer & Fermer.
Votre nouveau Tag est désormais créé. Nous allons voir maintenant comment tagger vos contenus. Imaginons que vous ayez créé un tag nommé “Joomla!”, vous souhaitez donc tagger tous vos éléments en rapport avec le mot Joomla! avec ce Tag. Vous allez donc pouvoir tagger vos articles, vos catégories d'articles, vos liens web, vos catégories de liens web etc...
Comment tagger un article
Pour tagger un article, rendez-vous dans le gestionnaire d'article, éditez l'article souhaité et sélectionnez le Tag à attribuer à cet article (dans l'exemple : Joomla!) (1). Vous pouvez bien sûr sélectionner plusieurs Tags :
Tag sur un article
Vous pouvez ensuite sauvegarder et fermer l'article. C'est aussi simple que cela.
Comment tagger un lien web
Pour tagger les éléments de vos composants (comme les Liens web, les Fiches de contact ou les Fils d'actualité), le procédé est aussi simple. Pour l'exemple (Lien web) rendez-vous dans Composants → Liens web, éditez le lien web souhaité et sélectionnez Joomla! comme Tag (1). Vous pouvez bien sûr sélectionner plusieurs Tags :
Cinnk 39/208
Cinnk
Tag sur un Lien web
Vous pouvez ensuite sauvegarder et fermer le Lien web.
Comment afficher les Tags sur votre site ou comment afficher des contenus en fonction de leur(s) Tag(s)
Joomla! vous permet donc d'afficher des listes de Tags, mais aussi d'afficher une page regroupant tous les éléments associés au(x) même(s) Tag(s).
Paramètres
Si vous taggez vos éléments, les articles par exemple, les Tags vont apparaître lors de l'affichage de ces articles :
Cinnk 40/208
Cinnk
Tag sur un article Joomla!
Vous pouvez bien sûr régler cet affichage, comme tous les paramètres, dans les paramètres de l'élément lui-même, dans les paramètres globaux (gestionnaire → bouton Paramètres) ou dans l'élément de menu qui affiche cet élément (dans le cas bien sûr où l'élément serait affiché par un élément de menu).
Afficher les Tags via un élément de menu
Avec la version 3.1, Joomla! a apporté 3 nouveaux éléments de menu :
• Eléments taggés : Vous permet d'afficher une liste d'éléments sur lesquels vous auriez apposé des Tags
• Liste compacte d'éléments taggés : Vous permet d'afficher une liste compacte d'éléments sur lesquels vous auriez apposé des Tags.
• Liste de tous les tags : Vous permet d'afficher tous les Tags du site, ou tous les Tags enfants d'un certain Tag.
Pour l'exemple, nous allons publier une page "Eléments taggés". Pour cela, rendez-vous dans Menus → Votre Menu puis cliquez sur le bouton Nouveau. Cliquez sur le bouton Sélection du champ Type de lien de menu ensuite sur Tags puis sur Tagged Items. La page suivante s'affiche :
Cinnk 41/208
Cinnk
Elément de menu Tags
1 - Choisissez le(s) Tag(s) dont vous souhaitez afficher les éléments
2 - Ici, vous pouvez filtrer les éléments que vous allez afficher. Vous pouvez par exemple afficher seulement les articles, les catégories et les fiches de contact portant le(s) Tag(s) sélectionnés.
3 - Vous pouvez choisir d'afficher les éléments d'une ou de toutes les langues.
4 - Comme pour tous les éléments de menu, vous devez choisir un nom.
5 - Dans les paramètres avancés, vous pourrez par exemple régler l'affichage ou non du nom du Tag, de l'image assignée, de la description...
Une fois que tout est réglé, vous n'avez plus qu'à cliquer sur le bouton Enregistrer & Fermer.
Afficher les Tags via un module
La version 3.1 de Joomla! apporte également un nouveau module : Tags Populaires. Ce module vous permet tout simplement d'afficher une liste des Tags les plus populaires.
Cinnk 42/208
Cinnk
19 - Comment installer et utiliser un éditeur complet et performant
Lors de l'installation de Joomla!, vous installer également un éditeur de texte : TinyMCE. C'est cet éditeur qui vous permet de faire la mise en page de vos contenus dans toutes les zones d'édition (comme les articles, les descriptions de catégories, ou toute autre zone d'édition proposée par les composants natifs de Joomla! ou les extensions tierces installées sur votre site web).
Cet éditeur TinyMCE fonctionne très bien, mais il existe un éditeur beaucoup plus performant : JCE.JCE est plus performant, beaucoup plus complet, gratuit et s'installe simplement.
Pour installer JCE, connectez-vous à l'administration de votre site, puis rendez-vous dans Extensions → Gestion des Extensions. Grâce à l'installation via le web, vous pouvez facilement trouver l'éditeur (au besoin vous pouvez faire une recherche) et l'installer en suivant les indications.
IMAGE !!
Si vous souhaitez obtenir cet éditeur en français, vous devrez vous rendre sur le site de Sarki qui en assure la traduction. Vous pourrez alors télécharger le pack de langue que vous devrez installer via Composants → JCE → Install Add-ons.
Une fois JCE installé, vous devez paramétrer l'éditeur par défaut à utiliser sur le site. Pour cela, rendez-vous dans Système → Configuration, puis réglez le paramètre “Editeur par défaut” sur “JCE” :
Paramètre Editeur par défaut
Cinnk 43/208
Cinnk
En vous rendant dans une zone d'édition, par exemple un article, vous pourrez voir et utiliser votre nouvel éditeur :
Editeur JCE
Cinnk 44/208
Cinnk
20 - Comment gérer et intégrer des images avec JCE
Dans le chapitre précédent nous avons installé l'éditeur JCE. Si vous avez commencé à utiliser JCE vous avez sans doute remarqué que cet éditeur est très complet.
Un des avantages qui va vous faire gagner du temps est le gestionnaire de média de JCE. En effet, grâce à ce gestionnaire, vous allez pouvoir gérer vos médias très facilement, directement depuis n'importe quelle zone d'édition.Vous n'aurez donc plus à utiliser le gestionnaire de médias de Joomla! et vous pourrez faire bien plus que ce qui est proposé nativement.
Rendez-vous donc dans une zone d'édition, un article par exemple, puis cliquez sur l'icône image (par défaut la quatrième icône de la dernière ligne en partant de la droite). Vous obtenez la fenêtre popup suivante :
Fenêtre popup pour l'intégration d'image
Cinnk 45/208
Cinnk
1 – Ici, vous retrouvez l'arborescence de vos dossiers2 – Ici, vous retrouvez les fichiers placés dans un dossier (celui sélectionné)3 – Vous pouvez ajouter facilement un nouveau dossier4 – Vous pouvez charger des images, et les renommer5 – Vous pouvez travailler votre image, la renommer, la supprimer, la copier, la couper, etc6 – Vous pouvez régler la taille de l'image, son alignement, sa marge et sa bordure7 – Vous pouvez régler la description (le texte alternatif)-Vous pouvez régler plusieurs paramètres avancés, comme par exemple le title de votre image, afin d'en améliorer le référencement.
Cinnk 46/208
Cinnk
21 - Comment personnaliser l'éditeur avec JCE
Lors de l'installation de JCE un éditeur par défaut est installé. Cet éditeur est utilisable en l'état, mais vous pouvez entièrement le personnaliser pour par exemple ne conserver que les fonctionnalités qui vous intéressent, et surtout les placer aux endroits que vous souhaitez.
Pour personnaliser cet éditeur, rendez-vous dans Composants → JCE Administration → Gestion des profils. Ensuite, vous devez éditer le profil que vous utilisez. Si vous n'avez rien modifié, ce profil est le profil “Défaut”.Une fois le profil édité, vous pouvez vous rendre sur l'onglet “Barre d'outils”. Ici, vous retrouvez de nombreuses fonctionnalités vous permettant de personnaliser votre éditeur. Maintenant, regardez la partie “Fonctions actives(1) / Fonctions disponibles (2)” :
Paramètres JCE
Ici, vous pouvez choisir et régler par simple Glisser/déposer les icônes des fonctionnalités qui vous intéressent. En passant les icônes de la partie “Fonctions actives” vers la partie “Fonctions disponibles” vous les supprimez de votre éditeur.
Cela vous permet donc de personnaliser votre barre d'outils afin de ne garder que les fonctionnalités qui vous intéressent, de les placer comme vous le souhaitez, et de gagner donc en lisibilité.
Cinnk 47/208
Cinnk
22 - Comment créer des profils avec JCE
L'éditeur JCE apporte de nombreuses fonctionnalités qui ne sont pas proposées par TinyMCE, l'éditeur installé par défaut lors de l'installation de Joomla!.
Une de ces fonctionnalités vous permet de créer des profils pour vos différents utilisateurs ou groupes d'utilisateurs. Vous allez donc pouvoir paramétrer un éditeur personnalisé pour chacun de ces utilisateurs/groupes d'utilisateurs.
Pour cela, rendez-vous dans Composants → JCE → Gestion des profils, vous arrivez sur la page suivante :
Profils JCE
Ici, vous retrouvez l'ensemble des profils créés par défaut. Vous pouvez regarder les profils existants, et si besoin les activer pour les tester.
Si vous souhaitez créer un nouveau profil afin de créer un éditeur entièrement personnalisé, il vous suffit de cliquer sur le bouton Nouveau.
Vous obtiendrez alors de nombreux paramètres organisés en 4 onglets :
Généralités : C'est ici que vous allez pouvoir régler les utilisateurs ou groupes d'utilisateurs qui utiliseront cet éditeur.Vous pourrez également donner un nom à ce profil, et choisir dans quelles parties du site il sera utilisé.
Barre d'outils : C'est ici que vous allez pouvoir personnaliser l'éditeur en sélectionnant/désélectionnant les icônes des fonctionnalités qui vous intéressent. Vous pourrez ajouter et supprimer ces icônes par simple glisser/déposer.
Paramètres de l'éditeur : Ici, vous allez pouvoir autoriser/refuser l'utilisation de certains éléments,
Cinnk 48/208
Cinnk
comme le CSS, le Javascript, par exemple. Vous pourrez également régler la racine du répertoire principal des fichiers/dossiers.
Paramètres des plugins : Ici, vous allez pouvoir paramétrer précisément chaque fonctionnalité de l'éditeur. C'est par exemple ici que vous pourrez régler le type de fichiers acceptés, leur taille maximum, l'utilisation des balises <hn>, l'intégration des images, etc.
Une fois que vous avez terminé, il vous suffit de cliquer sur le bouton Enregistrer afin de sauvegarder votre nouveau profil JCE.
Cinnk 49/208
Cinnk
23 - Comment vider les corbeilles
Lorsque vous supprimez un élément sous Joomla!, ce dernier n'est pas supprimé définitivement mais va se ranger dans la corbeille. Cela signifie qu'il est toujours présent dans la base de données.
Pour différentes raisons (la plus importante de ces raisons étant l'utilisation inutile de l'espace occupé par ces éléments supprimés), il est important de vider régulièrement les différentes corbeilles des gestionnaires d'éléments de Joomla!.
Par ailleurs, si vous supprimez un élément de menu mais que vous ne videz pas la corbeille, lorsque vous créerez un nouvel élément de menu portant le même nom, vous obtiendrez le message suivant:
AlerteL'enregistrement a échoué avec l'erreur suivante : Un autre élément de menu avec le même parent possède cet alias.
Pour vider une corbeille, rien de plus simple. Pour l'exemple, nous allons vider la corbeille des menus. Pour cela, rendez-vous dans Menu (1) → Votre Menu (2)
Gestionnaire de menus
A l'aide du filtre "Sélectionner un statut" (3), filtrez par "Dans la corbeille".
Il ne vous reste ensuite plus qu'à sélectionner l'ensemble des éléments présents dans cette corbeille(4) puis à cliquer sur le bouton Vider la corbeille (5).
Cinnk 50/208
Cinnk
Vider la corbeille
Attention, en faisant cela, vous supprimerez définitivement ces éléments.
Cinnk 51/208
Cinnk
24 - Comment activer un plugin via phpMyAdmin
Le chapitre que nous allons voir ici permet d'activer un plugin alors que vous n'avez pas accès à l'administration de votre site Joomla!.
Par exemple, vous avez désactivé par erreur un plugin via l'administration Joomla!, vous ne pouvez plus vous connecter à cette administration et vous souhaitez donc réactiver ce plugin.
Nous allons donc voir comment réactiver ce plugin via l'interface phpMyAdmin.
Pour l'exemple, nous allons réactiver le plugin "Authentification - Joomla". Joomla! possède nativement trois plugins de type "authentication". Au moins 1 de ces trois plugins doit être activé, de nombreux utilisateurs les désactivent, se déconnectent du site et obtiennent le message suivant lorsqu'ils souhaitent se connecter :
JAuthentication: :__construct : impossible de charger les librairies d'authentification.
Plugin Authentification - Joomla désactivé
Puisqu'il est impossible de se connecter à l'administration du site, il est donc impossible de réactiver ce plugin via cette administration. Nous allons donc le réactiver depuis l'interface phpMyAdmin.
Cinnk 52/208
Cinnk
Accédez donc à cette interface (de votre hébergeur ou de votre serveur local).Vous obtenez la page suivante :
phpMyAdmin
1 - Cliquez sur le bouton Afficher de la table #_extensions. Vous obtenez la page suivante :
Cinnk 53/208
Cinnk
Table #_extensions
Cherchez l'élément 401 - plg_authentication_joomla. Il devrait être à la page 3 :
plg authentication joomla
Cinnk 54/208
Cinnk
1 - Cliquez sur le bouton Modifier. Vous obtenez la page suivante :
Modification de la valeur
1 - Dans le champ "enable", entrez la valeur "1" puis cliquez sur le bouton Exécuter (2).
Votre plugin est désormais activé et vous pouvez désormais vous connecter à votre site.
Cinnk 55/208
Cinnk
25 - Comment passer un site hors-ligne puis personnaliser la page Hors-ligne
Pour certaines raisons (site en construction, maintenance, problèmes techniques...) vous pouvez souhaiter mettre votre site hors-ligne afin qu'il ne soit plus accessible aux visiteurs, mais seulement aux administrateurs.
Joomla! vous permet de fermer votre site, et de diriger vos utilisateurs vers une page personnalisée.
Pour cela, rien de plus simple. Connectez-vous à l'administration de votre site, et rendez-vous dans Système → Configuration → Site
Mise hors ligne du site
1 – Site hors-ligne : cliquez sur oui.2 – Message hors-ligne : choisissez ce que vous souhaitez afficher :Masquez : Aucun message.Message spécifique : Message à régler en 3.Message défini par la langue du site : Message par défaut défini par le pack de langue.3 – Message spécifique : Si vous avez choisi ce paramètre en 2, tapez ici le message que vous souhaitez afficher.4 – Image hors-ligne : Choisissez une image à afficher. Une fois tous les réglages effectués, cliquez sur le bouton Enregistrer & Fermer
Le message spécifique peut être très pratique si votre site ne possède qu'une seule langue. Si votre site est multilingue, tous vos visiteurs accéderons au même message quelque soit leur langue. Une
Cinnk 56/208
Cinnk
solution peut être de régler 2 sur “Message défini par la langue du site” puis de créer une surcharge de langue par langue installée sur votre site. La chaine de traduction est :JOFFLINE_MESSAGE
Avec joomla!, vous pouvez autoriser les utilisateurs à accéder au site hors-ligne (sans accéder à l'administration).
Cinnk 57/208
Cinnk
26 - Comment retrouver le mot de passe super utilisateur
Dans ce chapitre, nous allons voir ré-initialiser le mot de passe du compte Super-Utilisateur de votre site Joomla!.
Pré-requis :
Vous devez avoir en votre possession les identifiants de connexion à votre base de données.
Connectez-vous donc à votre base de données via par exemple phpMyAdmin
phpMyAdmin
Repérez ensuite la table #_users et éditez-la
Tabls #_users
Puis cliquez sur “Modifier”.
Cinnk 58/208
Cinnk
Edition Table #_users
Ici, dans le champ password, vous devez choisir MD5 pour la fonction (A), taper votre nouveau mot de passe pour la valeur (B), puis cliquer sur le bouton Exécuter (C).
Déconnectez-vous ensuite de phpMyAdmin, puis rendez-vous sur la page de connexion de votre site et connectez-vous grâce à votre nouveau mot de passe.
Cinnk 59/208
Cinnk
27 - Comment ajouter un nouveau super utilisateur (phpMyAdmin)
Suite à une mauvaise manipulation (perte de l'accès à votre administration), vous pouvez être amené à ajouter un Super Utilisateur via phpMyAdmin. Voici comment :
Pré-requis :
Vous devez avoir en votre possession les identifiants de connexion à votre base de données.
Connectez vous donc à phpMyAdmin et sélectionnez votre base de données.
Cliquez sur le bouton SQL :
phpMyAdmin
L'écran suivant s'affiche :
Onglet SQL
Cinnk 60/208
Cinnk
Supprimez tout le texte qui pourrait y être inscrit, puis collez celui correspondant à votre version de Joomla! (voir ci-dessous).
Pour Joomla 1.5, si vous avez modifié le préfixe des tables remplacez le préfixe jos par le votre. Si vous n'avez rien modifié, ne changez rien.
Pour Joomla 1.6, 1.7 et 2.5, le préfixe des tables a été choisi aléatoirement lors de votre installation. Vous devez donc modifier le préfixe jos par le votre. Dans cet exemple, le préfixe est pu5hb :
Requête SQL
Une fois que vous avez apporté les modifications nécessaires, cliquez sur le bouton Exécuter.
Vous pouvez maintenant vous connecter à l'administration de votre site avec l'identifiant "admin2" et le mot de passe "secret".
Vous devez impérativement modifier ces identifiants une fois que vous serez connecté.
Attention! Vous devez impérativement modifier ces identifiants une fois que vous serez connecté, il sont connus de toute personne connaissant ce tutoriel (qui est également publié en ligne).
Code :
Joomla 15
INSERT INTO `jos_users` (`id`, `name`, `username`, `password`, `usertype`, `gid`, `params`)VALUES (LAST_INSERT_ID(), 'Administrator2', 'admin2', 'd2064d358136996bd22421584a7cb33e:trd7TvKHx6dMeoMmBVxYmg0vuXEA4199', 'Super Administrator', 25, '');INSERT INTO `jos_core_acl_aro`VALUES (NULL, 'users', LAST_INSERT_ID(), 0, 'Administrator2', 0);INSERT INTO `jos_core_acl_groups_aro_map`VALUES (25, '', LAST_INSERT_ID());
Cinnk 61/208
Cinnk
Code Joomla 1.6 – 1.7 – 2.5 – 3.x
INSERT INTO `jos_users` (`id`,`name`, `username`, `password`, `params`)VALUES (LAST_INSERT_ID(),'Administrator2', 'admin2', 'd2064d358136996bd22421584a7cb33e:trd7TvKHx6dMeoMmBVxYmg0vuXEA4199', '');INSERT INTO `jos_user_usergroup_map` (`user_id`,`group_id`)VALUES (LAST_INSERT_ID(),'8');
Cinnk 62/208
Cinnk
28 - Comment mettre son site Joomla! en ligne
De nombreux utilisateurs préfèrent construire et développer leur site Joomla! sur un serveur local, c'est-à-dire sur leur ordinateur, puis une fois celui-ci terminé, il le mettent en ligne sur un espace d'hébergement.Avant de voir comment faire ce transfert, nous allons clarifier les choses :
Serveur local
Un serveur local est un serveur installé sur votre ordinateur. Vous pouvez y développer un ou plusieurs sites Joomla! et vous êtes le seul à avoir accès à ce(s)s site(s)s. En général, vous y accédez via une adresse du type http://localhost ou http://127.0.0.1.Il est important de comprendre que l'ensemble du site est hébergé (ou stocké) sur votre ordinateur. Ce site Joomla! est divisé en deux parties :
• Les fichiers et dossiers, auxquels vous pouvez accéder via votre explorateur de fichiers• La base de données, à laquelle vous pouvez accéder via une interface phpMyAdmin
Serveur distant
Un serveur distant est un serveur qui est en général loué par un hébergeur. Vous pouvez y développer un ou plusieurs sites Joomla! et tout le monde peut accéder à ce(s)s site(s)s (à partir du moment, bien sûr, où vous autorisez cet accès). Vous accédez à ce site via l'adresse URL de votre nom de domaine, par exemple http://www.mon-nom-de-domaine.comIl est important de comprendre que l'ensemble du site est hébergé (ou stocké) sur ce serveur distant.Ce site Joomla! est divisé en deux parties :
• Les fichiers et dossiers, auxquels vous pouvez accéder via votre client FTP (par exemple FileZilla)
• La base de données, à laquelle vous pouvez accéder via une interface phpMyAdmin proposée par votre hébergeur
Pour revenir au sujet principal de ce chapitre, vous avez donc terminé votre site, et vous souhaitez l'envoyer sur votre hébergeur afin d'en faire profiter le monde entier.Il existe deux solutions (au moins) pour faire ce transfert, et même si cela peut faire peur à nombre d'utilisateurs, c'est en réalité assez simple, à partir du moment ou vous avez les éléments suivants ;
• Un espace d'hébergement remplissant les prérequis de Joomla!• Une base de données• Un client FTP• Les codes d'accès :
◦ Identifiants FTP◦ Identifiants à la base de données
Cinnk 63/208
Cinnk
Transfert manuel
• La première solution est le transfert manuel. Pour cela, vous allez devoir :
• Envoyer l'ensemble de vos fichiers et dossiers par FTP
• Exporter votre base de données de votre hébergeur local
• Importer cette base de données chez votre hébergeur distant
• Modifier le fichier configuration.php afin d'indiquer les bons chemins et identifiants. Un script permet de faire cela très facilement, ce script s'appelle MoovJla
Transfert avec Akeeba Backup
La deuxième solution pour transférer votre site est l'utilisation de l'extension Akeeba Backup. Cette extension permet de faire une sauvegarde complète de votre site en quelques clics puis de la restaurer sur n'importe quel serveur (le même ou un différent).
Pour transférer votre site avec Akeeba, vous allez devoir :
• Télécharger et installer Akeeba Backup sur votre site Joomla!
• Télécharger et installer les fichiers de langue Fr sur votre site Joomla! (cela est optionnel, mais vous permet d'avoir l'administration d'Akeeba en français
• Faire une sauvegarde de votre site avec Akeeba (cela ne demande que quelques clics et quelques instants
• Récupérer cette sauvegarde (par défaut, les sauvegardes d'Akeeba sont stockées sous forme de fichiers .jpa et placées dans le répertoire administrator/components/com_akeeba/backup de votre site
• Transférer votre fichier .jpa sur l'espace sur lequel vous souhaitez installer le site
• Télécharger Akeeba Kickstart et envoyer sur l'espace les fichiers :
• kickstart.php (qui va décompresser l'archive)
• fr-FR.kickstart.ini (qui vous permet d'avoir l'interface d'installation en français)
• Accéder à l'adresse URL du futur site et suivre les instructions d'installation (qui sont semblables à celles de l'installation d'un site Joomla! classique)
Ces deux méthodes sont reprises en détails dans le chapitre Sauvegarder Transférer restaurer un site Joomla! avec Akeeba Backup de Joomla! 3 Le Livre Pour Tous.
Cinnk 64/208
Cinnk
29 - Comment régler les paramètres des articles Joomla!
Joomla! propose de nombreux paramètres gravitant autour des articles. Par ces paramètres, j'entends par exemple l'affichage du titre de l'article, l'affichage du titre de la catégorie, l'affichage du nom de l'auteur, l'affichage des icônes "Envoyer par email" ou "Imprimer", etc. Il en existe d'autres :
Paramètres d'article Joomla!
Ces paramètres sont pratiques, ils vont vous permettre de régler précisément ce que vous souhaitez afficher, et vous pourrez décider cela de manière différente selon les articles. C'est également grâce à ces paramètres que vous pourrez gérer finement certains points du référencement de votre site, je pense notamment à la manière dont vous allez régler l'affichage de vos balises <title> ou <h1>.
Pour gagner du temps, et afin de réellement obtenir l'effet souhaité, vous devrez régler ces paramètres au bon endroit.
En effet, il est possible de régler ces paramètres à différents emplacements, et ces différents emplacements auront bien sûr une action différente, ou plutôt une portée différente. Vous retrouvez ces paramètres dans :
• Les paramètres de l'article• Les paramètres globaux• Les paramètres de l'élément de menu
Cinnk 65/208
Cinnk
Paramètres lors de l'édition d'un article
Paramètres Joomla! lors de l'édition d'un article
Lors de l'édition d'un article, vous retrouvez l'ensemble de paramètres sous l'onglet Paramètres. Ici, vous pouvez régler les paramètres que vous souhaitez, mais attention, ils ne seront appliqués QUE sur l'article en question.Si vous souhaitez paramétrer tous vos articles de la même manière vous perdrez du temps en agissant ici. Les paramètres de l'article lui-même ne doivent donc être modifiés que dans des cas assez rares où vous souhaiteriez choisir un affichage particulier.
S'il existait une hiérarchie dans les paramètres d'article, nous serions ici au niveau le plus bas de cette hiérarchie.
Paramètres globaux
En vous rendant dans le gestionnaire d'article ou le gestionnaire de catégories, vous retrouvez un bouton Paramètres :
Paramètres gestionnaire d'articles Joomla!
Vous arrivez ensuite sur la page suivante :
Cinnk 66/208
Cinnk
Paramètres globaux Joomla!
Ici, vous retrouvez les paramètres globaux pour les articles (1). Cela signifie que lorsque vous allez modifier un paramètre ici, il sera appliqué à tous les articles, du moins tous ceux pour qui le paramètre sera réglé sur "Paramètres globaux".Cela est donc beaucoup plus simple pour vous si vous souhaitez faire une modification sur l'ensemble des articles, plutôt que de les prendre 1 à 1 via le premier point que nous avons évoqué.
Note, vous remarquerez que vous pouvez également régler ici les paramètres d'affichage des catégories (2 et 3) ainsi que les paramètres d'affichage de type "Blog des articles en vedette" (4).
S'il existait une hiérarchie dans les paramètres d'article, nous serions ici au niveau intermédiaire de cette hiérarchie.
Cinnk 67/208
Cinnk
Les paramètres de l'élément de menu
Enfin, en éditant un élément de menu de type article (article, blog d'une catégorie, liste d'articles, etc) vous retrouvez de nouveau ces paramètres :
Paramètres éléments de menu
Ici, vous allez pouvoir "surcharger" les paramètres que vous auriez réglés dans l'article lui même ou dans les paramètres globaux, mais ces paramètres ne seront repris que pour le ou les articles affiché(s) via cet élément de menu.
Cela est assez intéressant, si par exemple, vous souhaitez ne pas afficher des éléments (comme le nom de l'auteur par exemple) sur l'ensemble des articles du site, sauf sur la partie blog (qui serait affichée via cet élément).
Comme nous venons de le voir dans les trois points ci-dessus, vous avez une grande liberté pour gérer l'affichage ou l'utilisation de ces paramètres.Pensez simplement à bien réfléchir à la meilleure solution pour votre site, afin de gagner du temps, et de ne pas avoir à modifier sans cesse ces paramètres.
Cinnk 68/208
Cinnk
30 - Comment publier un module dans un article
La plupart du temps, vous publiez vos modules en les associant avec des éléments de menu. Mais parfois, vous avez besoin de publier un module dans le corps même d'un article.
Joomla! permet cela grâce au plugin “Contenu - Chargement de module”. Avant toute chose, connectez-vous à l'administration de votre site, rendez-vous dans Extensions → Plugin et assurez-vous que le plugin Contenu - Chargement de module est bien publié.
Rendez-vous ensuite dans Extensions → Gestion des modules → Nouveau
Nouveau module Joomla!
1 – Publiez votre module2 – Donnez un nom à votre module3 – Donnez lui une position qui n'existe pas sur votre template (p. ex. maposition). 4 – Assurez-vous que ce module est assigné à toutes les pages.
Rendez-vous enfin dans Contenu → Gestion des articles, créez un nouvel article ou éditez l'article dans lequel vous souhaitez placer votre module.
A l'endroit où vous souhaitez placer ce module, placez le code :
Cliquez sur Enregistrer & Fermer, rendez-vous sur le frontend de votre site. En affichant votre article, vous verrez votre nouveau module inséré dans le corps de cet article.
Cinnk 69/208
Cinnk
31 - Comment créer une page de liens amis
Vous pouvez souhaiter publier sur votre site un élément de menu “Liens Amis” dirigeant sur une page ou seront affichés tous les liens des sites de vos amis.
Pour cela, Joomla! propose un composant “Lien web”.Pour mettre cette page en place, connectez-vous à l'administration de votre site, et rendez-vous dansExtensions → Liens web → Catégorie et cliquez sur le bouton Nouveau
La page suivante s'ouvre :
Nouvelle catégorie
1 – Titre : Donnez un titre à votre catégorie.2 – Description : Donnez lui une description (facultatif).3 – Onglet paramètre : Si vous le souhaitez, vous pouvez également lui donner une image.Cliquez ensuite sur le bouton Enregistrer & Fermer
Rendez-vous ensuite dans Extensions → Liens web → Liens et cliquez sur le bouton Nouveau
La page suivante s'ouvre :
Cinnk 70/208
Cinnk
Nouveau lien
1 – Titre : Donnez un nom à votre lien.2 – Description : Entrez l'adresse de ce lien.3 – Catégorie : Donnez lui une catégorie4 – Description : Donnez lui une description (facultatif).Cliquez ensuite sur le bouton Enregistrer & Fermer
Créez ensuite les autres liens que vous souhaitez afficher sur cette page.
Une fois que tous vos liens sont créés nous allons créer un nouvel élément de menu pour afficher la page des liens.Rendez vous dans Menu → Le menu dans lequel vous souhaitez ajouter l'élément → et cliquez sur le bouton Nouveau
La page suivante s'ouvre :
Cinnk 71/208
Cinnk
Nouvel élément de menu
1 – Type de lien de menu : Choisissez Liens web → Liste des liens d'une catégorie.2 – Catégorie de liens : Choisissez la catégorie à afficher.3 – Titre de menu : Donnez un titre à votre élément de menu.4 – paramètres avancés : ici, vous pouvez régler plusieurs choses comme l'affichage du nombre de clics, l'affichage des descriptions des catégories, l'affichage des descriptions des liens.Cliquez ensuite sur le bouton Enregistrer & Fermer
Rendez-vous enfin sur le frontend votre site, et accédez à votre élément de menu. Vous devriez obtenir ce résultat :
Liens web frontend
Les paramètres avancés se règlent à trois endroits différents dans l'édition des liens ou catégories, dans les paramètres globaux et dans l'élément de menu. Si vous souhaitez publier plusieurs catégories, avec le même affichage, réglez les paramètres globaux, vous gagnerez du temps.
Cinnk 72/208
Cinnk
32 - Comment créer un formulaire de contact
Joomla! comporte un composant de contact que nous allons paramétrer afin d'afficher un formulaire sur votre site. Pour cela, connectez-vous à l'administration de votre site, et rendez-vous dans Composants → Fiche de contact.De la même manière dont les articles sont classés dans des catégories, nous allons créer une catégorie pour y classer ensuite notre contact.
Même si vous ne souhaitez créer qu'un seul et unique contact, vous devez créer une catégorie.
Pour cela, cliquez sur (1) puis sur le bouton Nouveau.
Gestionnaire des catégories de contacts
La page suivante s'affiche :
Nouvelle catégorie
Cinnk 73/208
Cinnk
1 – Donnez un titre à votre catégorie.2 – Vous pouvez lui donner une description.Cliquez ensuite sur Enregistrer & Fermer.
Cliquez ensuite sur le bouton Contact (ou rendez-vous dans Composants → Fiche de contact → Fiche de contact) et cliquez sur le bouton Nouveau.
Nouveau contact
1 – Entrez un nom.2 – Choisissez une catégorie.3 – Vous pouvez ajouter des informations complémentaires.4 – Dans cet onglet, vous pouvez ajouter de nombreuses informations comme une image, l'E-mail du contact, l'adresse, le numéro de téléphone...Note : Si vous entrez une adresse email dans 4, cette adresse email recevra tous les formulaires de ce contact.
Une fois que vous avez rempli tous les champs, cliquez sur Enregistrer & Fermer.
Nous allons désormais créer un onglet de menu pour afficher le formulaire. Pour cela, rendez-vous dans Menus → Votre Menu, et cliquez sur le bouton Nouveau.
Cinnk 74/208
Cinnk
Nouvel élément de menu
1 – Choisissez Fiche de contact → Contact.2 – Sélectionnez le contact que nous venons de créer.3 – Donnez un titre à votre élément de menu.
Rendez-vous ensuite sur le frontend de votre site et cliquez sur votre lien de menu contact. Celui-ci comporte deux onglets.Contact : dans lequel vous retrouvez les informations du contact.Formulaire de contact : dans lequel s'affiche le formulaire de contact.
Si vous souhaitez modifier cet affichage, vous pouvez éditer votre élément de menu et paramétrer l'onglet “Paramètres d'affichage”.
Cinnk 75/208
Cinnk
33 - Comment publier un captcha sur le formulaire de contact
Afin d'éviter d'être envahi par les spams, vous pouvez activer un Captcha sur votre formulaire de contact.
Un Captcha demande à vos utilisateurs d'entrer un nombre ou un mot dans un champ afin de s'assurer que ces utilisateurs ne sont pas des robots, mais bien des humains.
Pour cela, vous allez devoir vous créer un compte sur le site Recaptcha.
Rendez-vous ensuite dans Composants → Fiche de contact → bouton Paramètres → onglet Formulaire.Pour le paramètre Captcha à utiliser, choisissez Recaptcha.
Formulaire de contact avec Captcha :
Formulaire de contact avec Captcha
Cinnk 76/208
Cinnk
34 - Comment mettre en place le versioning de contenu
Commençons tout d'abord par définir ce qu'est le versioning. Le versioning est un néologisme (ça commence bien) qui permet l'idée suivante. Imaginons un court instant que vous avez besoin d'apporter des modifications sur un texte, un document, une image, bref n'importe quel élément de votre vie courante. Imaginons ensuite que vous modifiez cet élément plusieurs fois. La recherche de la solution idéale est un parent de l'activité humaine cérébrale.Quelques moments, heures, jours se passent et tout compte fait la première version de ce que vous aviez mis en place s'avère être plus réaliste ou meilleure que les modifications que vous avez apportées. Si vous avez bien pensé au départ à sauvegarder les modifications au fur et à mesure, il est bien un moment ou vous aurez oublié de faire une copie de votre travail. Et voilà, c'est justement cette copie qui vous semble la plus appropriée à l'idée que vous avez eue... et que vous n'avez pas gardée.Soyez sans crainte, c'est toujours celle-là qui vous fera défaut et si ce n'est pas ce jour, ce sera le lendemain.
Bref, Joomla! a pensé à vous et à la rédaction de vos articles et mis en place le versioning. Comme son nom l'indique, il vous permet de garder la trace des anciennes versions des articles que vous avez écrits. Vous pourrez donc à loisir utiliser la machine à remonter le temps et les versions... N'est-ce pas merveilleux ?
Ce tutoriel vous montre comment permettre la mise en place de cette caractéristique si vous mettez à jour depuis la version 3.1, et comment ajuster certaines de ces options. Signalons pour ceux qui débutent leur nouveau site avec Joomla! 3.3, que cette fonctionnalité est intégrée par défaut.
Mise en place à partir du gestionnaire d'articles
1 - Aller dans Contenu2 - Sélectionner Gestion des articles3 - Sélectionner le bouton Paramètres qui se trouve à droite de l'écran
Gestionnaire d'articles Joomla!
1 - Dans les "Paramètres de gestion et d'affichage des articles" sélectionner l'onglet "Agencement"2 - Sélectionner "OUI" pour les activer ou "NON" pour les désactiver3 - Entrer le nombre maximum de versions que vous voulez sauvegarder. Cette option définit le nombre d'anciennes versions de votre article qui seront sauvegardées.
Cinnk 77/208
Cinnk
4 – Cliquer sur Enregistrer & fermer.
Paramètres Joomla!
Testez la fonctionnalité
Edition d'un article Joomla!
Créez un article, enregistrez-le. Faites une modification et sauvegardez-le à nouveau. Faites une autre modification et enregistrez-le encore une fois. Une fois ces opérations terminées, cliquez sur le bouton Versions et regardez les modifications effectuées.
Cinnk 78/208
Cinnk
Versioning d'articles Joomla!
Dans l'écran au-dessus les modifications suivantes sont accessibles :Rétablir : Ce bouton charge la version sélectionnée dans le formulaire d'édition.Prévisualisation : Ce bouton permet la prévisualisation de la version sélectionnéeComparer : Sélectionnez deux versions et cliquez pour les comparer.Activer/désactiver 'Garder pour toujours' : Sélectionnez une ou plusieurs versions et cliquez pour activer/désactiver 'Garder pour toujours'Supprimer : Si vous cliquez sur ce bouton, les versions sélectionnées seront supprimées de façon permanente.
Faire un test est la façon la plus simple pour comprendre cette fonctionnalité. Pour le nombre de versions sauvegardées souvenez-vous que si vous avez défini la valeur à "5" alors "5" versions de votre article seront gardées. Si vous faites une sixième modification, la version la plus ancienne sera supprimée et vous aurez ainsi les cinq dernières versions précédentes sauvegardées au total.
Comment faire si vous voulez garder la première version de n'importe quel article ? C'est là qu'entre en jeu la fonction "Activer/désactiver Garder pour toujours". Si vous l'activez pour cette version, elle ne pourra pas être supprimée automatiquement de la liste et restera toujours accessible. C'est un verrou pour empêcher sa suppression.
Cinnk 79/208
Cinnk
Activez le versioning pour les autres composants
Vous pouvez répéter le procédé décrit ci-dessus pour d'autres composants qui possèdent cette fonctionnalité :
• Bannières• Contacts• Fils d'actualité• Tags• Users• Liens• Et tout composant personnalisé intégrant le versioning.
NOTE : Cet astuce est une traduction de l'article Joomla 3.2 - How to Enable Content History – OSTraining
Cinnk 80/208
Cinnk
35 - Comment réinstaller une extension native de Joomla!
Vous avez par erreur désinstallé une extension (composant, plugin, module, template) native de Joomla! et vous souhaitez désormais l'utiliser de nouveau. Vous allez donc devoir la ré-installer.
Vous allez pouvoir ré-installer cette extension en utilisant la fonctionnalité Installation par FTP (depuis un dossier).
Pour l'exemple, nous allons supposer que vous avez désinstallé le template Protostar.
Pour ré-installer ce template :
1. Téléchargez un nouveau pack Joomla! (même version que la version que vous utilisez sur votre site
2. Copiez le dossier templates/protostar de ce nouveau pack3. Collez ce dossier dans le répertoire /tmp du site sur lequel vous souhaitez réinstaller le
template4. Rendez-vous dans Extensions → Gestion des extensions (1) → Onglet Installer depuis un
dossier (2)5. Dans le champ Dossier d'installation(3), tapez repertoire-de-votre-site/tmp/protostar.6. Cliquez sur le bouton Installer (4)
Installer depuis un dossier
Cinnk 81/208
Cinnk
36 - Comment afficher un module sur une page souhaitée (et pas sur les autres)
Avec Joomla! vous pouvez assigner vos modules via les éléments de menu des menus qui composent votre site.Cela est assez pratique une fois que vous avez pris en main la méthode, mais vous pouvez atteindre les limites de cette façon de procéder, en souhaitant afficher un module sur une page qui n'est pas affichée via un élément de menu, ou inversement ne pas afficher un module sur une “sous-page” dont la page principale aurait le module assigné.
Pour cela, vous allez pouvoir utiliser une extension très pratique et très simple d'utilisation :
L'extension “Advanced Module Manager” de No-number.
Cette extension propose une version gratuite et une version commerciale que vous pourrez télécharger à partir de ce lien.
Une fois l'extension installée, elle s'installe comme n'importe quelle extension Joomla!, en vous rendant dans Extensions → Gestion des modules, vous remarquerez que votre gestionnaire de modules a évolué :
Advanced Module Manager
1 – Une nouvelle colonne vous permet de classer vos modules2 – Vous pouvez basculer vers l'affichage natif de Joomla!
Cinnk 82/208
Cinnk
Si vous éditez un module, vous retrouvez de nombreuses nouvelles fonctionnalités sous l'onglet “Affectations”. Voyons les plus importantes :
• Copier à partir du module : Vous pouvez copier l'ensemble des paramètres d'un module existant (très pratique, cela vous permet de gagner du temps).
• Méthode de diffusion : Cela vous permet d'afficher le module si TOUS les réglages sont réalisés ou si n'importe lequel de ces réglages est réalisé.
• Elément de menu : Fonctionnalité semblable à celle proposée nativement par Joomla! pour gérer l'affectation des modules via les éléments de menu.
• Page d'accueil : Vous pouvez choisir d'afficher ou non le module sur la page d'accueil.• Date & heure : Vous pouvez choisir d'afficher votre module à une certaine date et heure.• Utilisateurs : Vous pouvez afficher un module seulement pour un groupe d'utilisateurs (vous
n'êtes plus limité aux niveaux d'accès).• Templates : Vous pouvez afficher votre module selon le template utilisé.• URLs : Très pratique ! Vous pouvez afficher votre module seulement sur une ou plusieurs
URLs sélectionnée(s).• Navigateurs : Vous pouvez choisir d'afficher votre module selon le navigateur utilisé.• Articles : Vous pouvez choisir d'afficher votre module lors de l'affichage de tel ou tel article
(cela vous permet de contourner l'astuce “Menu caché”).
Grâce à ces nombreux paramètres vous gagnez vraiment par rapport aux fonctionnalités proposées nativement par Joomla!.
Cinnk 83/208
Cinnk
37 - Comment créer un formulaire de contact personnalisé avec BreezingForms
Nativement, Joomla ! propose un composant contact qui vous permet entre autre d'afficher un formulaire de contact sur votre site. Ce formulaire permet aux personnes qui le souhaitent de vous écrire.Ce composant fonctionne très bien, mais il est très simple, et pour des besoins particuliers, vous pouvez rapidement atteindre ses limites.
Pour pallier à cela, il existe plusieurs extensions tierces permettant de créer des formulaires de contact entièrement personnalisés. Dans ce chapitre, nous allons utiliser l'extension BreezingForms.
Pour utiliser BreezingForms, nous allons devoir la télécharger sur le site de l'auteur, puis l'installer sur votre site web. Pour cela, vous n'aurez besoin que d'un navigateur web (avec une connexion à internet) et des identifiants Super Utilisateur de votre site Joomla!.
Télécharger BreezingForms
Pour télécharger BreezingForms, c'est très simple, rendez vous sur le site de Crosstec (l'auteur de l'extension BreezingForms) à cette adresse : http://crosstec.de/en/breezingforms-lite.html puis cliquez sur le bouton Download :
Site Crosstec : développeur de BreezingForms
Cinnk 84/208
Cinnk
Une fois le téléchargement terminé, vous obtenez un pack du type “breezingforms_lite_UNZIP_FIRST.zip”.
Décompressez ce pack. Dans l'archive décompressée, vous obtenez plusieurs sous dossiers.
Les dossiers qui nous intéressent pour l'instant sont :
• com_breezingforms_lite_joomla3x.zip (le composant BreezingForms).• mod_breezingforms_joomla3x.zip (le module BreezingForms)• plg_breezingforms_joomla3x.zip (le plugin BreezingForms)
Note : Attention, le nom des dossiers peut être légèrement différent.
Installer BreezingForms
BreezingForms s'installe comme n'importe quelle extension Joomla!, pour cela, connectez-vous à l'administration de votre site puis rendez-vous dans Extensions → Gestion des extensions :
Installation d'extensions via le Backend de Joomla!
1 – Cliquez sur le bouton Choisir un fichier.Rendez vous dans le répertoire décompressé, choisissez l'archive “com_breezingforms_lite_joomla3x.zip” puis cliquez sur le bouton Ouvrir.2 – Cliquez sur le bouton Envoyer & Installer.
Cinnk 85/208
Cinnk
Suivant votre hébergeur, cela peut prendre quelques instants. Si tout se déroule correctement, vous obtenez un message de ce type :
Message de succès sous Joomla!
Le composant BreezingForms est désormais installé sur votre site Joomla!. Répétez cette opération avec les packs :mod_breezingforms_joomla3x.zip (afin d'installer le module).plg_breezingforms_joomla3x.zip (afin d'installer le plugin).
Paramétrer BreezingForms
Une fois ces trois installations terminées, rendez-vous dans le menu Composants, et comme vous le voyez, un nouvel élément de menu “breezingforms” a été ajouté. Cliquez donc sur ce nouvel élément de menu, la page suivante s'affiche :
Installation de BreezingForms – Etape 2
Cinnk 86/208
Cinnk
Cliquez sur le bouton Continuer (1), vous obtenez cette nouvelle page :
BreezingForms – Installation terminée
Cliquez de nouveau sur le bouton Continuer (1). L'installation est donc terminée, vous êtes redirigé vers la page de configuration. Ici, vous devez entrer une adresse email par défaut dans le champ “Adresse e-mail de notification par Défaut” puis cliquez sur le bouton Enregistrer.L'adresse email que vous entrez ici est importante, c'est sur cette adresse que seront envoyés les enregistrements de formulaires pour les formulaires où vous n'aurez pas entré d'adresse email. Pour être sûr de recevoir tous les enregistrements de formulaire vérifiez bien cette adresse email. Vérifiez 2 fois.
BreezingForms est donc installée sur votre site, et paramétrée, il ne reste plus qu'à créer votre formulaire.
Cinnk 87/208
Cinnk
Création d'un formulaire simple sur une page
Nous allons créer ensemble un formulaire de contact simple sur une seule et unique page :
Formulaire de contact avec l'extension BreezingForms
Cinnk 88/208
Cinnk
Création du formulaire
Prenons l'exemple d'une entreprise qui souhaiterait donner la possibilité aux visiteurs de son site (ses potentiels futurs clients) de prendre contact via un formulaire.
Pour commencer à créer votre formulaire, rendez-vous dans BreezingForms → Formulaires → QuickForms :
Nouveau formulaire avec BreezingForms
1 – Donnez un titre à votre formulaire. Une fois que vous aurez enregistré les propriétés, vous retrouverez ce titre en A.2 – Donnez un nom à votre formulaire. Ce nom ne doit pas comporter d'espace ou de caractères spéciaux (é, ù, à, etc...). C'est ce qui vous servira à afficher votre formulaire via un élément de menu ou un module.3 – Si vous souhaitez que les enregistrements générés par ce formulaire (c'est-à-dire les demandes que vous font les visiteurs du site) soient envoyés à une adresse email spéciale, cochez le champ
Cinnk 89/208
Cinnk
“Mail de notification” puis entrez l'adresse email dans le champ “Destinataire(s)”. Vous pouvez donc entrer plusieurs adresses email. Si vous ne réglez pas ces deux paramètres, les emails seront envoyés à l'adresse que vous avez paramétrée dans la configuration générale (BreezingForms → Configuration).4 – Libellé du bouton Soumettre : Choisissez le libellé du bouton servant à envoyer le formulaire. “Envoyer” est par exemple un bon choix ;).5 – Pages suivante et précédente : dans le cas d'un formulaire sur plusieurs pages, vous pouvez choisir le libellé des boutons permettant de naviguer entre les différentes pages du formulaire. Vous pouvez voir comment créer un formulaire sur plusieurs pages dans le chapitre Formulaire Multi-pages avec BreezinForms.6 – Inclure le bouton Annuler : choisissez si vous souhaitez ou non inclure un bouton Annuler à votre formulaire. Si vous souhaitez inclure ce bouton, donnez-lui ensuite un libellé.7 – Une fois que tout est bon, cliquez sur le bouton Enregistrer les propriétés.
Nous venons donc de créer notre formulaire à proprement dit, il n'y a plus qu'à le remplir.
NOTE : Dans les paramètres avancés du formulaire, vous retrouverez un paramètre “Thème”. Ce paramètre permet de régler l'apparence globale de votre formulaire. Dans mon exemple, j'utilise le thème “Glossy_blue”.
Création d'une page
Pour commencer, nous allons donc créer une page. Cliquez donc sur le bouton Nouvelle Page.
Vous obtenez la page suivante :
Création d'une nouvelle page avec BreezingForms
1 – Vous remarquez que j'ai donné “Contact” comme titre à mon formulaire.2 – Grâce au bouton Modifier, vous pouvez donner une introduction à votre formulaire. Cela est assez intéressant car vous pouvez insérer du contenu (grâce à un éditeur de texte) avant votre formulaire. Vous pouvez donc sans problème ajouter du texte, le mettre en page, ajouter des images, etc... exactement comme vous le feriez dans un article Joomla!.3 – Une fois que tout est bon, vous pouvez cliquer sur le bouton Enregistrer les propriétés.
Cinnk 90/208
Cinnk
Création d'une Section
Une fois notre page créée, nous pouvons créer notre première section. Pour cela, cliquez sur le bouton Nouvelle Section.
La page suivante s'affiche :
Création d'une nouvelle section avec BreezingForms
1 – Type : si vous souhaitez afficher en Frontend le titre de votre section, choisissez le type “Groupe de champs”.2 – Type d'écran : choisissez comment vous souhaitez afficher vos éléments, sur la même ligne, ou à la ligne après chaque élément.3 – Titre : Donner un titre à votre section (qui sera donc affiché en Frontend si vous avez réglé le Type sur “Groupe de champs”).4 – Nom de la section : vous pouvez donner un nom à votre section. Ce nom ne doit pas contenir d'espace ou de caractères spéciaux et sera utile, par exemple, lorsque nous verrons les champs conditionnels.5 – Description : comme nous venons de le voir pour la création d'une page, vous pouvez ajouter une description pour votre section. Cette description sera affichée juste en dessous du titre de votre section.6 – Une fois que tout est bon, vous pouvez cliquer sur le bouton Enregistrer les propriétés.
Cinnk 91/208
Cinnk
Création d'un élément
Bien, maintenant que notre formulaire est créé, que nous lui avons donné une page et une section, nous allons pouvoir insérer les éléments.Nous allons utiliser plusieurs des types d'éléments proposés par BreezingForms.Commençons simplement en utilisant l'élément “Champ de texte”. Pour cela, cliquez sur le bouton Nouvel Élément.La page suivante s'affiche :
Création d'un nouvel élément avec BreezingForms
Pour cet exemple, nous allons créer l'élément qui servira à demander (et obtenir) le nom du contact.1 – Type : choisissez le type de votre élément. Ici, choisissez “Champ de texte”.2 – Etiquette : l'étiquette est le titre qui sera placé devant (ou dessous ou à coté) du champ. Ici, vous pouvez donc saisir “Nom”.3 – Valeur : la valeur vous permet d'inscrire un ou plusieurs mots dans le champ qui s’effaceront
Cinnk 92/208
Cinnk
lorsque l'utilisateur placera le curseur dans le champ. Cela peut être utile pour donner un conseil à l'utilisateur.4 – Longueur Max : si vous le souhaitez, vous pouvez choisir une longueur maximale en caractères.5 – Conseil : ici vous pouvez entrer une petite phrase qui sera affichée comme infobulle placée à coté du champ. Pour le nom, cela n'est pas forcément nécessaire, mais pour d'autres champs, cela peut s'avérer utile.6 – Validation : vous pouvez décider que ce champ soit obligatoire. Si le visiteur ne le remplit pas, il ne pourra pas envoyer le formulaire.
Validation
BreezingForms offre nativement plusieurs possibilités lorsqu'un élément est obligatoire :
BreezingForms - Système de validation
1 – Obligatoire : tout d'abord, vous devez cocher cette case pour rendre le champ obligatoire.2 – Validation : BreezingForms vous propose une bibliothèque de scénarios disponibles. Cochez donc “Bibliothèque” pour afficher les différents scénarios.3 – Message d'erreur : ici, vous pouvez entrer un message d'erreur qui sera affiché à l'utilisateur lorsqu'il aura mal rempli le champ.4 – Scénario : choisissez le scénario selon lequel le champ sera valide ou non. Dans le cas de notre élément, je choisis le scénario “FF::ff_valuenotempty” qui nécessite donc que le champ ne soit pas vide (not empty) afin d'être valide. Il existe plusieurs scénarios, qui vous permettent de répondre à différents besoins.
Une fois que tout est bon, vous pouvez cliquer sur le bouton Enregistrer les propriétés, afin de sauvegarder l'élément que nous venons de créer.Afin de sauvegarder le formulaire lui-même, cliquez sur le bouton Sauver.
Cinnk 93/208
Cinnk
Nous avons désormais notre formulaire créé, il contient une page, qui contient elle même une section, qui contient elle-même un élément.En cliquant sur le bouton Aperçu dans le site, vous pouvez voir ce que donne ce formulaire sur votre Frontend.
Bien, continuons à remplir notre formulaire. Pour faire simple, je vous laisse créer vous-même l'élément “Prénom” qui sera identique à l'élément “Nom”. Bien sûr, vous pouvez choisir de ne pas rendre obligatoire cet élément.
Note : pour créer un nouvel élément, vous devez cliquer sur une catégorie (1), celle dans laquelle vous souhaitez ajouter cet élément, puis cliquer sur le bouton Nouvel élément (2). Si vous êtes sur l'édition d'un élément ou d'une page (3), vous obtiendrez un message d'erreur :
“Vous ne pouvez pas créer cela ici!”
Une fois ce deuxième élément créé, nous allons en créer un troisième un peu plus compliqué. Imaginons que nous souhaitions connaître si la personne qui remplit le formulaire est un particulier, une entreprise, une association ou une autre forme de structure.Pour cela, nous allons créer une liste déroulante avec ces trois possibilités parmi lesquelles l'utilisateur devrait faire un choix. Cliquez donc sur “Nouvel Elément” et pour le Type, choisissez “Sélection dans une liste”. Pour l'Etiquette entrez par exemple “Vous êtes :”, puis pour Liste, entrez :
0;Un particulier;value10;Une entreprise;value20;Une association;value30;Autre;value4
Je vous laisse finir de compléter la suite de l'élément, puis lorsque tout est bon, cliquez sur
Cinnk 94/208
Cinnk
“Enregistrer les propriétés”.
Bien cette première section est terminée (pour notre exemple, bien sûr, vous pouvez ajouter d'autres éléments ou d'autres sections). Nous allons maintenant créer une deuxième section qui va nous servir à recueillir les différentes informations de l'utilisateur.Nous allons créer ce “deuxième bloc” :
Formulaire bloc 2
Vous remarquez que ce bloc comprend 2 parties. Pour faire cela, nous allons créer une section, puis nous intégrerons deux sections à l'intérieur de la première.
• Rendez-vous sur la Page 1 et cliquez sur “Nouvelle Section”, Choisissez le Type “Groupe de champs”, réglez Type d'écran sur “Éléments sur la même ligne” et donnez un Titre comme par exemple “Vous contacter”. Vous pouvez bien sûr entrer une description pour cette section. Une fois que tout est bon, cliquez sur “Enregistrer les propriétés”, puis sur “Nouvelle section”.
• Réglez le Type de cette nouvelle section sur “Normal”, le Type d'écran sur “A la ligne après chaque élément”, donnez un titre, etc puis cliquez sur “Enregistrer les propriétés”.
• Ici, vous pouvez créer plusieurs éléments comme par exemple adresse, code postal, ville, etc. Vous pouvez paramétrer ces éléments afin qu'ils soient obligatoires ou non. Tous ces éléments sont normalement de type “Champ de texte” et vous pouvez les régler comme obligatoires en utilisant le scénario “FF::ff_valuenotempty”.
NOTE : N'oubliez pas de cliquer sur Enregistrer et Fermer après avoir paramétré chaque élément, mais également sur le bouton Sauver afin de régulièrement enregistrer le formulaire dans son intégralité.
L'arborescence de vos éléments doit, à ce stade, ressembler à cela :
Cinnk 95/208
Cinnk
Arborescence 1
Nous allons enfin créer la dernière section. Pour cela :• Rendez-vous sur la section “Vous contacter” et cliquez sur “Nouvelle Section”. • Réglez le Type sur “Normal” et le Type d'écran sur “A la ligne après chaque élément”.• Donnez un nom puis cliquez sur “Enregistrer les propriétés”.• Dans cette section, créez ensuite plusieurs champs comme par exemple Email, Téléphone,
Fax, Pseudo Skype, etc. Tous ces éléments utilisent normalement le Type “Champ de texte”
NOTE : Il est important de régler les éléments comme Email sur Obligatoire. Si votre interlocuteur oublie de rentrer son email, vous ne pourrez pas le re-contacter...Le scénario à utiliser pour vous assurer que l'utilisateur entre un email valide est “FF::ff_validemail“.
NOTE : Pour indiquer à vos utilisateurs la raison pour laquelle vous leur demandez telle ou telle information, pensez à utiliser les fonctionnalités Conseil et Valeur. La fonctionnalité Conseil affichera une infobulle à coté du champ, alors que la fonctionnalité Valeur affichera le texte saisi à l'intérieur du champ.
NOTE : Si vous souhaitez ne pas afficher le Titre d'une section, vous n'êtes pas obligé de le rentrer, pensez cependant à entrer un nom de section (sans espaces et caractères spéciaux) sensé afin de vous y retrouver.
Pour terminer, nous allons créer un dernier bloc dans lequel votre utilisateur pourra poster le contenu de sa question ou de sa demande :
Cinnk 96/208
Cinnk
Formulaire bloc 3
Pour cela, créez une nouvelle section (dans Page 1), donnez-lui le Type “Groupe de champ” et donnez-lui un titre (par exemple votre demande).Ensuite, créez un nouvel élément (dans la section “Votre demande”), donnez-lui le Type “Zone de texte”, donnez-lui un nom, vous pouvez lui donner une largeur et une hauteur, et vous pouvez choisir de le rendre obligatoire (en utilisant le scénario “FF::ff_valuenotempty”), ce qui est conseillé afin de ne pas recevoir de formulaire vide.Une fois cela terminé, nous allons ajouter un dernier élément afin de voir un Type d'élément supplémentaire.Nous allons créer un groupe de boutons dits “Radio” sur lequel l'utilisateur devra choisir une, et une seule, proposition. Pour l'exemple, nous allons demander à notre utilisateur s'il souhaite être contacté par Email, ou par Téléphone.Pour cela, créez un nouvel élément et choisissez le Type “Groupe de bouton Radio”. Donnez une étiquette à cet élément (par exemple “Vous souhaitez être contacté par :”), puis pour le paramètre “Groupe” entrez ce code :
1;Email;10;Téléphone;2
Une fois que tout est bon, cliquez sur “Enregistrer les propriétés”.Afin que vous ne soyez pas inondé de spams, nous allons ajouter un Captcha à ce formulaire. Un Captcha est un code de vérification que vos utilisateurs devront entrer afin de prouver qu'ils ne sont pas des robots. Créez donc un nouvel élément, et donnez-lui le Type Captcha. Donnez-lui une étiquette et éventuellement un conseil. Pas besoin de régler la fonctionnalité Obligatoire pour cet élément, il
Cinnk 97/208
Cinnk
l'est par défaut.
Voilà ! Notre formulaire est donc terminé et fonctionnel. Vous pouvez sans problème le publier sur le site via un élément de menu ou un module, mais il est préférable d'y ajouter 2 choses : une page de remerciements sur laquelle notre visiteur sera redirigé et un mail administrateur contenant les données remplies par l'utilisateur. Note : Ce chapitre est tiré du tutoriel Un formulaire de contact entièrement personnalisé avec BreezingForms qui vous en apprendra d'avantage si vous souhaitez aller plus loin avec BreezingForms.
Cinnk 98/208
Cinnk
38 - Comment gagner du temps pour vider le cache
Lorsque vous apportez des modifications sur votre site web, il est fréquent que vous deviez vider le cache de ce site pour voir apparaître ces modifications.Nativement avec Joomla !, lorsque vous souhaitez vider le cache pour voir apparaître les modifications que vous apportez par exemple sur un article, vous devez :
• Enregistrer & Fermer l'article• Vous rendre dans Système → Purger le cache• Sélectionner l'ensemble des éléments• Cliquer sur le bouton Supprimer• Vous rendre dans Système → Purger les fichiers expirés (pour être sûr)• Cliquer sur le bouton Purger les fichiers expirés
Vous pouvez ensuite aller voir votre modification...Maintenant, vous devez savoir que grâce à l'utilisation d'un petit plugin (nommé Cache Cleaner) vous pouvez faire l'ensemble de ces opérations en.... 1 clic.
Pour cela, rendez-vous donc sur cette page, téléchargez le plugin, puis installez-le comme vous installeriez n'importe quelle extension Joomla!.Une fois le plugin installé, vous retrouvez un nouveau bouton placé dans le footer :
Cache Cleaner
Vous noterez que ce bouton est disponible en permanence, même lors de l'édition d'éléments (comme un article, un élément de menu ou un module) alors que certains autres éléments (comme le menu principal de l'administration) sont en sous-brillance.Vous pouvez donc vider votre cache à n'importe quel moment, et cela en un seul clic.
Note : Afin de voir apparaître vos modifications, il est également souvent nécessaire de devoir vider également le cache de votre navigateur, pensez-y;)
Cinnk 99/208
Cinnk
Etendre Joomla!
Joomla! propose nativement de nombreuses fonctionnalités. La majorité de ces fonctionnalités sont détaillées et expliquées dans Joomla! 3 Le Livre Pour Tous.Néanmoins, il en souvent nécessaire d'ajouter des fonctionnalités pour par exemple ajouter un forum, un formulaire de contact personnalisé, une boutique en ligne, une galerie d'images, etc.Les extensions que vous pouvez ajouter sur votre site peuvent aller d'une simple fonctionnalité supplémentaire (par exemple un slideshow ou un composant de commentaire d'articles) à des fonctionnalités beaucoup plus poussées (comme une boutique en ligne, un annuaire ou encore un gestionnaire de petite annonce).
Pour choisir correctement vos extensions tierces, il est important de prendre votre temps, de faire des tests, et de suivre les conseils des chapitres suivants.
Cinnk 100/208
Cinnk
39 - Choisir des extensions fiables
La communauté Joomla! propose environ 10 000 extensions tierces (sans compter les templates) permettant de réaliser tout type de besoin (ou presque).La majorité de ces extensions sont répertoriées sur le JED – Joomla! Extensions Directory. Je dis la majorité, car certaines extensions ne sont pas référencées sur le JED, soit car le développeur ne souhaite pas ajouter son extension au répertoire, soit car cette extension ne respecte pas les règles pour faire partie de ce répertoire (comme par exemple le respect de la licence GPL), soit pour d'autres raisons.
Si vous souhaitez utiliser des extensions de qualité, un bon choix est de sélectionner les extensions répertoriées sur le JED. Ces extensions sont minutieusement testées, et catégoriquement refusées si elles comportent par exemple des potentiels problèmes de sécurité.
Si vous souhaitez utiliser une extension qui n'est pas répertoriée sur le JED, il est conseillé de se renseigner sur le développeur, et sur son travail. Pour cela, vous pouvez demander l'avis de la communauté, par exemple via les forums.
Choisir une extension sur le JED est un gage de sécurité, mais cela ne signifie pas que les extensions qui ne sont pas sur ce site ne le sont pas. Deux exemples (parmi d'autres) d'extensions qui ne sont pas sur le JED, mais qui sont de qualité :
• aeSecure (de Christophe Avonture)• Template Creator (de Cedric Keflin)
40 - Extensions gratuites, et extensions commerciales
En cherchant sur le JED, vous trouverez des extensions gratuites et d'autres commerciales.
Vous trouverez des développeurs proposant une version simple et gratuite d'une extension puis une autre version, plus complète, et commerciale de la même extension.
Vous pouvez également voir des extensions gratuites dont la documentation, ou le support (par exemple via un forum privé ou un système de tickets) seront eux commerciaux.
Avant de faire votre choix, vous devrez donc comparer les extensions sous cet angle. Votre projet peut il se permettre l'achat d'une extension (les prix vont de quelques euros à plusieurs centaines) ? Souhaitez vous gagner du temps en utilisant une extension commerciale qui sera peut être plus poussée qu'une version gratuite ? Etc.
Cinnk 101/208
Cinnk
41 - Définition du besoin
Avant de choisir telle ou telle extension, il est impératif de bien définir vos besoins. Bien sûr, si vous souhaitez ajouter un simple slideshow, le comparatif des extensions sera sans doute assez rapide (même si ce n'est pas toujours le cas selon les projets), mais si vous souhaitez ajouter une fonctionnalité importante à votre site web, vous devrez réellement prendre le temps de lister tous ces besoins, afin de pouvoir ensuite comparer les différentes solutions.
Par exemple, vous pouvez vous renseigner sur :• L'ensemble des fonctionnalités proposées par l'extension• La disponibilité des différents packs de langue• La facilité ou non pour personnaliser l'extension• La facilité ou non pour travailler le design de l'extension• La communauté gravitant autour de cette extension• Le support• Etc
42 - L'extension est indispensable, ou seulement cool
Avant d'ajouter une extension sur votre site, vous devez vous poser la question de la nécessité de cette fonctionnalité.Cette fonctionnalité va-t-elle réellement apporter un plus à votre site, ou va-t-elle seulement le rendre plus “cool” ?En effet, si vous ajoutez une fonctionnalité que vous trouvez cool, il est possible que vous soyez le seul (ou presque) à avoir cet avis, et qu'en fait cette fonctionnalité ennuie plus les autres utilisateurs qu'autre chose.Vous devez penser au but de votre site web. Que souhaitez-vous que les utilisateurs fassent ou trouvent en arrivant sur votre site ?Pensez également aux fonctionnalités qui peuvent faire fuir ces visiteurs, je pense notamment aux popups qui vont s'ouvrir pour par exemple proposer un abonnement à une newsletter.Les utilisateurs peuvent sans doute être intéressés par votre newsletter, mais leur “l'imposer” via une popup n'est pas forcément une bonne idée, et leur réaction peut être tout simplement de quitter le site.
Cinnk 102/208
Cinnk
43 - Compatibilité avec la version de Joomla!
Même si depuis peu, et pour quelques temps, cela ne va plus être le cas, la version 2.5 n'est en effet plus supportée depuis le 1er janvier 2015 et seule une version de Joomla! est à utilisée (la version 3) vous devez vérifier la compatibilité de l'extension que vous choisissez avec votre version de Joomla!.
De même, vérifiez si l'extension est compatible avec les dernières versions. Le jour où Joomla 4 sortira, les extensions qui seront le plus rapidement compatibles avec cette version seront sans doute parmi les extensions les plus suivies, les plus actives, et donc les plus fiables.Lors du choix d'une extension, vous devez penser à l'avenir (vers les prochaines versions de Joomla!), il sera toujours compliqué de remplacer une extension par une autre car la première ne sera plus supportée, ou même abandonnée.
Cinnk 103/208
Cinnk
44 - Consulter les informations, votes et avis du JED
Lorsque vous consultez la fiche d'une extension sur le JED, vous ne devez pas vous limiter à consulter les fonctionnalités proposées par cette extension.
Fiche technique de l'extension Kunena sur le JED
Sur l'image précédente, nous retrouvons la fiche technique de l'extension Kunena sur le JED. Sur cette fiche, plusieurs informations peuvent vous aider à sélectionner ou non cette extension :
1 – Description : Est-elle détaillée ? Qu'explique-t-elle ? Y retrouvez-vous les fonctionnalités que vous recherchez ?2 – Les dates de mise à jour et de création peuvent vous renseigner sur la fréquence des mises à jour (l'équipe de développement est-elle active ?) et sur l'ancienneté (une extension avec plusieurs années d'ancienneté sera sans doute une extension fiable avec une équipe de développement rodée, et une communauté active).3 – Les votes et commentaires des utilisateurs (en anglais) peuvent vous donner une idée sur l'extension, prenez le temps de les parcourir.4 – L'extension possède-t-elle une démo ? Si oui (l'équipe de développement a pris le temps de réaliser cette démo) n'hésitez pas à la consulter, cela vous donnera une idée de ce que vous pourrez réaliser. Certains développeurs proposent même un accès au Backend de l'extension afin de vous faire une idée sur la manière dont cette extension est architecturée.5 – Certaines extensions proposent une documentation, mais pas toutes. Cette documentation sera sans doute très utile pour vous aider à mettre en place votre extension et à la paramétrer comme vous le souhaitez.
Cinnk 104/208
Cinnk
45 – Documentation, support et communauté
Nous l'avons déjà abordé dans les chapitres précédents, trois des paramètres importants à prendre en compte lors du choix de votre extension sont :
Documentation
Si l'extension propose une documentation, prenez le temps de la parcourir. Certaines extensions ne proposent qu'une simple documentation (qui ne couvre que l'installation, par exemple), et d'autres vont vraiment dans le détail.Si l'extension que vous souhaitez utiliser est simple (nous revenons sur l'idée d'un simple slideshow) et que vous savez installer une extension Joomla!, la documentation vous sera peu ou pas utile, par contre, si vous souhaitez mettre en place un site E-commerce, vous serez content de trouver une documentation complète, claire et détaillée.
Par ailleurs, vous devez vous renseigner sur la manière dont vous pouvez accéder à cette documentation. Est-elle libre d'accès, consultable en ligne, téléchargeable, ou est-elle accessible via un abonnement ?
Support
Le support rejoint la documentation. Si vous souhaitez utiliser une extension simple, ou si vous pouvez vous satisfaire des fonctionnalités natives de l'extension, vous n'aurez sans doute pas besoin du support. Par contre, si vous utilisez une extension complexe, ou que vous souhaitez améliorer les fonctionnalités proposées par l'extension (je pense par exemple au design que vous souhaiterez sans doute adapter à votre template) vous devez vous assurer de pouvoir compter sur un support réactif et efficace. Cela vous permettra de gagner beaucoup de temps.Tout comme pour la documentation, vous devez vous renseigner sur l'accessibilité de ce support, ainsi que sur la langue utilisée.
Communauté
Le dernier point, qui n'est pas obligatoirement assuré par l'équipe de développement, est la communauté gravitant autour de l'extension que vous allez peut-être choisir.Cette communauté est importante. Tout d'abord, elle assure une extension de qualité (des utilisateurs qui utilisent en nombre une extension, et qui la font vivre, par exemple à travers des forums), mais surtout, il vous sera beaucoup plus facile d'adapter l'extension à votre site, ou de la faire évoluer selon vos besoins grâce à l'aide de cette communauté.
Encore une fois, pensez à vérifier la langue utilisée par cette communauté, surtout si vous n'êtes pas très à l'aise avec l'anglais.
Un exemple de communauté active gravitant autour d'une extension est le site http://kunena.aide-joomla.com qui propose un forum d'entre-aide ainsi que les packs de langue Fr pour l'extension Kunena, un forum pour Joomla!.
Cinnk 105/208
Cinnk
46 - Communauté francophone
Parallèlement au JED, la communauté francophone propose également un répertoire sur lequel vous trouverez un choix d'extensions entièrement francisées.@
Extensions.joomla.fr
Ce site propose des extensions, classées par catégorie comme sur le JED. Même si cet annuaire est moins fourni, vous pouvez y trouvez l'extension correspondant à votre besoin.
Par ailleurs, même si l'extension que vous recherchez n'est pas sur ce site, elle peut tout de même comporter des fichiers de langue française.
Par contre, si vous ne maîtrisez pas bien l'anglais, cela peut être une bonne idée de vous renseigner sur la popularité de cette extension
Cinnk 106/208
Cinnk
47 - Attention aux ressources (optimisation du site)
Lors de l'installation d'une extension tierce, vous devez vous assurer que celle-ci ne va pas augmenter démesurément la consommation en ressources de votre site.
Par exemple, pour vous assurez que cette extension ne va pas influer de manière trop importante sur la rapidité de ce site, vous pouvez effectuer des tests avec et sans l'extension sur des sites comme GTmetrix ou Pingdom :
Gtmetrix
Gtmetrix vous permet de faire un test simultanément sur les outils Page Speed de Google et Yslow de Yahoo.
Pingdom
Les outils de Pingdom vous permettent, entre autre, de mesurer le nombre de requêtes, le temps de chargement de la page et même de comparer votre site avec les sites préalablement testés par l'outil.
Des tests grâce à ces outils peuvent donc (et doivent) influencer le choix des extensions que vous allez utiliser.
Cinnk 107/208
Cinnk
48 - Tests sur site de test
Aussi étrange que cela puisse paraître, les tests que vous ferez sur une nouvelle extension doivent être réalisés sur un site de tests;)
Ne prenez pas le risque d'installer plusieurs extensions sur votre site en production afin de les tester puis de faire votre choix.Pourquoi ?
• Vous allez sans doute créer des bugs d'incompatibilité
• Vous allez déranger les utilisateurs qui naviguent sur votre site
• Vous allez oublier de désinstaller les extensions que vous n'utiliserez pas. Cela occupera de la place et des ressources inutilement, vous oublierez de faire les mises à jour de ces extensions qui comporteront potentiellement des failles de sécurité
• Selon le type d'extensions que vous installez, vous pouvez causer des problèmes importants sur votre site web
Le mieux est donc de tester ces extensions sur un site de tests que vous pouvez installer dans un sous-domaine ou un sous-dossier de votre hébergement pour faire vos tests sur le même environnement.Pour faire ces tests vous pouvez également installer une copie de votre site, cela est facilement réalisable en utilisant l'extension Akeeba Backup.
Cinnk 108/208
Cinnk
49 - Comment installer une extension Joomla!
Pour installer une extension avec joomla 3.x, il existe 4 possibilités : par l'installation à partir du web, par l'installeur de Joomla!, depuis un dossier ou depuis une URL.Dans les quatre cas, vous devez vous connecter à l'administration de votre site et vous rendre dans Extensions → Gestion des extensions puis choisir la méthode d'installation dans les onglets supérieurs.
Installation à partir du web
La première fois ou vous souhaitez utiliser cette fonctionnalité, vous devez d'abord l'activer. En arrivant sur la page Extensions → Gestion des extensions vous obtenez le message suivant :
Ajouter l'onglet “Installer à partir du JED”Pour ajouter l'onglet "Installer à partir du web" (qui vous permettra d'utiliser la fonctionnalité du même nom) cliquez sur le bouton 1.
Une fois l'onglet installé, vous obtenez cette page :
Cinnk 109/208
Cinnk
Installation à partir du web
1 - Liste des catégories dans lesquelles sont rangées les nombreuses extensions (plusieurs milliers) répertoriées sur le JED.
2 - Un moteur de recherche grâce auquel vous pouvez rechercher une extension spécifique, ou un type d'extension, par mot clé.
3 - Vous pouvez afficher ce panneau de 2 façons différentes.
4 - De la même manière que sur le JED, vous pouvez afficher les extensions les plus populaires, les plus récentes, les mieux notées, etc
5 - Les extensions affichées (ici, les plus populaires).
Vous pouvez donc faire vos recherches, comme vous les feriez sur le JED, à partir de votre administration Joomla!.
Cinnk 110/208
Cinnk
Installer une extension
Pour installer une extension, c'est très simple, cela se fait en quelques clics :
Si par exemple vous souhaitez installer l'extension JCE, cliquez simplement sur son icône, vous obtenez cette page :
Fiche de l'éditeur JCE
De la même manière que sur le JED, vous retrouvez différentes informations, plus un lien d'installation :
1 - Les caractéristiques de l'extension (la version, la date de sortie, la licence, etc).
2 - Un lien vers le site du développeur.
3 - Un lien vers la fiche de l'extension sur le site du JED.
4 - Une courte description de l'extension.
5 - Un bouton d'installation.
Cliquez simplement sur le bouton Installer, vous obtenez la page suivante :
Cinnk 111/208
Cinnk
Confirmation de l'installation
Cliquez donc simplement sur le bouton Installer.
Installation de JCE terminée
Quelques instants plus tard, une fois l'installation de JCE terminée, vous retrouvez le message indiquant que JCE a bien été installé (1). En naviguant dans le menu Composants, vous retrouvez l'élément de menu du composant JCE (2).
Cinnk 112/208
Cinnk
Installeur de Joomla!
Installation par l'installeur de Joomla!
Pour installer une extension par l'installeur de Joomla!, vous devez au préalable télécharger cette extension au format .zip. Le nom de l'archive aura donc la forme “nom-de-l-extension.zip”.
Connectez-vous à l'administration de votre site et rendez-vous dans Extensions → Gestion des extensions → Archive à envoyer, cliquez sur le bouton Choisir le fichier, sélectionnez votre archive “nom-de-l-extension.zip”, cliquez sur Choisir et enfin sur le bouton Envoyer & Installer.
Suivant la taille de l'extension, cela peut prendre quelques instants. Si tout se passe correctement, vous aurez un message vous l'indiquant. Dans les autres cas, un message vous indiquera quel est le problème rencontré (Extension non compatible avec la version de Joomla!, absence de pack d'installation...).
Depuis un dossier (par FTP)
Installation depuis un dossier
Cinnk 113/208
Cinnk
Pour différentes raisons (taille trop importante de l'extension, problème chez l'hébergeur...), il arrive parfois que l'installeur de Joomla! ne parvienne pas à installer une extension. Dans ce cas, vous pouvez installer cette extension depuis un dossier.Pour cela, téléchargez l'extension et décompressez le pack. Vous devriez obtenir un dossier “nom-de-l-extension”.Transférez ensuite ce pack dans le dossier /tmp de votre installation Joomla!. Si votre site est en local, vous devrez simplement déplacer le dossier, si votre site est en ligne, vous devrez utiliser un client FTP.
Connectez-vous ensuite à l'administration de votre site Joomla! et rendez-vous dans Extensions → Gestion des extensions → Installer depuis un dossier.Le champ “Dossier d'installation” indique le chemin vers votre répertoire /tmp, vous n'avez plus qu'à ajouter le nom du dossier que vous avez transféré dans ce répertoire /tmp (p. ex. monsite/tmp/nom-de-l-extension) et à cliquer sur le bouton Installer.
Suivant la taille de l'extension, cela peut prendre quelques instants. Si tout se passe correctement, vous aurez un message vous l'indiquant. Dans les autres cas, un message vous indiquera quel est le problème rencontré (Extension non compatible avec la version de Joomla!, absence de pack d'installation...).
Depuis une URL
Installation depuis une URL
Si vous connaissez l'url complète vers l'archive d'une extension à installer, vous pouvez utiliser cette méthode en entrant cette adresse dans le champ URL. Cliquez ensuite sur le bouton Installer.
Suivant la taille de l'extension, cela peut prendre quelques instants. Si tout se passe correctement, vous aurez un message vous l'indiquant. Dans les autres cas, un message vous indiquera quel est le problème rencontré (Extension non compatible avec la version de Joomla!, absence de pack d'installation...).
Privilégiez en premier lieu l'installation par l'installeur de Joomla! et si vous ne parvenez pas à installer une extension de cette manière, tournez-vous vers l'installation depuis un dossier. L'installation depuis une URL n'est utile que très rarement.
Cinnk 114/208
Cinnk
50 - Comment désinstaller une extension Joomla!
Vous avez installé une extension sur votre site, vous n'en avez plus besoin.
Vous souhaitez donc la désinstaller.
Pour désinstaller une extension, rien de plus simple. Il vous suffit de vous connecter à l'administration de votre site et de vous rendre dans Extensions → Gestions des Extensions → Onglet Gestion.
Désinstaller une extension
Les extensions cochées en vert (a) sont les extensions activées, les extensions cochées en rouge (b) sont les extensions désactivées et les extensions marquées d'un cadenas (c) sont les extensions protégées qu'il n'est pas possible de désinstaller à partir d'ici.
Pour désinstaller une extension, vous devez simplement la cocher (1) puis cliquer sur le bouton Désinstaller (2).
Ne gardez sur votre site que les extensions utilisées. Les extensions que vous n'utilisez pas prennent de la place pour rien. De plus, si vous n'utilisez pas une extension en particulier, vous serez moins attentif aux mises à jour qu'apportera son développeur. Une extension pas à jour peut comporter une faille de sécurité exploitable par des personnes mal intentionnées.
Cinnk 115/208
Cinnk
51 - Comment installer une nouvelle langue pour une extension
La majorité des extensions tierces non-francophones que vous installerez sur votre site ne comporte pas nativement le fichiers de langue français lors de l'installation.Vous devez donc, à la suite de cette installation, télécharger et installer ce fichier de langue.
Il existe 2 types d'installation pour ces fichiers. Soit vous pouvez (et devez) les installer via le gestionnaire des extensions de Joomla!, soit (c'est plus rare), vous pouvez (et devez) les installer via l'installeur de l'extension elle-même.
Pour l'exemple, nous allons prendre deux extensions : Akeeba Backup, et JCE.
A la suite de l'installation d'Akeeba Backup, vous obtenez l'écran suivant :
Akeeba Backup – Installation terminée
1 – Vous obtenez un message vous signalant que l'installation s'est bien déroulée2 – Akeeba vous indique une page à partir de laquelle vous pourrez télécharger les fichiers de langue.A partir de cette page, vous devez donc rechercher la langue qui vous intéresse, puis télécharger le pack de langue.Vous obtenez un pack de type : akeebabackup-fr-FR.zip.Ce pack s'installe via la gestion des extensions Joomla! (Extensions → Gestion des extensions → Installation) de la même manière que vous installeriez n'importe quelle extension.
Une fois cette installation terminée, vous pouvez accéder à l'administration d'Akeeba (Composant → Akeeba Backup), celle-ci est entièrement en français.
Imaginons maintenant que vous vous ayez installé l'extension JCE (un éditeur avancé pour Joomla!).Vous souhaitez également installer les fichiers de langue pour utiliser l'éditeur en français.Pour cela, vous pouvez donc vous rendre sur le site de Sarki, et télécharger un pack du type : jce_lang_245_fr.zip.Mais si vous tentez d'installer ce pack via la gestion des extensions de Joomla!, vous obtiendrez le message suivant :
Cinnk 116/208
Cinnk
AlerteJInstaller: :Install: impossible de trouver un fichier d'initialisation XML Joomla!
Le pack de langue de JCE ne peut pas s'installer via la gestion des extensions de Joomla!. Vous allez donc devoir vous rendre dans Composants → JCE Editor → Install Add-ons :
Installeur de JCE
Ici, de la même manière que dans la gestion des extensions de Joomla!, vous retrouvez un installeur. Vous pouvez donc naviguer dans vos fichiers et dossiers, sélectionner le pack de langue, puis l'installer.
Note : bien qu'il soit beaucoup plus fréquent que les packs de langue des extensions tierces s'installent via la gestion des extensions de Joomla! (Extensions → Gestion des extensions → Installation), il n'existe pas de “Règle” pour les extensions dont les packs de langue s'installent via la gestion des extensions de Joomla!, ou via le propre installeur de l'extension. Vous devez donc prendre le temps de lire les documentations lorsque vous installez une nouvelle extension.
Community Builder est par exemple une autre extension dont le pack de langue ne peut s'installer que via l'installeur de l'extension.
Cinnk 117/208
Cinnk
Design et Template
52 - Comment bien choisir son template
On peut souvent lire que le template d'un site web Joomla! n'est que le “papier peint” du site, qu'il n'est pas très important et que vous pourrez le choisir rapidement à la fin de la mise en place de votre projet, et donc de la construction de votre site web.Cela est faux !Il y a bien longtemps que les sites web ne sont plus semblables les uns des autres. Il est fort probable que votre site web ne comporte pas seulement une zone de contenu et une barre latérale sur laquelle vous publierez vos modules. Vous allez certainement souhaiter ajouter une en-tête, un menu déroulant, un slideshow, un footer, etc.Et pour mettre tous ces éléments en place, le choix de votre template est primordial. Vous devrez donc prendre le temps de bien choisir et sélectionner ce template parmi les 10 000 templates existants, ou prendre le temps de correctement organiser ce template si vous souhaitez le construire vous même à partir de zéro.
Egalement, si vous souhaitez utiliser des extensions tierces (je pense notamment à l'utilisation de composants importants comme une boutique en ligne, un forum, un annuaire, etc.) il sera primordial de penser à l'avance l'intégration de ces extensions tierces.
53 - Pensez à l'optimisation
Lorsque vous choisissez un template pour votre site web, il est important de prendre le temps de penser à l'optimisation de ce site.En effet, certains templates vous proposent des affichages complets et originaux, mais il faut garder en tête que même si votre site est agréable visuellement, il doit aussi être chargé rapidement, cela pour le confort de vos utilisateurs, ainsi qu'optimisé pour son référencement auprès des moteurs de recherche.Avant d'opter pour tel ou tel template (et parfois de débourser quelques dizaines d'euro) prenez donc le temps de vous renseigner sur le template que vous avez choisi ou sur le fournisseur de ce template.Pour cela, vous pouvez demander l'avis de la communauté (par exemple en passant par les forums ou les réseaux sociaux) et vous pouvez également effectuer des tests (sur des outils comme Gtmetrix ou Pingdom) sur les démos que propose le fournisseur.Un test sur le site personnel de ce fournisseur (sur lequel il présente ses templates et démos) vous donnera également une idée de l'importance qu'il apporte à l'optimisation d'un site web.
Souvenez-vous qu'un pourcentage important d'internautes quitte une page qui ne se charge pas en moins de quelques secondes. Ce paramètre est d'autant plus important si vous construisez un site E-commerce, par exemple.
Cinnk 118/208
Cinnk
54 - Template commercial vs template gratuit vs template personnel
Lorsque vous devrez choisir et sélectionner le template de votre projet, vous aurez 3 possibilités :
Template personnel
Vous avez les compétences nécessaires (vous connaissez bien les langages HTML, CSS et PHP, par exemple) ? Vous aurez alors la possibilité de créer vous même votre propre template.Cela a pour avantage que vous pourrez définir et coder votre site web comme vous l'entendez, y compris si vous utilisez des extensions tierces.
Si vous connaissez ces différents langages, mais que vous n'êtes pas (encore) familier avec Joomla!, vous pouvez consulter ce tutoriel qui vous guidera pas à pas dans la réalisation du template de votre site web.
Si vous ne connaissez pas ces langages, vous pouvez vous tourner vers des logiciels vous permettant de réaliser votre template sans toucher une ligne de code. Voici 2 logiciels :
• Templates Creator CK : Ce logiciel est un composant Joomla!. Cela signifie que vous allez l'installer sur votre site (par exemple un site de test) puis que vous pourrez créer votre template très simplement. Une fois votre template créé, vous pourrez l'exporter, puis l'installer sur d'autres sites Joomla!.Vous retrouverez une introduction de ce composant dans cet article.
• Artisteer : Ce logiciel s'installe sur votre ordinateur. Vous allez donc créer votre template (et votre site Joomla!) sur votre ordinateur, puis vous pourrez ensuite l'envoyer en ligne.
Template gratuit
La communauté Joomla! propose de nombreux templates gratuits (Joomla! est lui-même installé avec 2 templates gratuits et entièrement responsive design) vous permettant de personnaliser facilement votre site web. Certains fournisseurs de templates commerciaux proposent régulièrement un template gratuit permettant de se faire une idée des autres templates.Si nous référençons plusieurs templates gratuits sur le site templates.CINNK.com, vous pouvez aussi consulter le site Joomlaos qui référence depuis plusieurs années tous les templates libres et gratuits pour Joomla!.
Template commercial
Cinnk 119/208
Cinnk
Si votre projet a besoin d'un design et de fonctionnalités soignées, vous préférerez sans doute vous tourner vers les templates commerciaux.Les templates commerciaux proposent des nombreux avantages comme par exemple :
• Des templates de qualité• Plusieurs styles de couleur ou de mise en page pour le même template• De nombreuses fonctionnalités, comme par exemple de nombreux paramètres
d'administration, permettant de réellement personnaliser le template sans toucher une ligne de code
• De nouveaux templates tous les mois• Un support vous permettant d'être assisté lors de la personnalisation de votre template• Etc
Vous trouverez plusieurs templates commerciaux de qualité sur templates.CINNK.com.
Avant de faire votre choix, prenez le temps de bien évaluer toutes les possibilités qui s'offrent à vous, le template (qui représente tout le graphisme de votre site et la première impression qu'auront les visiteurs de votre site) n'est pas une chose à prendre à la légère.
Cinnk 120/208
Cinnk
55 - Comment personnaliser un template
Il est fréquent qu'un template ne corresponde pas entièrement au projet que vous souhaitez réaliser. Par ailleurs, il est également possible que quelques temps après le lancement d'un site web, vous souhaitiez apporter des modifications à votre template pour finaliser votre site web (suite par exemple à des retours de la part de vos utilisateurs).
Note : pour apporter des modifications à votre template, vous devrez bien sûr avoir des connaissances suffisantes (en CSS par exemple) pour savoir ce que vous faites.
Identifier la modification
Pour commencer, vous allez devoir identifier le fichier et la ligne sur lesquels vous aller ensuite intervenir.
Pour cela, je vous conseille l'utilisation d'un des deux navigateurs suivants qui sont accessibles gratuitement et compatibles avec tous les systèmes d'exploitation :
• Firefox• Chrome
Si vous choisissez Firefox, vous devrez également installer un petit plugin : Firebug.Une fois ces navigateurs installés, vous devez simplement vous rendre sur la page que vous souhaitez modifier, puis faire un clic droit → Inspecter l'élément :
Inspecter l'élément avec Google Chrome
1 – Avec la loupe, vous pouvez sélectionner l'élément que vous souhaitez modifier.2 – Vous retrouvez le code de la page qui est générée3 – Vous retrouvez le CSS qui est utilisé sur cette page, avec la ligne et le fichier concerné tous deuxaffichés sur la droite..
Cinnk 121/208
Cinnk
Vous allez donc pouvoir modifier l'apparence de votre site web directement avec cette colonne de droite, puis une fois que vous aurez trouvé ce que vous souhaitez changer, vous n'aurez plus qu'à reporter ces modifications sur les fichiers appropriés.
Attention, en utilisant les inspecteurs d'éléments, vous ne modifiez pas votre site (sinon tout le monde pourrait le faire) !!Vous devez ensuite apporter les modifications sur les bons fichiers.
Apporter la modification
Une fois que vous avez identifié le fichier et la ligne que vous souhaitez modifier, vous allez donc éditer votre fichier. Pour cela, vous avez deux possibilités :
• Utiliser un client FTP pour télécharger le fichier sur votre ordinateur, ou même le modifier directement en ligne
• Editer le template via la gestion des templates (Extensions → Gestion des templates → votre template)
Edition du template Protostar via l'administration
Cinnk 122/208
Cinnk
Modifications et mises à jour
Lorsque vous apportez des modifications, il est important de savoir que si vous modifiez directement les fichiers core, les modifications que vous apportez seront supprimées à la première mise à jour.
Vous avez plusieurs possibilités :
• Noter ces modifications (noms des fichiers et lignes) puis re-modifier les fichiers après la mise à jour
• Utiliser les surcharges (cela permet de ne pas toucher les fichiers core)• Utiliser un fichier custom.css. Certains fournisseurs de templates proposent l'utilisation de
ce type de fichier. Vous allez écrire toutes les modifications que vous souhaitez apporter dans ce fichier, il sera chargé prioritairement (pour afficher les modifications) et surtout, il ne sera pas modifié lors des prochaines mises à jour.
Cinnk 123/208
Cinnk
56 - Comment assigner un template par défaut
Vous avez choisi un nouveau template et vous souhaitez l'utiliser sur l'ensemble de votre site.
Vous allez devoir définir ce template par défaut.
Après avoir installé le template (qui s'installe comme n'importe quelle extension), connectez-vous à l'administration de votre site et rendez-vous dans Extensions → Gestion des templates. Vous arrivez sur la page suivante :
Gestions des templates
Dans la colonne “Emplacement”, vous pouvez voir si les templates concernent le Site (ou Frontend) ou l'Administration (Backend).
Votre site utilise actuellement 2 templates :
1 – Le template Protostar est publié sur le Frontend.
2 – Le template Isis est publié sur le backend.
3 – L'étoile jaune montre que ces deux templates sont assignés par défaut
4 – Si vous souhaitez assigner le template Beez3 au Frontend, il suffit de cliquer sur l'étoile.
Cinnk 124/208
Cinnk
57 - Comment créer des surcharges
Problème : Affichage par défaut de Joomla!
Avez vous déjà ressenti le besoin de modifier des positionnements d'élément “par défaut” lorsque vous créez un site Joomla! ? Bien, vous n’êtes pas seul. Nous avons tous été confrontés à des éléments que nous ne pouvions pas déplacer, mais simplement modifier (comme par exemple l’apparence). Par exemple, que faire si vous souhaitez placer le titre en dessous de chaque article au lieu d'au dessus ? Ou encore, comment faire si vous souhaitez créer plus de div pour des modifications plus importantes ?
Solution : Les surcharges Joomla!
Voici ici une bonne nouvelle: Joomla! nous permet de créer des surcharges de templates, qui sont des modifications sur les composants ou modules Joomla!, qui peuvent être apportées à partir du template, et surtout sans toucher les fichiers core de Joomla!.
Identifier le composant
Premièrement, vous devez identifier le composant que vous souhaitez modifier, vous connaîtrez alors le fichier à surcharger.
Prenons l'exemple de placer le titre d'un article sous l'article lui-même.
C'est la manière dont Joomla! présente le blog par défaut (en utilisant les données d'exemple en blog et le template Protostar fourni avec Joomla 3) :
Cinnk 125/208
Cinnk
Blog avec Joomla 3 utilisant les données d'exemple par défaut
Pour identifier le composant, vous devez accéder à l'élément de menu de cette page, à partir de l'administration de votre site, et regarder quelle URL il a.
Identifier l'élément de menu
Quand vous entrez dans l'élément de menu lui-même, vous remarquerez qu'il a un lien qui apporte quelques informations sur le composant.
Cinnk 126/208
Cinnk
Identifier le lien dans l'élément de menu
Examinons le lien : index.php?option=com_content&view=category&layout=blog&id=9
File : index.php
Fait référence au point d'entrée de Joomla!, qui est commun à tous les composants.
Component : option=com_content
L'option paramètre dit que le composant utilisé est com_content, qui est le composant qui gère les catégories et articles du contenu Joomla!.
View : view=category
Cela signifie que le contenu du composant (qui a plusieurs vues) utilise une vue pour présenter une catégorie.
Layout : layout=blog
Il y a différents layouts disponibles pour la vue. Dans ce cas, c'est la présentation de la catégorie en utilisant un layout blog. Parfois, le layout n'est pas présent, et cela signifie que le layout par défaut est utilisé (appelé “default”).
Item : id=9
Enfin, cela signifie que l'ID de la catégorie est #9. C'est sans rapport avec la création des surcharges, alors que c'est une astuce très utile pour comprendre la structure de la base de données de Joomla!.
Cinnk 127/208
Cinnk
Identifier le fichier à surcharger
Indépendamment du composant, de la vue ou du layout, tout va se situer dans un fichier PHP à la structure particulière, une structure qui ne nous convient pas. Mais lorsque nous comprenons la structure actuelle, il est alors facile d'identifier ce que nous souhaitons changer.
Structure du composant Joomla! avec ses fichiers, identification du fichier blog.php
Si vous regardez l'installation de Joomla!, vous remarquerez que sous le dossier composant, vous avez le dossier “com_content” (que nous venons d'identifier), et ensuite vous avez le dossier “view”, avec le dossier “category” (avec la présentation de la vue catégorie). Ensuite, vous avez le dossier “tmpl” qui contient les layouts ; et enfin, vous avez le fichier blog.php, qui est le fichier que nous recherchons.
Cinnk 128/208
Cinnk
Layout avec plusieurs fichiers
Dans certains cas, le layout peut être une addition de vues. Par exemple, le blog est une addition de vues car il a le fichier principal pour la présentation du blog lui-même, mais également différents fichiers afin de présenter certaines parties individuellement, comme chaque article séparément. Vous remarquerez que ce layout a plus d'un fichier car il y a plusieurs fichiers php dans le dossier tmpl comme blog.php, blog_children.php, blog_item.php, et blog_links.php.
Maintenant, c'est le moment auquel nous avons besoin d'un peu de connaissance php, ou du moins d'une bonne logique. Nous souhaitons modifier chaque layout d'article dans le blog. Cela signifie que le fichier que nous devons modifier n'est pas blog.php mais le fichier qui présente chaque article.
Identification du fichier layout
A partir du code php, si vous n'en avez pas peur , vous pouvez voir qu'à chaque fois que php effectue un cycle pour présenter un article, il utilise le code echo $this->loadTemplate('item'); qui signifie qu'il utilise le fichier qui présente l'élément (article). Donc, le fichier que nous souhaitons modifier est blog_item.php.
Surcharger le fichier dans notre template
Maintenant que nous avons identifié le fichier (bien sûr, vous pouvez explorer d'avantage et faire des tests “echo” pour vous assurer que c'est le bon fichier), nous allons copier ce fichier dans notre template, en utilisant le dossier html et la même structure que celle présente dans le composant. Dans ce cas, ce sera : html/com_content/category/blog_item.php (notez que nous n'avons ici pas besoin des dossiers view et tmpl).
Cinnk 129/208
Cinnk
Fichier copié dans notre template
Maintenant le nouveau fichier est notre surcharge, car vous noterez que si vous effectuez des changements dans ce fichier, Joomla! préférera ce fichier à celui par défaut du composant. A partir d'ici, vous pouvez commencer vos changements.
Apporter des changements
Bien sûr, apporter des changements ici requiert quelques connaissances basiques en php, mais vous noterez que des changements simples sont également réalisables en appliquant une logique et en identifiant les balises utilisées dans le html généré par Joomla!.
Dans ce cas, le titre est une balise h2, qui vient avec un IF (car Joomla! vérifie si nous avons choisi d'afficher le titre ou si nous l'avons désactivé à partir de l'administration).
Cinnk 130/208
Cinnk
Identification du code que nous souhaitons modifier
Allons-y, et déplaçons le titre afin de le placer sous l'article (juste avant l'appel afterDisplayContent, qui est un déclencheur exécuté après le contenu, utile pour les plugins), et le code final ressemblera à ça :
Code modifié
Cinnk 131/208
Cinnk
Voilà ! Notre site ressemble à cela :
Nouvel affichage
Conclusion
Dans toutes les créations de templates et de sites web, les changements peuvent être apportés à presque tous les niveaux, spécialement lorsque vous personnalisez les composants et les modules. Même si cela nous oblige à faire des tests et à mettre les mains dans le cambouis, cela nous permet d'apporter presque n'importe quelle personnalisation à nos sites Joomla!.
NOTE : Cet article est une traduction de l'article de Joomlashack : Customize Your Joomla Templates by Learning Overrides.
Cinnk 132/208
Cinnk
58 - Comment utiliser plusieurs templates sur un site Joomla! (1 site Joomla!, différents templates)
Vous avez un site de récits de voyage dans les pays du monde et vous souhaitez afficher des templates différents selon les pages que visitent vos internautes. Par exemple, vous souhaitez avoir un template pour chaque continent.
Joomla! permet d'affecter un template à chaque élément de menu en particulier. Votre site comportera donc une navigation telle que celle-ci :
• Un menu principal comportant six éléments de menu (Accueil, Afrique, Amérique, Asie, Europe, Océanie).
• Cinq menus (un par continent) qui s'afficheront selon les pages concernées :
Afrique Amérique Asie Europe Océanie
Cameron
Niger
Soudan
Canada
Mexique
USA
Chine
Inde
Japon
Allemagne
France
Irlande
Australie
Fidji
Nouvelle-Zélande
Vous allez ensuite avoir besoin de 6 templates (1 pour votre page d'accueil, et 1 par continent). Une fois ces six templates installés (à installer comme n'importe quelle extension) sur votre site, connectez-vous à l'administration et rendez-vous dans Extensions → Gestion des templates. Vous obtenez la page suivante.
Gestion des templates
Cinnk 133/208
Cinnk
Bien sûr, le nom des templates peut être différent.
1 – Les quatre templates fournis avec Joomla!.
2 – Vos six templates.
Editez le template “Accueil”
Template accueil
• Dans l'onglet Détail, réglez le paramètre Défaut sur Tout.
• Dans l'onglet Affecter à un menu cochez simplement la case de l'élément de menu Accueil :
Cliquez ensuite sur le bouton Enregistrer & Fermer
Editez ensuite le template Afrique
Cinnk 134/208
Cinnk
Template Afrique
Dans l'onglet Affecter à un menu cochez :
• Menu principal : la case de l'élément de menu Afrique.
• Menu Afrique : Tous les éléments
Cliquez ensuite sur le bouton Enregistrer & Fermer
Editez ensuite le template Amérique
Dans l'onglet Affecter à un menu cochez :
• Menu principal : la case de l'élément de menu Amérique.
• Menu Amérique: Tous les éléments
Cliquez ensuite sur le bouton Enregistrer & Fermer
Faites ensuite de même pour les templates Asie, Europe et Océanie.
Désormais votre site affichera un template différent suivant les pages que visiteront vos utilisateurs.
Cinnk 135/208
Cinnk
59 - Comment afficher les positions d'un template
Afin d'organiser les différents modules publiés sur votre site, vous souhaitez connaître le nom et l'emplacement de toutes les positions de votre template.
Pour cela, connectez-vous à l'administration de votre site, en rendez-vous dans Extensions → Gestion des templates → Bouton Paramètres
La page suivante s'affiche :
Paramètres Templates
Activez simplement le paramètre Prévisualisez la position des modules puis cliquez sur le bouton Enregistrer & Fermer.
Rendez-vous ensuite sur le frontend de votre site, et ajoutez /?tp=1 à l'URL de votre site. La page suivante s'affiche, listant l'ensemble des positions de votre template :
Positions de modules
Cinnk 136/208
Cinnk
60 - Comment mettre en place un favicon pour votre site
Le favicon est une petite icône symbolisant votre site. C'est l'icône que vous voyez dans la barre d'adresse de votre navigateur. Par défaut, Joomla! possède ce favicon :
Favicon Joomla 3
Afin de personnaliser votre site, vous pouvez modifier ce favicon.
En utilisant un logiciel de retouche d'image (comme GIMP par exemple), vous devez créer une image de 16x16 pixels et afin que votre favicon soit supporté par tous les navigateurs, il doit porter l'extension .ico. Cette image portera donc le nom favicon.ico
Une fois cette image créée, placez-la simplement dans le dossier du template que vous utilisez sur votre site, par exemple templates/protostar (protostar est le template par défaut de Joomla 3.x).
Favicon template Protostar
Le favicon est placé à la racine de votre template, si votre site utilise plusieurs templates, vous pourrez donc utiliser plusieurs favicons. Si vous souhaitez utiliser le même favicon sur l'ensemble du site, vous devrez placer ce favicon dans tous les templates publiés sur le site.
Pour voir le changement apparaître sur votre site, vous devrez certainement vider le cache de votre navigateur et/ou celui de Joomla!.
Cinnk 137/208
Cinnk
61 - Où trouver des templates Joomla! de qualité gratuits et commerciaux
Lors de votre recherche de template Joomla!, vous pouvez rapidement vous perdre sur le web, et surtout, vous pouvez rapidement perdre beaucoup de temps.Indiquer un (ou plusieurs) sites référençant des templates est compliqué. En terme de design chacun a ses idées, et les goûts et les couleurs ne se partagent pas toujours.
Néanmoins, sachez que :
• Joomla! s'installe nativement avec deux templates Frontend de qualité, responsive design, qui sont facilement modifiables (en touchant le code) :◦ Protostar◦ Beez
• Le site Joomlaos référence les templates libres et gratuits pour Joomla!• Le site templates.CINNK.com référence des templates Joomla! (gratuits et commerciaux) de
qualité• Il existe de nombreux fournisseurs de templates commerciaux de qualité. Parmi eux :
◦ Yootheme◦ Rockettheme◦ Gavick◦ Crosstec◦ JoomlaXTC◦ Joomlabamboo◦ Etc
Cinnk 138/208
Cinnk
62 - Comment installer un pack quickstart
De nombreux fournisseurs de templates proposent en téléchargement :• Le template• Un pack quickstart
Qu'est-ce qu'un pack quickstart ? Un pack quickstart est un pack contenant :• Joomla!• Le template du fournisseur• Des extensions• La mise en page de la démo
Cela signifie qu'en installant un pack quickstart, vous aurez un site qui sera la copie conforme de la démo présentée par le fournisseur.
Contrairement à un template, ce pack quickstart n'est donc pas une extension Joomla!, vous ne pourrez donc pas l'installer comme une extension via la gestion d'extension de Joomla! ( Extensions→ Gestion des extensions → Installation) mais vous devrez l'installer comme vous installeriez Joomla!.Pour cela, vous allez donc créer un nouveau répertoire (à la racine de votre serveur local, par exemple, ou dans un sous répertoire de votre hébergement distant), puis vous allez vous rendre à l'adresse URL et suivre l'installation classique de Joomla!.
Lors du choix du type d'installation (où vous pouvez choisir d'installer des données d'exemple), vous aurez sans doute un choix supplémentaire, le choix de votre fournisseur :
Données d'exemple d'une installation d'un quickstart Yootheme
Cinnk 139/208
Cinnk
Ici, vous devez simplement choisir les données d'exemple du fournisseur de templates, puis finaliser normalement l'installation. Une fois cette installation terminée, vous obtiendrez donc la copie conforme de la démo présentée par le fournisseur, et vous pourrez donc vous aider de cette démo pour construire votre site web.
Démo d'un template Yootheme
Cinnk 140/208
Cinnk
63 - Comment afficher un site avec un template par défaut
Pour modifier le template affiché sur un site web, il est bien sûr possible d'accéder à la gestion des templates (Extensions → Gestion des templates) puis de sélectionner et d'assigner le template souhaité.
Mais parfois, vous pouvez souhaiter afficher rapidement une page avec un template natif de Joomla!.Par exemple, vous avez un problème sur un site, et vous souhaitez vérifier si le template est en cause (ou non).
Imaginons donc que la page que vous souhaitez afficher est accessible à l'adresse www.mon-site.com/categorie1/article1
Pour afficher cette page avec le template Protostar (le template natif par défaut de Joomla!), vous devez entrer cette adresse :www.mon-site.com/categorie1/article1/?template=protostar
Pour afficher cette page avec le template Beez (un autre template natif de Joomla!), vous devez entrer cette adresse :http://mtelsa-agri.com/index.php/elevateurs-a-godets/?template=beez
Et bien sûr, si vous avez d'autres templates sur votre site, il vous suffit d'entrer :/?template=nom-du-template à la suite de l'URL pour afficher le site avec le template de votre choix.
L'avantage de cette solution est qu'elle ne nécessite pas d'accès à l'administration, vous pouvez donc faire cela sur n'importe quel site web, à condition bien sûr que les templates natifs de Joomla! soient bien installés.
Cinnk 141/208
Cinnk
Référencement
Avoir un site web Joomla! qui fonctionne correctement, qui est agréable esthétiquement et agréable à la navigation est une bonne chose. Il est en effet important de penser au confort et à la sécurité de vos utilisateurs pour que ceux-ci prennent du plaisir à visiter ce site, et qu'ils aient envie de revenir par la suite.
Mais si votre site web n'est pas visible, qu'il n'est pas “trouvable” sur les pages de résultats des moteurs de recherche vous aurez du mal à trouver de nouveaux utilisateurs, ou de nouveaux clients potentiels.
En plus du bouche à oreille ou de la promotion que vous pouvez faire de ce site via des sites partenaires ou même les réseaux sociaux, il est important de prendre le temps de rendre votre site “référençable” par les moteurs de recherche.
Dans ce chapitre, nous allons voir plusieurs astuces qui vont vous permettre d'optimiser un site Joomla! pour les moteurs de recherche afin de bien le placer dans les pages de résultats de ces moteurs, appelées SERP (Search Engine Results Page ou page de résultats de moteur de recherche).
64 – Quand commencer à réfléchir au référencement d'un site
De la même manière que pour d'autres parties d'un site web (comme l'optimisation ou la sécurité par exemple), il est important d'organiser le référencement de votre site le plus tôt possible lors de sa création. De l'organisation de ce référencement va dépendre la rédaction de votre contenu, l'arborescence de ce contenu grâce aux catégories, la navigation de votre site grâce entre autre aux menus ou encore la construction des liens qui vont permettre aux visiteurs et aux moteurs de recherche de naviguer entre les articles.
Bien sûr, il est toujours possible de référencer un site web déjà existant, mais cela est plus compliqué et demande donc plus de travail.
Cinnk 142/208
Cinnk
65 – Comment analyser vos mots clés
Avant de penser directement au référencement proprement dit du site, il est important de clairement définir les mots clés sur lesquels vous souhaitez placer, référencer, le site.Vous devez donc premièrement faire une étude de ce qui est déjà existant sur le web. Pour cela, faites une liste des mots clés qui vous semblent importants pour votre site web. Ensuite vous allez analyser ces mots clé, certains déjà fortement utilisés par vos concurrents ou au contraire ceux à concurrence beaucoup plus faible.
De ce premier travail, vous pourrez tirer une nouvelle liste des mots clés sur lesquels vous souhaitez vous placer.
Référencer un site sur des mots clés très concurrentiels est possible, mais vous demandera beaucoup de temps et de travail. Au contraire, il sera plus simple de vous référencer sur des mots clés peu concurrentiels.Vous pouvez essayer d'être imaginatif, peut-être vos concurrents se focalisent sur certains mots clés et en oublient d'autres qui peuvent vous apporter un traffic non négligeable.
Pour dresser cette liste de mots clés, vous pouvez également vous aider de Google Adwords ou Google Tendance.
Cinnk 143/208
Cinnk
66 – L'importance du contenu de qualité, unique
Un des paramètres très important à prendre en compte lorsque vous souhaitez référencer correctement votre site web est le contenu, qui doit être de qualité, unique et mis à jour.
Du contenu de qualité
Aussi bien pour les moteurs de recherche que pour vos utilisateurs, créez du contenu de qualité. Il est inutile, voir pénalisant, de publier pour publier en oubliant la qualité. Réfléchissez aux mots et aux tournures de phrase que vous utilisez, prenez le temps de rédiger correctement ce contenu, faites-le relire, évitez les fautes, etc...Pensez également à conserver un ratio mots/images assez élevé, Google ne lit pas les images, mais le texte.
Du contenu unique
Créez vous même votre contenu, en utilisant vos mots et votre style. Sans parler de la question éthique d'aller voler du contenu sur d'autres sites, cela sera pénalisé par les moteurs de recherche.
Du contenu mis à jour
Les moteurs de recherche (et les utilisateurs) adorent le nouveau contenu. N'hésitez donc pas à actualiser les articles existants et à publier de nouveaux articles. Une très bonne idée est de réserver une place sur votre site où vous pouvez créer un blog sur lequel vous publiez régulièrement des articles.
Cinnk 144/208
Cinnk
67 - Comment rédiger le contenu d'un article pour l'optimiser pour les moteurs de recherche
Lorsque vous saisissez votre contenu, par exemple à travers un article ou la description d'une catégorie, vous allez devoir l'organiser afin de l'optimiser pour les moteurs de recherche. Cela signifie que vous allez devoir dire à ces moteurs de recherche "ceci est un titre important", "cette partie est un paragraphe", "ceci est un titre moins important", etc...
Pour cela, vous allez pouvoir utiliser différentes balises HTML comme les différentes balises <hn>, par exemple :
Code HTML d'un article Joomla!
Les balises <hn> vont de la balise <h1>, la plus importante, à la balise <h6>, la moins importante. Sous Joomla!, grâce à votre éditeur de texte, vous pouvez facilement mettre en place ces balises :
Cinnk 145/208
Cinnk
Balises HTML avec Tiny MCE
Attention, vous ne devez avoir qu'une seule balise <h1> par page. Suivant le type d'affichage que vous utilisez avec Joomla!, la balise <h1> peut être générée automatiquement et vous pouvez vous retrouver avec plusieurs balises <h1>, ou avec aucune.Tous les templates n'ont pas les mêmes comportements. Pensez à vérifier votre code.
Cinnk 146/208
Cinnk
68 - Comment optimiser un lien et organiser le maillage interne
Maillage interne
Le liens dirigeant d'une page vers une autre, nous parlons bien des liens qui sont placés dans le contenu de vos articles (par exemple) et non des différents menus de navigation, représentent le maillage interne de votre site web.
Pour que vos utilisateurs puissent naviguer, mais également et surtout pour que les navigateurs puissent indexer votre site et donner du poids à vos pages, vous devez construire soigneusement des liens (placés dans les corps des articles) dirigeant d'une page vers une autre.
Prenez donc le temps de rechercher des mots placés dans vos articles qui peuvent devenir des liens dirigeant visiteurs et moteurs de recherche vers d'autres pages qui sont bien sûr en relation avec le futur lien.
Le nombre de liens doit être suffisant, sans bien sûr tomber dans la sur-optimisation.
Optimiser les ancres
L'ancre d'un lien est le mot (ou l'ensemble de mots) sur lequel est placé le lien, sur lequel l'utilisateur clique pour accéder à la page liée. Pour qu'un lien ait de l'importance, il faut le placer sur un mot (ou un groupe de mot) en relation avec la page vers laquelle on souhaite diriger. Exemple dans le cas d'un site web qui vend des livres :
• Pour consulter notre dernier livre sur le jardinage, cliquez-ici.• N'hésitez pas à consulter notre dernier livre sur le jardinage.
Le deuxième lien donnera plus d'importance à la page liée sur l'expression "livre sur le jardinage" que le premier lien.
Optimiser le title des liens
Un lien peut également comporter une partie title qui va donner une information sur la page vers laquelle il dirige. Ce title sera utile aux personnes mal-voyantes, ainsi qu'aux moteurs de recherche. Pensez donc à l'utiliser correctement, grâce à votre éditeur de texte.
Cinnk 147/208
Cinnk
69 - Comment optimiser une image
Google ne peut pas lire les images. C'est donc à vous de lui donner un maximum d'informations sur ces images.
Titre des images
Pour commencer, choisissez des titres d'images concrets. Dans l'exemple où vous souhaiteriez afficher une image d'un livre sur le jardinage, évitez les titres comme image1.jpg ou zheof46ffzf8.png mais, choisissez plutôt un titre comme livre-jardinage.jpg.
Texte alternatif
La fonction première du texte alternatif est d'être affiché si l'image n'a pas pu être chargée. Il sert également aux personnes mal-voyantes. Les moteurs de recherche prennent en considération cette balise alt-text, pensez donc bien à l'utiliser grâce à votre éditeur de texte.
Title
Un élément title, qui donne de nouveau une information au moteur de recherche, peut également être utilisé pour vos images, pensez donc à l'utiliser grâce à votre éditeur de texte.
Note : avec l'éditeur JCE, vous pouvez facilement et rapidement mettre en place les différentes balises vous permettant d'optimiser vos images.
Cinnk 148/208
Cinnk
70 - Comment régler les balises <title>
La balise <title> est l'une des balises les plus importantes pour plusieurs points :
• Elle est importante du point de vue des moteurs de recherche.• Elle donne le nom à l'onglet du navigateur.• Elle est affichée dans les SERP (Search Engine Results Page ou page de résultats de moteur
de recherche)
Balise <title>
Lorsque vous construisez votre site web, vous devez donc porter une attention particulière à la façon dont vont être crées ces balises <title>.
Joomla! génère la création de ces balises <title> selon deux cas :
• Dans les paramètres de l'élément de menu lorsqu'un article est directement lié à un élément de menu
• Dans le titre de l'article lorsqu'il n'est pas directement lié à un élément de menu
Réfléchissez donc correctement lorsque vous créerez votre contenu en gardant en tête la manière dont ce contenu sera affiché sur le Frontend.
Par ailleurs, vous devez vous souvenir que ces balises <title> ne doivent pas excéder 65-70 caractères (espaces compris).Souvenez-vous par exemple qu'une partie de ces caractères peut déjà être utilisée si vous avez réglé l'affichage du nom du site dans les paramètres Généraux (Site → Configuration → Paramètres SEO).
Cinnk 149/208
Cinnk
71 - Comment régler les balises <h1>
Toutes les pages d'un site web doivent avoir une balise <h1> comme titre principal (petit rappel : nous ne parlons pas ici de la balise <title>), mais jamais plus d'une.Cela donne souvent des maux de tête aux administrateurs de sites Joomla!, car la manière dont les <h1> sont générées est quelque peu étrange, et cela quelque soit le type de page. Le problème est qu'une balise <h1> n'est pas toujours générée, certaines pages ont seulement une balise <h2> :
Titre <h2> sur Joomla!
En fait, cela peut être le cas de beaucoup de vos pages, donc vous devez modifier cela. Comment cela arrive, et comment le modifier dépend un peu de vos paramétrages. Grossièrement, nous avons 2 situations :
Articles affichés en blog / liste / articles en vedette
Dans cette situation nous avons une balise <h2> comme titre de l'article et nous pouvons seulement modifier cela depuis le Gestionnaire d'Articles :
Cliquez sur le bouton Paramètres en haut à droite de votre écran. Cela vous permet de régler les paramètres globaux au niveau de l'affichage de vos articles. Ici, réglez le paramètre Titre de l'article sur Masquer :
Paramètre d'affichage du titre de l'article
Cinnk 150/208
Cinnk
Désormais, le titre de l'article ne sera plus affiché, et vous n'aurez aucun titre, ce qui est bien sûr encore pire, mais ce sera facilement corrigé en entrant le titre dans la fenêtre de l'éditeur, dans le contenu :
Edition d'un article Joomla!
Désormais vous pouvez régler votre titre comme vous le souhaitez et créer votre <h1> ! Problème réglé. C'est un travail supplémentaire mais qui ne devrait pas vous poser de problème, notamment pour les petits sites. En outre, c'est très simple à mettre en place pour les administrateurs Joomla! non expérimentés.
Eléments de menu directement liés à des articles
Si vous utilisez toujours les réglages par défaut de Joomla!, cette situation vous donnera une balise <h1> avec l'élément de menu. Comme l'élément de menu sera généralement court (quelque chose comme Accueil ou Contact), vous aurez une balise <h1> automatiquement générée, mais elle sera très courte. Deuxièmement, une balise <h2> avec le titre de l'article sera également présente sur la page, directement après la balise <h1>, donc deux titres l'un après l'autre.
Il existe plusieurs solutions pour cette situation :
• Utilisez la procédure expliquée précédemment, avec Titre de l'article réglé sur Masquer et Afficher l'en-tête de page réglé sur Non (dans l'élément de menu).
• Surchargez le titre actuel dans l'onglet Paramètres d'affichage de la page de l'élément de menu, réglez Afficher l'en-tête de page sur Oui et entrez ce que vous souhaitez dans En-tête de page. Cela affichera désormais un titre <h1>.
Il existe probablement d'autres façons d'arriver à un résultat similaire avec les paramètres de l'article et de l'élément de menu, cela dépend de votre niveau de créativité, ainsi que de votre connaissance de Joomla!. Le problème réside dans le fait que toutes les méthodes demandent une intervention manuelle et une configuration supplémentaire. Peut-être avez-vous un site très conséquent et donc besoin d'une solution se passant de toutes ces options ?
Cinnk 151/208
Cinnk
Surcharges de Template
Une autre solution souvent utilisée est de créer une surcharge de template. Alors que généralement les surcharges de template sont réservées aux utilisateurs plus expérimentés, c'est probablement la surcharge la plus simple que vous pouvez imaginer. De plus, créer des surcharges de template avec Joomla 3 s'est vraiment simplifié, alors pourquoi ne pas y jeter un œil :
Allez dans Extensions → Gestion des Templates → Templates et sélectionnez le template que vous utilisez. Rendez-vous ensuite dans l'onglet Créer des substitutions, cliquez sur com_content (les options cachées sont désormais affichées) et cliquez sur Article. Notez que ce ne sera pas possible si une surcharge a déjà été créée plus tôt.
Une fenêtre s'ouvre avec un éditeur de code. Maintenant, recherchez la partie suivante vers la ligne 28 :
<div class="page-header"> <h2> <?php echo $this->escape($this->params->get('page_heading')); ?> </h2></div>
Vous remarquerez la balise <h2>. Si vous remplacez la balise ouvrante et fermante avec un <h1> vos titres seront désormais affichés correctement.
Notez que vous pouvez arriver au même résultat avec Joomla 2.5 (qui est également possible avec Joomla 3) en copiant le fichier default.php situé dans components\com_content\views\article\tmpl dans templates\VOTRE_TEMPLATE\html\com_content\article (Si besoin, créez les dossiers html et com_content dans le répertoire de votre template) puis apportez les mêmes changements ici. Si vous faites une erreur et que vous devez revenir en arrière, supprimez simplement le fichier default.php dans le dossier html\com_content\article (aussi bien pour Joomla 2.5 que 3).
Cinnk 152/208
Cinnk
72 - Comment activer la ré-écriture d'URL
Un des paramètres à prendre en compte pour optimiser votre site Joomla! pour les moteurs de recherche est la ré-écriture d'URL.
Cela est très simple à mettre en place, voyons comment faire :
Lorsque la ré-écriture d'URL n'est pas activée sur votre site Joomla!, vos URLs ressemblent à cela :
www.nom-du-site/index.php/index.php?option=com_content&view=article&id=12
Cela n'est pas très beau, et ne donne surtout aucune indication aux moteurs de recherche sur le contenu de la page.
Pour activer la ré-écriture d'URLs, nous avons besoin d'effectuer 2 tâches.
Activer les paramètres SEO de la configuration générale
Pour cela, connectez-vous à l'administration de votre site, puis rendez-vous dans Système → Configuration :
Paramètres SEO Joomla!
Dans la partie Paramètres SEO, vous devez régler les deux premiers paramètres sur Oui.
Cinnk 153/208
Cinnk
Renommer le fichier htaccess
En vous connectant par FTP à la racine de votre site Joomla!, vous trouverez un fichier nommé "htaccess.txt". Pour que la ré-écriture d'URLs fonctionne vous devez renommer ce fichier en ".htaccess" (avec un "." devant, 2 "c" et 2 "s").
C'est tout ! Désormais, en naviguant sur votre site, vous devriez voir des URLs beaucoup plus lisibles pour vous et donc pour les moteurs de recherche.
Attention, certains hébergeurs imposent des règles spéciales à intégrer au fichier .htaccess.
Cinnk 154/208
Cinnk
73 - Avec ou sans www
Si vous souhaitez optimiser le SEO de votre site Joomla! afin de bien vous placer sur les pages de résultats des moteurs de recherche, vous connaissez certainement le terme Duplicate Content.
Le Duplicate content est le fait de pouvoir accéder à une page de votre site via plusieurs URLs différentes et cela est peu apprécié par les moteurs de recherche.Dans ce tutoriel, nous allons voir comment diviser par deux le Duplicate Content de votre site, et cela très facilement.La majorité des sites web est accessible via deux URLs :
• www.mon-site.com• mon-site.com
Pour les visiteurs, aucune importance, cela revient exactement au même, la majorité ne le sait même pas. Pour les moteurs de recherche par contre, cela est ennuyeux. Si votre site est accessible avec et sans les www, cela signifie que TOUTES les pages de votre site sont dupliquées.
Modification du fichier htaccess de Joomla!
Heureusement, il y a un moyen très simple de corriger cela grâce au fichier htaccess.En vous connectant via FTP à la racine de votre site, vous trouverez un fichier htaccess sous deux formes possibles :
• htaccess.txt (cela signifie que vous n'avez jamais touché à ce fichier)• .htaccess (cela signifie que vous avez déjà renommé ce fichier pour différentes raisons)
Dans les deux cas, vous allez devoir éditer ce fichier et ajouter les lignes suivantes
Pour forcer l'affichage avec www
RewriteEngine OnRewriteCond %{HTTP_HOST} !^www.RewriteRule ^(.*)$ http://www.%{HTTP_HOST}/$1 [R=301,L]
Pour forcer l'affichage sans www
RewriteEngine OnRewriteCond %{HTTP_HOST} ^www.(.)$RewriteRule ^(.)$ http://%1/$1 [R=301,L]
Une fois que vous avez inséré un des deux codes, vous devez renommer votre fichier htaccess en ".htaccess" (avec un "." devant, 2 "c" et 2 "s").
Vous n'avez plus qu'à retourner sur votre site et à actualiser la page.
Cinnk 155/208
Cinnk
74 - Comment régler une page d'erreur 404
Afin de rediriger les visiteurs de votre site qui recherchent des pages qui n'existent pas ou plus sur votre site, il est possible de personnaliser la page d'erreur qu'obtiennent ces visiteurs.
Personnaliser cette page a plusieurs avantages :
• Vos visiteurs ne se sentent pas perdus, ils restent sur une "apparence normale" de votre site.• Vous pouvez les rediriger en leur proposant des liens de redirection, comme un lien vers la
page d'accueil.• Les moteurs de recherche ne vous pénalisent pas puisque vous proposez du contenu sur ces
pages.
Il existe plusieurs solutions pour faire cela :
Afficher un article
Pour commencer, nous allons créer un article à afficher à la place de cette page d'erreur.
Pour cela, connectez-vous à votre administration, puis rendez-vous dans le gestionnaire de contenu et créez ce nouvel article.Dans cet article, vous pouvez entrer du texte comme par exemple celui-ci :
Oups, il semblerait que la page que vous recherchiez n'existe pas !Grace à ce lien, vous pouvez retourner sur la page d'accueil.
Afin que cette page ne soit pas trop vide, vous pouvez sans problème y ajouter d'autres liens (vers d'autres parties de votre site) ainsi qu'une image. Cet article du Joomla! Community Magazine donne quelques exemples.
Une fois cet article réalisé, nous pourrions choisir de n'afficher que celui-ci. Pour cela, il suffirait d'ajouter le code suivant au fichier error.php de votre template :
defined( '_JEXEC' ) or die( 'Restricted access' );jimport('joomla.application.component.controller');$controller = new JController();$controller->setRedirect('index.php?option=com_content&view=article&id=100');$controller->redirect();
Ce code permet d'appeler l'article lorsqu'une erreur 404 est rencontrée. Bien sûr, dans la partie index.php?option=com_content&view=article&id=100, vous devez remplacer le nombre 100 par l'ID de votre article. Vous pouvez retrouver cet ID dans le gestionnaire d'articles (dernière colonne de droite). Mais nous allons aller un peu plus loin, afin d'obtenir plus de possibilités.
Cinnk 156/208
Cinnk
Afficher un élément de menu
Afin de pouvoir contrôler exactement ce que nous souhaitons afficher sur cette page d'erreur personnalisée, nous allons afficher un élément de menu, ou plutôt, nous allons afficher l'article que nous venons de créer via un élément de menu.
Pour cela, rendez-vous dans le gestionnaire de menu, puis créez un nouveau menu. Puisque ce menu ne sera pas affiché sur le site, vous pouvez par exemple le nommer "menu fantôme", ou "menu caché".
Une fois ce menu créé, créez un nouvel élément de menu (dans ce menu). Choisissez le type article, et allez sélectionner l'article que vous venez de créer.
Ensuite, donnez un nom à cet élément de menu (comme par exemple erreur 404), puis enregistrez.
Une fois l'élément de menu enregistré, récupérez l'alias de cet élément de menu (dans le cas où vous avez choisi "erreur 404" comme titre, l'alias devrait être "erreur-404).
Une fois que vous avez récupéré cet alias, éditez le fichier error.php de votre template grâce à un éditeur de texte. Si votre site est en ligne, vous aurez besoin d'un client FTP pour transférer ce fichier en local pour le modifier.
Si vous utilisez le template Protostar, ce fichier est placé dans le répertoire templates/protostar
Une fois ce fichier édité, ajoutez le code suivant :
defined('_JEXEC') or die;if (($this->error->getCode()) == '404') {header('Location: /erreur-404');exit;}
NOTE : si votre alias d'élément de menu n'est pas erreur-404, vous devez bien sûr adapter le code.
Une fois ce fichier modifié, enregistrez-le, puis replacez-le dans le répertoire de votre template.
Voilà, c'est terminé ! Vous pouvez tester l'affichage de cette page en saisissant une mauvaise URL (après le "/" de votre nom de domaine).
Le principal avantage d'afficher votre article via un élément de menu est que désormais, vous pouvez décider d'afficher ce que vous souhaitez sur cette page. Vous pouvez par exemple afficher un menu de navigation, un module de contact, ou encore un module affichant les derniers articles publiés sur votre site.
Cinnk 157/208
Cinnk
75 - Comment créer un site map
Pour faciliter l'indexation de votre site par les moteurs de recherche, il est conseillé de leur proposer un sitemap.
Vous pourriez très simplement faire cela à la main, mais avec Joomla! une solution vous permet de faire cela très facilement
Xmap
Xmap est une extension qui vous permet de créer très facilement le sitemap de votre site.
Installation de Xmap
Une fois l'extension installée, vous pouvez y accéder en vous rendant dans Composants → Xmap. Une fois dans l'administration du composant, cliquez sur nouveau, vous arrivez sur cette page :
Cinnk 158/208
Cinnk
Nouveau Sitemap
1 – Vous pouvez donner un titre à votre sitemap2 – Réglez son statut sur publié3 – Vous pouvez choisir les menus à intégrer ou non, puis régler leur ordre d'affichage4 – Vous retrouvez diverses options comme l'affichage des textes d'introduction ou les titres de menu
Une fois que tout est bon, vous pouvez cliquer sur Enregistrer & Fermer.
Sitemap créé
Vous pouvez désormais vous rendre dans le menu de votre choix (en général un menu publié discrètement en pied de page) et créer un nouvel élément de menu de type Xmap en sélectionnant votre nouveau sitemap.
Vous pouvez également, et cela est important, cliquer sur le bouton XML Sitemap pour obtenir l'adresse URL que vous pourrez soumettre aux moteurs de recherche (par exemple dans Google Webmasters Tools).
Cinnk 159/208
Cinnk
76 - Comment créer une redirection (composant J! + htaccess)
Comment créer une redirection (composant J! + htaccess)
Vous pouvez parfois avoir besoin de déplacer un article, une page ou même vous pouvez avoir besoin de modifier la structure d'un menu. Cela signifie que vous allez donc certainement modifier l'URL de la page en question et que l'ancienne URL affichera une erreur 404.Il n'est pas bon d'avoir des erreurs 404 sur votre site pour 2 raisons :
• Les visiteurs qui ont enregistré cette URL ne pourront plus accéder à l'article• Les moteurs de recherche qui ont référencé la page vont tomber sur cette erreur et vont
pénaliser votre site
Pour remédier à cela, vous allez donc créer une redirection et Joomla! vous propose deux possibilités :
Redirection par htaccess
Normalement (par exemple si vous avez activé la ré-écriture d'URL, par exemple) vous avez un fichier à la racine de votre site nommé .htaccess. Si vous n'avez pas ce fichier, vous pouvez en créer un, ou renommer le fichier htaccess.txt (fourni nativement avec Joomla!) en .htaccess.
Editez donc ce fichier, puis créez votre redirection de la manière suivante :
RedirectPermanent /ancienne-url http://www.nom-de-domaine.com/nouvelle-url
Enregistrez ensuite votre fichier, puis vérifiez que tout est bon en vous rendant sur votre site puis en essayant d'accéder à l'ancienne URL. Si tout fonctionne, vous serez alors redirigé vers la nouvelle URL
Redirection avec le composant natif de Joomla!
Le composant Redirection est une fonctionnalité très pratique de Joomla!. Ce composant référence les pages d'erreur 404 présentes sur votre site et vous permet de rediriger les visiteurs qui tombent sur ces pages d'erreur vers les nouveaux emplacements de vos contenus.A chaque fois qu'une erreur 404 va être affichée sur votre site, Joomla! va créer une nouvelle redirection. Vous n'aurez plus qu'à éditer cette redirection, renseigner une nouvelle URL puis activer cette redirection.Pour accéder au composant de redirection, rendez-vous dans Composants → Redirection.
Cinnk 160/208
Cinnk
Composant de Redirection
La page suivante s'affiche :
1 - Retrouvez ici toutes vos redirections. Lorsque Joomla! référence une nouvelle page d'erreur, il crée une redirection. Celle-ci est désactivée par défaut. Vous avez accès à l'URL obsolète, la nouvelle URL (vers laquelle sont redirigés les visiteurs), la page de référence (la page de provenance de vos visiteurs avant qu'ils accèdent à votre page d'erreur), la date de création et un ID.2 - La barre d'outils vous permettant de créer, activer, modifier, désactiver, et placer dans la corbeille... vos redirections.3 - Des filtres vous permettant de rechercher une redirection en particulier.4 - La notification vous informant sur le statut du plugin de redirection. Ce plugin, qui est activé par défaut, doit bien sûr être activé pour que le composant de redirection fonctionne correctement.Pour activer une redirection que Joomla! a référencée, éditez-la, vous arrivez sur cette page :
Edition d'une Redirection
Cinnk 161/208
Cinnk
1 - Vous retrouvez l'URL de la page d'erreur.2 - Entrez l'URL de la page vers laquelle vous souhaitez rediriger.3 - N'oubliez pas d'activer cette redirection.
Puis cliquez sur le bouton Enregistrer & Fermer.Votre redirection est désormais active, les visiteurs accédant à votre ancienne URL (celle de la page d'erreur) sont désormais redirigés vers la nouvelle page, et cela sans s'en rendre compte.
Cinnk 162/208
Cinnk
77 - Comment activer Google Analytics
Si vous souhaitez avoir des données sur le trafic de votre site pour pouvoir les interpréter (par exemple pour connaitre la provenance de vos visiteurs, pour connaitre les pages qu'ils visitent le plus, ou encore le temps qu'ils passent sur votre site lors d'une visite), une solution sera d'utiliser Google Analytics.
Pour cela, vous devez bien sûr vous créer un compte puis entrer votre site sur Google Analytics.Une fois que vous aurez fait cela, vous obtiendrez un code de suivi qu'il vous faudra donc intégrer à votre site. Pour cela, vous avez trois possibilités
Fichier index.php
La première des solutions est de coller ce code de suivi directement dans le fichier index.php de votre template. Pour cela, éditez donc ce template, puis collez le code juste avant la balise fermante </body>
Attention, certains templates (venant de fournisseurs de templates) ne comportent pas de balise <body>, vous devrez donc utiliser une des solutions ci-dessous.
Dans les paramètres du template
Certains fournisseurs de templates proposent un paramètre pour intégrer ce code directement dans les paramètres du template. Vous devez donc simplement coller votre code de suivi dans ce paramètre.Note : seule une partie de ce code est nécessaire ici. Cette partie ressemble à cela : UA-19013582-8
Une fois que vous avez entré ce code, vous n'avez qu'à enregistrer les paramètres de votre template.
Avec l'extension BigShot
La troisième solution pour insérer ce code de suivi est l'utilisation de l'extension BigShot. Vous pouvez facilement installer cette extension via l'administration de votre site Joomla! (Extensions → Gestion des extensions).
Une fois l'installation effectuée, vous devez vous rendre dans Extensions → Gestion des Plugins puis éditer le plugin BigShot. Vous avez simplement à entrer votre code, puis à enregistrer le plugin.
Cinnk 163/208
Cinnk
Optimisation et Performance
78 - Optimiser ses images
Les images sont souvent responsables de plus de KiloBites que le reste de vos pages web, elles doivent donc être optimisées.
Egalement très important, assurez-vous de les utiliser correctement dimensionnées. Si vous chargez une image de 1 000px et que vous la redimensionnez à 500px avec votre éditeur, c'est l'image de 1 000px qui sera chargée. Elle pèsera donc inutilement le double de poids que nécessaire.
Par ailleurs, vous pouvez réduire davantage la taille de vos images en utilisant des outils de compression qui suppriment les données inutiles dont vous ignorez en général l'existence et qui utilisent beaucoup de place.
Même si vous utilisez la bonne procédure avec Photoshop ou GIMP pour enregistrer vos images en utilisant la fonctionnalité "Enregistrer pour le Web et les périphériques", un .png peut encore perdre 75% de sa taille sans être affecté visuellement. Les outils qui peuvent vous aider sont :
• TinyPNG.com : seulement pour les .png, mais vraiment de qualité pour ce format.• Smush.it• Si vous devez souvent compresser des images, vous pouvez regarder des solutions hors-
ligne comme PNGGauntlet (png) et RIOT (jpg)
Cinnk 164/208
Cinnk
79 - Comment optimiser le temps de chargement par fichier htaccess
Savez-vous que vous pouvez réduire considérablement la taille et augmenter la vitesse de votre site web simplement en utilisant un fichier .htaccess ? Compression automatique des ressources, ETags et Expires Headers sont souvent des éléments négligés, qui peuvent grandement améliorer les performances de votre site web. Cet article va tenter d'expliquer dans un langage "non-geek" ce qu'ils sont, ce qu'ils font, et comment les utiliser sur votre propre site web.
Pour illustrer les avantages, j'ai effectué de nombreux tests en utilisant 2 templates (venant de fournisseurs de templates connus et réputés) et le template natif de Joomla!, Atomic, et mesuré les résultats avec un outil très pratique de GTMetrix. Chacune des trois installations a été chargée avec les données d'exemple du fournisseur. Plusieurs tests ont été effectués afin de quantifier les avantages de l'utilisation d'un htaccess afin d'améliorer les performances du site, mais également sa sécurité. Les démos de templates des fournisseurs chargent significativement plus de données d'exemple et d'images que le template natif de Joomla! et comparer Atomic aux templates commerciaux n'est pas "Apples to apples", cependant, les résultats sont toujours intéressants.
1 - Le test d'"AVANT" (BEFORE) est notre test indicatif qui permet de mesurer les performances "out of the box" (avant d'apporter les modifications) et a été effectué avec seulement deux ajustements mineurs pour chacune des démos : en renommant le fichier htaccess.txt, natif de Joomla!, en .htaccess et en activant la ré-écriture d'URL dans la configuration générale du site. Les résultats que vous pouvez voir dans le tableau ci-dessous sont assez pauvres.
2 - Les résultats d'"APRES" (AFTER) montrent une énorme amélioration de la taille des pages, du temps de chargement ainsi que de la vitesse du site. Ce test a été effectué après avoir remplacé le fichier .htaccess natif de Joomla! par un fichier beaucoup plus lourd, aussi bien littéralement que métaphoriquement. Le fichier original pesait 4KB et le .htaccess Master pèse 24KB avec les commentaires. Aucune extension ou plugin n'a été ajouté et la compression gzip ou le cache n'ont pas été activés. Les résultats montrent une amélioration de 46% sur le test Page Speed Grade pour Atomic, 34% pour Voxel et 26% pour Steam.
3 - Le test "W/GZIP" a été effectué après avoir activé la compression native de Joomla! ainsi que le cache, 2 paramètres placés dans la configuration générale du site. Le plugin "Système - Cache" a également été activé. Il n'y a presque aucun changement mesurable et j'ai été assez surpris par ce résultat.
4 - Le dernier test "JCH" est le résultat de l'installation du plugin JCH Optimize qui améliore légèrement les templates venant des fournisseurs, mais qui nous donne un "A" pour Yslow Grad pour le template Atomic. Impressionnant !
Cinnk 165/208
Cinnk
Tous les tests ont été effectués sur le même Virtual Private Server à moins d'une minute d'intervalle
Comment fait-on ? c'est à partir d'ici que l'article se complique un peu. Vous devez lire TOUS les commentaires et prendre les décisions pour vos besoins spécifiques. Procédez avec prudence au delà de cet endroit, il y a des dragons !
Il existe de nombreux articles traitant de la sécurité des sites par l'utilisation d'un htaccess ainsi que deux extensions aeSecure de Christophe Avonture et Admin Tools d'Akeeba Backup, cependant, nous allons nous concentrer essentiellement sur la performance. Dans le code suivant, vous trouverez de nombreux commentaires expliquant ce que chaque élément peut apporter à votre site. Les fonctionnalités primaires de ce fichier qui vont accélérer votre site sont Etags (Entity Tags), Expires Headers, et automatic compression of ressources.
1 - Etags dit aux caches du navigateur que si une image est l'une de celles qu'il a déjà vues précédemment, il n'a pas besoin de la charger de nouveau.
2 - Expires headers est similaire à Etags mais peut avoir des dates d'expiration différentes par type de fichier. Nous disons au navigateur que le fichier doit être rafraîchi tous les x jours/semaines/mois.
3 - AddOutputFilterByType DEFLATE "minimise" le code source de votre fichier HTML compilé en supprimant les lignes et espaces inutiles. Le template Steam de YooTheme a été réduit de 383 lignes à seulement 5.
########## Begin - ETag Optimization## This rule will create an ETag for files based only on the modification## timestamp and their size. This works wonders if you are using rsync'ed
Cinnk 166/208
Cinnk
## servers, where the inode number of identical files differs.## Note: It may cause problems on your server and you may need to remove itFileETag MTime Size########## End - ETag Optimization########## Begin - Automatic compression of resources# Compress text, html, javascript, css, xml, kudos to Komra.de# May kill access to your site for old versions of Internet Explorer# The server needs to be compiled with mod_deflate otherwise it will send HTTP 500 Error.# mod_deflate is not available on Apache 1.x series. Can only be used with Apache 2.x server.# AddOutputFilterByType is now deprecated by Apache. Use mod_filter in the future.AddOutputFilterByType DEFLATE text/plain text/html text/xml text/css application/xml application/xhtml+xml application/rss+xml application/javascript application/x-javascript########## Begin - Optimal default expiration time## Note: this might cause problems and you might have to comment it out by## placing a hash in front of this section's lines
# Enable expiration controlExpiresActive On
# Default expiration: 1 hour after requestExpiresDefault "now plus 1 hour"
# CSS and JS expiration: 1 week after requestExpiresByType text/css "now plus 1 week"ExpiresByType application/javascript "now plus 1 week"ExpiresByType application/x-javascript "now plus 1 week"
# Image files expiration: 1 month after requestExpiresByType image/bmp "now plus 1 month"ExpiresByType image/gif "now plus 1 month"ExpiresByType image/jpeg "now plus 1 month"ExpiresByType image/jp2 "now plus 1 month"ExpiresByType image/pipeg "now plus 1 month"ExpiresByType image/png "now plus 1 month"ExpiresByType image/svg+xml "now plus 1 month"ExpiresByType image/tiff "now plus 1 month"ExpiresByType image/vnd.microsoft.icon "now plus 1 month"ExpiresByType image/x-icon "now plus 1 month"ExpiresByType image/ico "now plus 1 month"ExpiresByType image/icon "now plus 1 month"ExpiresByType text/ico "now plus 1 month"ExpiresByType application/ico "now plus 1 month"ExpiresByType image/vnd.wap.wbmp "now plus 1 month"ExpiresByType application/vnd.wap.wbxml "now plus 1 month"ExpiresByType application/smil "now plus 1 month"
# Audio files expiration: 1 month after request
Cinnk 167/208
Cinnk
ExpiresByType audio/basic "now plus 1 month"ExpiresByType audio/mid "now plus 1 month"ExpiresByType audio/midi "now plus 1 month"ExpiresByType audio/mpeg "now plus 1 month"ExpiresByType audio/x-aiff "now plus 1 month"ExpiresByType audio/x-mpegurl "now plus 1 month"ExpiresByType audio/x-pn-realaudio "now plus 1 month"ExpiresByType audio/x-wav "now plus 1 month"
# Movie files expiration: 1 month after requestExpiresByType application/x-shockwave-flash "now plus 1 month"ExpiresByType x-world/x-vrml "now plus 1 month"ExpiresByType video/x-msvideo "now plus 1 month"ExpiresByType video/mpeg "now plus 1 month"ExpiresByType video/mp4 "now plus 1 month"ExpiresByType video/quicktime "now plus 1 month"ExpiresByType video/x-la-asf "now plus 1 month"ExpiresByType video/x-ms-asf "now plus 1 month"
########## End - Optimal expiration time
Trucs & Astuces
Tous les serveurs ne sont pas construits de la même manière. Les réglages par défaut d'un serveur varient d'un hébergeur à l'autre, et cela signifie que certains paramètres de ce htaccess peuvent produire des erreurs 500 Internal Server Errors. Le meilleur moyen de définir exactement la cause de l'erreur est de supprimer un morceau du code, envoyer, puis tester le site. Si l'erreur persiste, replacez le premier morceau de code, puis supprimez-en un autre, puis répétez l'opération. Il est pratique de noter le numéro des lignes jusqu'à trouver le coupable.
Si vous trouvez que certains fichiers css ou javascript ne sont pas optimisés proprement, utilisez un outil comme Firebug ou l'inspecteur d'élément de Chrome afin d'afficher les erreurs rapportées. Les erreurs 403 Forbidden signifient typiquement que vous avez bloqué l'accès à un type de fichier ou de dossier. Regardez le chemin du fichier dans l'erreur puis créez un RewriteRule pour permettre l'accès à ce dossier comme le montrent les exemples ci-dessous. Cela a été mon expérience avec les templates de RocketTheme qui ont besoin d'accéder au dossier "fots". Les templates YooTheme et/ou Widjetkit et/ou Zoo ont besoin d'accéder à leurs dossiers de cache respectifs.
RewriteRule ^templates\/your_template_folder/ - [L]## I found this necessary for @fontface fontsRewriteRule ^templates\/your_template_folder\/fonts/ - [L]##Yoo Themes Widgetkit and Zoo will not display css styles or images correctly if the cache folder access is blockedRewriteRule ^cache\/widgetkit/ - [L]RewriteRule ^cache\/com_zoo/ - [L]RewriteRule ^cache\/com_templates/ - [L]
Cinnk 168/208
Cinnk
RewriteRule ^cache\/template/ - [L]RewriteRule ^cache\/plg_jch_optimize/ - [L]
Un article fantastique par Jeff Star de Perishable Press qui s'appelle Stupid htaccess Tricks fournit une documentation complète du code et des fonctions.
Disclaimer
Ce n'est en aucun cas un tutoriel complet, et le htaccess n'est pas destiné à être appliqué tel quel à votre site Joomla! en lieu et place du fichier natif sans avoir préalablement modifié le code afin de l'adapter à votre site et à votre serveur. Une bonne connaissance du code de ce htaccess est requise ou vous allez certainement casser (temporairement) votre site. Essayez-le sur un serveur préalablement, et souvenez-vous, toujours, toujours faire une sauvegarde AVANT.
Note : cet article est une traduction de l'article .htaccess File That FREAKIN Works!
Cinnk 169/208
Cinnk
80 - Comment paramétrer un CDN
Vous êtes-vous déjà demandé pourquoi les pages des sites importants se chargeaient aussi rapidement ? C'est parce que ces sites possèdent des serveurs de qualité utilisant un Content Delivery Network (CDN). J'en utilise sur la plupart de mes sites et je vais vous expliquer ce qu'est un CDN, comment ça fonctionne, et comment vous pouvez en ajouter un pour votre site web Joomla!.
Qu'est-ce qu'un CDN ?
Un Content Delivery Network ou CDN est un système de serveurs localisés de partout dans le monde qui servent des images, du CSS, du Javascript ainsi que d'autres fichiers à vos visiteurs. L'avantage d'un CDN est que le visiteur télécharge les fichiers à partir de l’emplacement CDN le plus proche physiquement. En réduisant la distance physique entre un visiteur et les fichiers web, les pages web se chargent plus rapidement et les visiteurs sont plus contents !
Il y a de nombreux types de CDN. Certains sont spécialisés dans les images et les sites statiques, et d'autres dans l'audio et les vidéos. Un CDN Push nécessite que vous initiez le transfert de fichier. Un CDN Pull transfert automatiquement les fichiers du serveur web vers le CDN. La plupart des solutions sont payantes, il y en a quelques unes gratuites, le tout rendra le chargement de vos pages plus rapide.
Avantages
Les pages se chargent rapidement pour un meilleur confort des utilisateurs.Réduit la bande passante du serveur.Réduit le chargement du serveur.
Inconvénients
Ajoute de la complexité aux réglages et paramètres de votre site.Peut causer des affichages d'erreurs pour les utilisateurs dont le système serait mal configuré.
Comment fonctionne un CDN ?
Pour mieux comprendre comment opère un CDN regardons étape par étape comment un navigateur effectue les requêtes et affiche une page web. Avec et sans l'utilisation d'un CDN.Pour cet exemple, disons que :
• L'utilisateur final est en Allemagne• Le serveur web est au Texas• La localisation CDN la plus proche de l'utilisateur final est en France
Cinnk 170/208
Cinnk
Site Web sans CDN
Site joomla! sans CDN
• 1. Le navigateur se connecte sur le serveur web du Texas et demande le code HTML• 2. Le serveur web du Texas envoie le HTML au navigateur• 3. Le navigateur demande les images/CSS/Javascript au serveur du Texas• 4. Le serveur du Texas envoie les images/CSS/Javascript au navigateur
Site Web avec CDN
Site Joomla! avec CDN
• 1. Le navigateur se connecte au serveur de Texas et demande le HTML• 2. Le serveur web du Texas envoie le HTML au navigateur• 3. Le navigateur demande les images/CSS/Javascript au CDN français• 4. Le CDN français envoie les images/CSS/Javascript au navigateur
A partir de ces deux exemples, vous pouvez voir comment la combinaison site web/CDN a une distance plus courte à parcourir pour parvenir à l'utilisateur final et ainsi afficher la page web plus rapidement.
Cinnk 171/208
Cinnk
Comment ajouter un CDN à votre site web Joomla!
Il y a deux principaux types de CDN pour les contenus statiques, Push et Pull. En fonction des paramétrages de votre site, une de ces deux solutions sera meilleure que l'autre. Un CDN Pull demande moins de paramétrages initiaux ainsi que de maintenance et est la meilleure des solutions pour la majorité des sites Joomla!. Nous allons travailler avec un CDN Pull.
Pour commencer, créez un compte chez un fournisseur CDN et réglez vos redirections DNS. Votre fournisseur CDN vous fournira des instructions. Vous allez faire pointer cdn.votredomaine.com sur votre compte CDN.
Maintenant que votre compte CDN et que vos DNS sont configurés, il est temps de déplacer vos images de www.votre-domaine.com vers cdn.votre-domaine.com. Un moyen de faire cela est de changer manuellement toutes les adresses URLs de vos images mais cela représente beaucoup de travail et n'est donc pas une solution à long terme. Une meilleure solution est d'utiliser un plugin CDN Joomla!.
Ces plugins modifient automatiquement les liens de tous les images/CSS/JS de www.votre-domaine.com vers cdn.votre-domaine.com. Les meilleurs d'entre eux vous permettent de spécifier quels types de fichiers doivent être réécrits à partir de quel CDN, cela vous permettant d'utiliser plusieurs CDN. En utilisant un plugin CDN, vous pouvez facilement activer ou désactiver le CDN.
Les plugins CDN pour Joomla! sont publiés dans la catégorie suivante du JED.
Les trois extensions les plus populaires sont :
CDN for Joomla par No Number. Versions gratuite et commerciale pour Joomla 3.0 / 2.5jomCDN par Core PHP. Version commerciale pour Joomla 3.0 / 2.5JA Amazon S3 par Joomlart. Version commerciale pour Joomla 3.0 / 2.5Pour plus d'informations, vous pouvez consulter la page Joomla CDN Extension comparison.
Cinnk 172/208
Cinnk
Vivre avec un CDN
Ok, avoir un site attaché à un CDN ajoute des complexités. La chose la plus importante est de se souvenir que les Images/CSS/JS viennent du CDN et non de votre serveur.
Lorsque vous mettez votre site à jour et que les changements n'apparaissent pas, souvenez-vous que le CDN est activé. Je trouve toujours qu'il est préférable de le désactiver. Désactiver le CDN supprime toutes les complications. N'oubliez pas de le réactiver une fois vos changements effectués.
Une autre solution est de vous connecter sur le panneau de contrôle de votre CDN et de purger le cache, une copie fraiche de vos fichiers va alors rejoindre le CDN et apparaître sur le navigateur.
Conclusion
J'espère que vous avez trouvé cette explication sur le Content Delivery Networks utile. L'utilisation d'un CDN requiert des configurations et des frais supplémentaires mais les avantages en valent la peine. Et surtout si vous avez des visiteurs venant des quatre coins du monde.
Note : cet article est une traduction de l'article CDNs for Joomla - A Beginners Guide, écrit par Steven Johnson.
Cinnk 173/208
Cinnk
81 - Comment mesurer les performances d'un site
Avant de vous lancer dans l'optimisation de votre site web, il important (primordial) de faire un état des lieux de l'existant.Vous allez en fait effectuer un test de départ sur lequel vous pourrez baser votre travail dans le but de rendre ce site plus rapide.
Il existe de nombreux sites permettant de faire des audits de performance, en voici trois, performants et gratuits :
• Gtmetrix• Pingdom• Dareboost
En faisant des tests avec ces trois outils, vous allez pouvoir identifier et corriger les erreurs de votre site web, comme par exemple :
• Identifier les images non-optimisées• Identifier les extensions “gourmandes” en ressources• Optimiser vos fichiers CSS ou Javascript• Analyser le temps de chargement d'une page (par exemple en activant/désactivant une
extension dans le but de mesurer son impact)• Mesurer le nombre de requêtes nécessaires pour l'affichage d'une page• Placer votre site par rapport aux sites déjà testés sur l'outil (avec Pingdom)• Identifier les éléments les plus lourds à charger (pour concentrer vos efforts sur ces
éléments, ou tout simplement pour les supprimer)• Etc
Important : Il est possible que les résultats des tests menés avec ces trois outils varient selon l'heure ou l'endroit où vous effectuez ces tests, et cela sans que vous n'apportiez aucune modification. Il est donc important de vérifier chaque test et de comparer les résultats sur la longueur.
Note : Chaque outil cité ci-dessus propose une version gratuite et une version commerciale.
Cinnk 174/208
Cinnk
82 - Eviter les sites trop compliqués en gardant un site agréable
Lorsque vous travaillez sur l'optimisation de votre site Joomla!, il est important de remettre en question l'ensemble des éléments qui occupent vos pages, et pas seulement vos articles ou leurs contenus.Vous devez prendre en considération chaque fonctionnalité, chaque module, chaque plugin.
Lorsque vous ajoutez une nouvelle fonctionnalité, vous devez vous poser la question de son réel intérêt pour votre site et pour vos visiteurs. Cette nouvelle fonctionnalité va apporter un plus pour votre site, mais quelles ressources va-t-elle consommer ?Souvenez vous, par exemple, qu'un module Facebook a besoin de deux requêtes par image affichée (en plus d'autres ressources). Ce module Facebook est-il vraiment indispensable sur votre site ? S'il est indispensable, l'est-il sur toutes les pages, par exemple sur les pages de contact ou sur les pages sur lesquelles vous vendez un produit et qui doivent s'afficher rapidement pour éviter que l'utilisateur fasse demi-tour ?
A l'inverse, vous devez bien sûr proposer un site agréable à vos visiteurs, et un site entièrement blanc, sans fonctionnalités ni images ne sera pas agréable.
Les fait que les pages se chargent rapidement est un confort parmi d'autres sur votre site web, c'est à vous de trouver le juste milieu pour proposer un site suffisamment rapide, mais également intuitif et agréable à visiter.
Cinnk 175/208
Cinnk
Gestion des utilisateurs
83 - Bien comprendre le système ACL
Avant de vous lancer dans le paramétrage de votre site, il est primordial que vous preniez le temps de bien comprendre comment fonctionne les droits et accès de Joomla!. Ce système ACL permet réellement de paramétrer précisément les droits et accès de chaque utilisateur (organisé par groupes d'utilisateurs). Vous allez pouvoir paramétrer très précisément ce que chacun va pouvoir voir et faire sur le site.
Mais vous ne parviendrez à rien de stable sans savoir exactement ce que vous faites lorsque vous modifiez les paramètres !
Aux mieux, vous obtiendrez des problèmes, au pire vous bloquerez l'accès à l'administration à tous les utilisateurs, super utilisateurs compris.
Pour prendre en main ce système ACL, vous pouvez (devez) consulter la traduction de la documentation officielle de Joomla! disponible ici : Tutoriel ACL Joomla!.
84 - Bien définir le rôle de chaque utilisateur
Une fois que vous aurez bien pris connaissance du système ACL de Joomla! (dans l'idéal vous aurez également effectué quelques tests sur votre site de tests) vous allez pouvoir commencer à organiser votre projet.
Pour cela, prenez un papier et un crayon puis écrivez ce que chaque utilisateur devra être en mesure de faire sur le site.
A partir de cette liste, vous pourrez ensuite :
• Créer vos groupes d'utilisateurs• Donner les bons droits à ces groupes d'utilisateurs• Créer vos niveaux d'accès (l'utilisateur ne peut pas faire une action s'il ne peut pas accéder à
la partie du site lui permettant de réaliser cette action)• Assigner des groupes d'utilisateurs et des niveaux d'accès• Et enfin créer vos utilisateurs en les assignant aux bons groupes
Cinnk 176/208
Cinnk
85 - Limiter les arborescences
Lors de la création de vos groupes d'utilisateurs, vous serez peut-être tenté de créer une arborescence profonde (avec de nombreux groupes parents et enfants) de vos groupes d'utilisateurs.Même si cela peut vous sembler être une bonne idée pour gagner du temps, sachez que cela est à éviter à tout prix.
Lorsque vous devrez revenir dans cette gestion des utilisateurs (par exemple pour modifier le droit d'un groupe ou ajouter un nouveau groupe), il sera compliqué de bien vous souvenir de ce que vous avez déjà paramétré, peut-être il y a plusieurs mois ou semaines.
Puisque les droits s'héritent entre groupe parents et enfants, ne cherchez pas à les imbriquer plus qu'il ne faut, mais préférez plutôt créer un groupe parent pour chaque besoin.
86 - Faire des sauvegardes avant de modifier les ACLs de Joomla!
Même si vous pensez avoir bien compris le système ACL de Joomla!, pensez bien à faire une sauvegarde complète de votre site (par exemple en utilisant Akeeba Backup) avant d'apporter vos modifications.
Souvenez-vous qu'en modifiant le système ACL, vous pouvez retirer tous les accès aux utilisateurs, y compris au groupe des super utilisateurs.Dans le cas où vous supprimeriez ces accès, même en pouvant vous connecter à l'administration (le super utilisateur a tous les droits), vous ne pourriez rien faire si vous n'avez pas les accès aux différentes parties de cette administration.
Dans ce cas là, vous n'avez que deux solutions :
• Réparer l'erreur via phpMyAdmin – Long et compliqué
• Remonter une sauvegarde saine – Simple et rapide (surtout avec Akeeba Backup et Akeeba Kickstart)
Cinnk 177/208
Cinnk
87 - Sensibiliser les utilisateurs à leur “responsabilité”
Les utilisateurs qui vont participer sur votre site n'ont certainement pas la même expérience et connaissance de Joomla! que vous même.C'est donc à vous, et aux autres potentiels administrateurs plus expérimentés de les sensibiliser et les former à votre site et à ses fonctionnalités.
Pour cela, n'hésitez pas à leur parler de sécurité, et à leur écrire des tutoriels leur expliquant les actions qu'ils doivent effectuer.
Un forum interne au site (créé par exemple avec Kunena), qui peut comporter une partie privée, peut par exemple leur permettre de poser des questions, auxquelles vous devrez répondre, sur les problèmes qu'ils rencontreront.
88 - Inviter les utilisateurs Backend à utiliser l'identification en deux étapes
Dans un monde idéal, il ne devrait y avoir qu'un utilisateur pouvant accéder au Backend du site : le super utilisateur, c'est-à-dire vous.
Pour certaines raisons, comme la création de contenu, la maintenance du site, ou encore l'exécution de tâches particulières, il est possible que vous ayez besoin de donner accès à l'administration à d'autres utilisateurs.
Le système ACL de Joomla! permet de faire cela assez facilement, mais souvenez-vous que vous devez avoir une entière confiance envers les utilisateurs qui auront accès à ce Backend.
Par ailleurs, toujours pour éviter des problèmes de sécurité, encouragez ces utilisateurs à utiliser l'authentification en deux étapes.
Joomla! propose désormais 2 plugins (via Yubikey et via Google Authenticator) pour mettre en place cette double authentification.
Cela est simple à mettre en place, simple à utiliser pour vos administrateurs, gratuit (avec Google Authenticator) et accroît grandement la sécurité des comptes utilisant cette double authentification.
Cinnk 178/208
Cinnk
89 - Comment permettre aux utilisateurs d'écrire des articles via le Frontend
Vous souhaitez que vos utilisateurs (une fois enregistrés sur le site) puissent proposer des articles qui devront être validés par un administrateur avant d'être publiés sur le site.
Grâce aux systèmes de droits et accès (ACL) de Joomla!, cela est assez simple à réaliser.
Modifier le groupe des inscrits
Sur une installation nouvelle de Joomla!, lorsque les utilisateurs s'inscrivent, ils sont attribués au groupe Enregistré, cela ne leur permet pas d'écrire des articles.Pour modifier ce paramètre, connectez-vous à l'administration de votre site, et rendez-vous dans Utilisateurs → Gestion des utilisateurs puis cliquez sur le bouton Paramètres, la page suivante s'affiche :
Gestion des utilisateurs
1 – Réglez le paramètre “Groupe des inscrits” sur le groupe Auteur.
Désormais, n'importe quel utilisateur s'inscrivant sur le site (et confirmant son installation) est habilité à écrire un article sur le site.
Cinnk 179/208
Cinnk
Création d'un menu pour les auteurs
Mais cette habilitation ne suffit pas, ces Auteurs vont également avoir besoin d'un menu pour pouvoir accéder à la création d'articles.Pour cela, rendez-vous dans Menus → Gestion des Menus → Bouton Nouveau, la page suivante s'affiche :
Nouveau menu
1 – Donnez un nom à votre menu (par exemple menu Auteur).2 – Donnez un type à votre menu.
Cliquez ensuite sur Enregistrer & Fermer
Rendez-vous ensuite dans Menu → Auteur → Bouton Nouveau, la page suivante s'affiche :
Nouvel élément de menu
Cinnk 180/208
Cinnk
1 – Choisissez “Créer un article”.2 – Donnez un nom à votre élément de menu.3 – Réglez l'accès sur “Enregistré”.
Cliquez ensuite sur Enregistrer & Fermer
Rendez-vous ensuite dans Extensions → Gestion des modules → Bouton NouveauSélectionnez le type Menu, la page suivante s'affiche :
Nouveau module
1 – Réglez le statut sur Publié.2 – Donnez un titre au module.3 – Donnez-lui une position.4 – Réglez l'accès sur Enregistré.5 – Dans l'onglet Paramètres de base, champ Menu à afficher, choisissez le menu Auteur que nous venons de créer.
Cliquez ensuite sur Enregistrer & Fermer
Rendez-vous ensuite sur le Frontend de votre site.Sans être connecté : Vous ne voyez pas le menu et son élément de menuEn étant connecté : Le menu “Auteur” et son élément de menu “Proposer un article“ s'affiche. En cliquant sur cet élément de menu, vous êtes redirigé vers un formulaire d'édition d'article.
Cinnk 181/208
Cinnk
Désormais, les utilisateurs qui s'inscrivent sur votre site peuvent proposer des articles. Ces articles ne seront pas publiés, un administrateur devra le faire.
Par défaut, le groupe auteur peut modifier ces articles une fois qu'il sont publiés. Si vous souhaitez éviter cela, vous devez aller dans Système → Configuration → Droits → Auteur et réglez l'action Modifier ses éléments sur Hérité.
Cinnk 182/208
Cinnk
90 - Comment donner tous les droits dans le gestionnaire d'articles à un groupe d'utilisateurs
Dans ce chapitre, nous souhaitons créer un groupe appelé “Gestionnaire d'articles” avec les droits en Backend seulement pour les articles et non pas pour toutes les autres options de menu Backend. Les membres de ce groupe seront capables d'utiliser toutes les fonctionnalités du gestionnaire d'articles, incluant les droits sur les paramètres des articles.
Créez un nouveau groupe appelé Gestionnaire d'articles et faites-en un enfant du groupe Public comme cela :
Nouveau groupe
Parce qu’il est un enfant du groupe Public, il n'a aucun droit par défaut.
Dans Utilisateurs → Niveau d'Accès, éditez le Niveau d'Accès Spécial et ajoutez le nouveau groupe. De cette manière, les membres du nouveau groupe peuvent accéder aux menus et modules du Backend (cela sous-entend que les modules du menu administrateur et les quickicons sont assignés au Niveau d'Accès Spécial, qui est le réglage par défaut).
Cinnk 183/208
Cinnk
Assigner au Niveau d'Accès Spécial
Par défaut, les éléments de menu ainsi que les modules Backend sont réglés sur Accès Spécial, donc si vous oubliez d'ajouter le nouveau groupe au Niveau d'Accès Spécial, vous ne verrez aucun module ou élément de menu lorsque vous serez connecté en tant qu'utilisateur de ce groupe.
Dans Site → Configuration → Droits, cliquez sur le groupe Gestionnaire d'articles et changez les droits afin d'autoriser les actions suivantes : Connexion à l'administration, Créer, Supprimer, Modifier, Modifier le statut et Modifier ses éléments. L'écran suivant affiche les réglages avant l'enregistrement.
Cinnk 184/208
Cinnk
Avant enregistrement
Après l'enregistrement, la colonne Droits appliqués devrait ressembler à ceci :
Après enregistrement
Notez que les droits pour Accès à l'administration sont hérités, ce qui veut dire qu'ils sont Non-autorisés. Ceci est important. Cela signifie que ce groupe sera simplement capable d’accéder aux composants si nous lui donnons les droits Autorisé pour Accès à l'administration de ce composant. Nous avons donc simplement à modifier le composant auquel nous souhaitons donner accès, et non-pas à modifier tous les réglages des composants auxquels nous ne souhaitons pas donner accès. Si
Cinnk 185/208
Cinnk
nous avons le cas où nous souhaitons donner à un groupe l'accès à tout sauf à un composant, nous pouvons régler Autorisé par défaut et ensuite régler le composant souhaité sur Refusé. Notez également que nous ne donnons pas au groupe le Droit Connexion au site, donc les utilisateurs de ce groupe ne pourront pas se connecter au Frontend du site. (Si nous souhaitons changer cela, nous devons simplement changer le droit Connexion au site à Autorisé).
Dans le Gestionnaire d'articles → Paramètres → Droits, pour ce groupe, réglez sur Autorisé l'action Accès à l'administration comme montré sur cet écran :
Paramètres articles
Tous les autres droits désirés sont hérités.C'est tout ce que nous devons faire. Les membres de ce groupe peuvent se connecter au Backend du site et faire ce qu'ils veulent dans le gestionnaire d'articles mais ne peuvent rien faire d'autre dans ce Backend. Par exemple, l'écran suivant montre ce qu'un membre du groupe Gestionnaire d'articles verra s'il se connecte au Backend :
Backend Gestionnaire d'articles
Cinnk 186/208
Cinnk
91 - Comment permettre à certains utilisateurs d’accéder au site hors ligne
Vous avez mis votre site hors-ligne, et vous souhaitez qu'une personne (un client pour qui vous êtes en train de réaliser le site) ou plusieurs, puisse accéder au site (pour voir l'avancement) sans pour autant qu'il puisse accéder à l'administration du site.
Grace au système ACL (Accès Control List) de Joomla!, nous allons créer un groupe d'utilisateurs ayant accès au site hors-ligne, et seulement à ça.
Pour cela, connectez-vous à l'administration de votre site, et rendez-vous dans Utilisateurs → Groupe et cliquez sur le bouton Nouveau,, la page suivante s'affiche :
Nouveau groupe d'utilisateurs
1 – Entrez un nom pour le groupe (pour l'exemple, nous prendrons client).2 – Laissez réglé sur PublicPuis cliquez sur Enregistrer & Fermer
Rendez-vous ensuite dans Système → Configuration → Droits → Onglet Client
Cinnk 187/208
Cinnk
Droits des groupes
Ici, vous devez simplement régler le droit Accès site hors-ligne sur Autorisé. Cliquez ensuite sur le bouton Enregistrer & Fermer
Votre nouveau groupe, ayant accès au site hors ligne, et seulement à ça, est désormais fonctionnel. Il ne vous reste plus qu'à créer un nouvel utilisateur (Utilisateurs → Gestion des utilisateurs → Nouveau) et à l'attribuer au groupe Client.
Cinnk 188/208
Cinnk
92 - Comment donner à un utilisateur l'accès à seulement certaines parties du Backend
Pour certaines raisons, vous souhaitez restreindre l'accès d'un utilisateur à un seul composant de votre administration.Nous allons prendre l'exemple d'un compte utilisateur qui pourrait s'occuper de faire les sauvegardes du site avec l'extension Akeeba Backup.L'utilisateur pourrait donc se connecter au Backend du site, faire ce qu'il veut dans l'extension Akeeba Backup, mais seulement dans cette extension.
Réglage des niveaux d'accès
Pour commencer, nous allons donner les accès nécessaires au groupe d'utilisateurs.
Pour commencer, rendez-vous dans Utilisateurs → Gestion des Groupes , puis créez un nouveau groupe (enfant du groupe Public), que vous pouvez par exemple nommer Akeeba :
Nouveau groupe d'utilisateurs Joomla!
Ensuite, rendez-vous dans Utilisateurs → Gestion des niveaux d'accès, puis éditez le niveau d'accèsSpécial, pour attribuer ce niveau au Groupe Akeeba :
Cinnk 189/208
Cinnk
Edition du niveau d'accès spécial
Nous avons donc fini avec le paramétrage des niveaux d'accès.
Réglage des droits
Nous allons maintenant donner des droits à notre groupe d'utilisateurs.
Pour cela, rendez-vous dans la Configuration générale du site → Onglet Droits :
Droits dans la configuration générale
Cinnk 190/208
Cinnk
Pour le groupe Akeeba réglez le droit Connexion à l'administration sur Autorisé.
Si vous créez un compte utilisateur et que vous l'assignez au groupe Akeeba, vous pourrez accéder à l'administration.... mais vous ne pourrez rien faire :
Administration Joomla!
Ensuite, rendez-vous dans Composants → Akeeba Backup, puis cliquez sur le bouton Paramètres (1) :
Akeeba Backup
La fenêtre suivante s'affiche :
Paramètres Akeeba Backup
Cinnk 191/208
Cinnk
Ici, vous devez régler tous les paramètres du groupe Akeeba sur Autorisé.
Désormais, si vous vous connectez à l'administration de votre site web (avec le compte Akeeba) vous aurez l'onglet composant qui vous permettra d'accéder à Akeeba Backup (et seulement à Akeeba Backup) et vous pourrez tout faire dans ce composant :
Administration Akeeba Backup
Comme vous le voyez, cela n'est pas compliqué à mettre en place. Vous pouvez donc faire cela pour l'ensemble des composants natifs de Joomla!, ainsi que pour toutes les extensions tierces qui respectent ce système ACL.Vous pouvez donc créer des groupes ayant accès à un seul ou plusieurs composants.
Cinnk 192/208
Cinnk
93 - Comment créer une page accessible seulement aux utilisateurs enregistrés
Sur votre site, vous souhaitez donner accès à une page aux utilisateurs lorsqu'ils sont connectés. Ces utilisateurs se sont donc inscrits, ils ont validé leur compte et sont désormais connectés sur le site.
Pour créer cette page, nous allons commencer par créer un article. Rendez- donc dans Contenu → Gestion des articles puis cliquez sur le bouton Nouveau.Ici, vous allez pouvoir écrire votre article, puis vous devrez régler le niveau d'accès de cet article surEnregistré :
Edition d'article Joomla!
Vous pouvez ensuite enregistrer votre article.
Ensuite, rendez-vous dans Menus → Le menu de votre choix, puis cliquez sur le bouton Nouveau :
Nouvel élément de menu
Cinnk 193/208
Cinnk
1 – Vous devez entrer un titre2 – Vous devez régler le type de l'élément de menu sur Article3 – Vous devez sélectionner l'article que vous venez de créer4 – Vous devez Sélectionner le niveau d'accès Enregistré
Votre élément de menu ne sera donc affiché que si l'utilisateur est connecté, et votre article accessible que lorsque l'utilisateur est connecté.
Si vous souhaitez afficher le module qui affiche ce menu seulement lorsque l'utilisateur est connecté, il suffit ben sûr d'éditer ce module, puis de régler son niveau d'accès sur Enregistré.
Cinnk 194/208
Cinnk
94 - Comment créer des dossiers personnalisés avec JCE
L'éditeur JCE permet de simplement créer des dossiers personnalisés pour vos utilisateurs. Par exemple, vous pouvez faire en sorte que lorsqu'un utilisateur écrit un article et souhaite ajouter une image, il ne puisse accéder qu'à son dossier, et non à l'intégralité des images stockées sur votre site.Par ailleurs seul cet utilisateur pourra accéder à ce fichier, les autres utilisateurs ne le pourront, sauf bien sûr le super utilisateur qui a accès à tout.
Voyons comment faire cela.Rendez-vous dans Composants → JCE → Gestion des profils utilisateurs, puis cliquez sur le bouton Nouveau.Dans l'onglet détail, vous devez donner un groupe à votre profil, puis sélectionner le groupe ou les utilisateurs à qui ce profil sera attribué.Dans l'onglet Barre d'outils, vous pouvez paramétrer la barre d'outils de votre profil en y ajoutant/supprimant des fonctionnalités.Ensuite, vous devez sauvegarder (mais pas fermer) votre profil.Une fois ce profil sauvegardé, vous pouvez accéder à l'onglet Paramètres des plugins → Gestionnaire d'images.
Paramètres des plugins JCE
Ici, dans le champ Chemin du répertoire principal, vous allez pouvoir personnaliser les dossiers auxquels auront accès vos utilisateurs, par exemple :
• $id : JCE va créer un répertoire avec l'id de l'utilisateur. L'utilisateur n'aura accès qu'à ce répertoire
• $username : JCE va créer un répertoire avec l'identifiant de l'utilisateur. L'utilisateur n'aura accès qu'à ce répertoire
• $profile : JCE va créer un répertoire avec le nom d'utilisateur de l'utilisateur. L'utilisateur n'aura accès qu'à ce répertoire
• EtcVous pouvez donc très simplement personnaliser ces dossiers, et donc gérer qui a accès à quoi dans vos images.
Cinnk 195/208
Cinnk
95 - Comment afficher un module visible seulement pour les utilisateurs connectés
Avec le système ACL de Joomla!, il est très simple d'afficher et de masquer des éléments (comme par exemple des modules) selon si les utilisateurs sont connectés, ou déconnectés.
Pour notre exemple, nous allons choisir d'afficher un module seulement lorsque les utilisateurs sont connectés.Cela peut être utile par exemple pour afficher un message de bienvenue.
Cela est très simple, rendez-vous simplement dans le gestionnaire de modules (Extensions → Gestion des modules) puis éditez le module de votre choix :
Edition module Joomla!
Ici, vous devez simplement régler le niveau d'accès du module sur Enregistré.
De cette manière, le module ne s'affichera que lorsque les utilisateurs seront connectés sur le site.
Cinnk 196/208
Cinnk
96 - Comment afficher un module visible seulement par les utilisateurs non-connectés
Avec le système ACL de Joomla!, il est très simple d'afficher et de masquer des éléments (comme par exemple des modules) selon si les utilisateurs sont connectés, ou déconnectés.
Pour notre exemple, nous allons choisir d'afficher un module seulement lorsque les utilisateurs ne sont pas connectés au site. Ce module ne sera donc plus affiché dès que ces utilisateurs se connecteront.Cela peut être utile par exemple pour afficher un message invitant les visiteurs à se connecter ou à se créer un compte.
Cela est très simple, rendez-vous simplement dans le gestionnaire de modules (Extensions → Gestion des modules) puis éditez le module de votre choix :
Edition module Joomla!
Ici, vous devez simplement régler le niveau d'accès du module sur Invité.
De cette manière, le module ne s'affichera que lorsque les utilisateurs seront dé-connectés, puis il s'effacera lorsque ces utilisateurs se connecteront.
Cinnk 197/208
Cinnk
Site multilingue avec Joomla!
97 - Comment installer des langues supplémentaires lors de l'installation de Joomla 3
Lorsque vous souhaitez créer un site multilingue avec Joomla!, vous devez installer les packs de langue des différents langages qui seront ensuite disponibles sur votre site multilingue.
Une fois le site installé, il est possible de faire cela via le gestionnaire de langue, mais si vous n'avez pas encore installé Joomla!, vous pouvez installer ces langues au cours de l'installation.
Voyons comment faire cela.
Nous n'allons pas revenir sur l'installation complète de Joomla!, mais simplement sur la dernière étape, c'est-à-dire cette page :
Dernière étape de l'installation Joomla!
Une fois sur cette page, cliquez sur le bouton Etape supplémentaire : Installation de langue (1) afin d'installer de nouvelles langues. Vous arrivez ensuite sur cette page :
Cinnk 198/208
Cinnk
Installation de paquets de langue lors de l'installation de Joomla!
Ici, vous n'avez qu'à cocher les langues que vous souhaitez (1), puis cliquer sur le bouton Suivant (2). Joomla! va alors télécharger les packs de langue sur le web et les installer sur votre site. Vous arrivez ensuite sur cette page :
Paramétrage des langues par défaut
Cinnk 199/208
Cinnk
Sur cette page, vous pouvez choisir quelle sera la langue utilisée par défaut, pour l'administration ou le Backend (1) et pour le site ou le Frontend (2).
En (3), vous pouvez paramétrer votre site en multilingue.
Un fois que tout est réglé, cliquez sur le bouton Suivant (4), vous arrivez alors sur cette page :
Supprimer le répertoire d'installation
Ici, comme pour une installation classique, vous devez supprimer le répertoire d'installation, puis vous pouvez accéder au Frontend ou au Backend de votre site.
En vous rendant dans Extensions → Gestion des langues, vous retrouverez les langues que vous avez installées lors de l'installation de Joomla!.
Pour créer un site multilingue avec Joomla!, vous pouvez regarder le chapitre Site Multilingue de Joomla! 3 le Livre Pour Tous.
Cinnk 200/208
Cinnk
98 - Comment installer des langues supplémentaires sur un site existant
Sur un site Joomla! existant, vous pouvez avoir besoin d'installer de nouveaux packs de langue, par exemple pour créer un site multilingue. Pour cela, rien de plus simple, rendez-vous dans Extensions → Gestion des langues, puis cliquez sur le bouton Installation de langues, vous arrivez sur la page suivante :
Installation de nouvelles langues
Sur cette page, vous trouverez tous les packs de langue proposés par la communauté Joomla! (plusieurs dizaines). Vous n'avez qu'à sélectionner les packs que vous souhaitez installer (1) puis cliquer sur le bouton Installer (2).Vous pouvez ensuite accéder à toutes les langues installées sur votre site en vous rendant dans Extensions → Gestion des langues.
Grâce au système de mise à jour de Joomla!, vous serez notifié lorsqu'un des packs de langue installés sur votre site sera mis à jour.
Cinnk 201/208
Cinnk
99 - Comment paramétrer un site multilingue lors de l'installation de Joomla!
Lors de l'installation de Joomla!, vous pouvez facilement ajouter de nouvelles langues. Pour cela, installez Joomla! comme vous le feriez normalement, jusqu'à la troisième étape Vue d'ensemble.
A cette troisième étape, vous arrivez sur l'écran suivant, vous devez choisir l'option Aucunes données d'exemple.
Puisque nous souhaitons parametrer un site multilingue, nous avons besoin d'une installation vide de toutes données d'exemple. Une fois que vous avez sélectionné Aucunes données d'exemple, cliquez sur le bouton Installer.
Vous arrivez alors sur cet écran :
Installation Joomla - Etape supplémentaire
Cliquez simplement sur le bouton Etape suivante : Installation de langue, vous arrivez sur la page
Cinnk 202/208
Cinnk
suivante :
Installation de packs de langue
Sur cette page, vous retrouvez l'ensemble des packs de langue disponibles pour Joomla!. Il vous suffit de cocher les packs qui vous intéressent (1) puis de cliquer sur le bouton suivant (2).
Vous pouvez ensuite terminer votre installation comme vous le feriez normalement.
Cinnk 203/208
Cinnk
100 - Comment surcharger une langue
Joomla! (ainsi que de nombreuses extensions) est équipé d'un système de langues. Ce système de langues permet d'afficher les chaînes de traduction comme 'Créer un compte' ou 'Lire la suite'.
Ces chaînes de traduction sont écrites dans des fichiers .ini et sont classées par pack de langues.
Ces packs de langues, qui s'installent directement depuis l'administration, sont rangés dans les répertoires :/language pour les traductions Frontend./administrator/language pour les traductions Backend.
Pour certaines raisons, vous pouvez souhaiter modifier les chaînes de traduction Joomla!.Si vous modifiez directement ces fichiers .ini, toutes vos modifications seront écrasées à la prochaine mise à jour.
Pour surcharger proprement ces chaînes de traduction, Joomla! possède une fonctionnalité appelée Substitution.
Regardons comment l'utiliser.
Substitution de langue
Chaque élément traduit est composé de deux parties : la chaîne de traduction et la valeur traduite.Exemple :COM_CONTENT_READ_MORE='Lire la suite''COM_CONTENT_READ_MORE' est la chaîne et 'Lire la suite' est la valeur.
Pour l'exemple, nous allons modifier la valeur 'Lire la suite' (lien qui donne accès à l'intégralité de l'article) par 'Accéder à l'article'. Pour cela, connectez-vous à votre administration, et rendez-vous dans Extensions → Gestion des langues → Substitutions, et cliquez sur le bouton Nouveau. La page suivante s'ouvre :
Cinnk 204/208
Cinnk
Nouvelle substitution
1 – Entrez la chaîne de traduction : COM_CONTENT_READ_MORE2 – Entrez le texte que vous souhaitez utiliser pour cette chaîne : Accéder à l'article
Si vous ne connaissez pas la chaîne de traduction, vous pouvez faire une recherche (4). Il suffit simplement d'écrire 'Lire la suite' pour que le moteur de recherche retourne le résultat.
Cette fonctionnalité fonctionne pour les fichiers propres à Joomla!, mais également pour toutes les extensions qui respectent le système de langues de Joomla!.
Derrière la scène
Tous les fichiers de langue de Joomla! sont rangés dans les répertoires :
• /language pour les traductions frontend• /administrator/language pour les traductions backend
Vous avez un dossier par langue (en-GB pour l'anglais, fr-FR pour le français) ainsi qu'un dossier overrides. A chaque fois que vous créerez une nouvelle surcharge, Joomla! viendra la ranger ici.
Cinnk 205/208
Cinnk
Autres astuces
101 - Comment obtenir de l'aide
Lors de la construction de votre site web Joomla!, ou lorsque vous modifiez ce site web (par exemple en ajoutant une fonctionnalité, en personnalisant le template ou encore en faisant une mise à jour ou migration) il arrive parfois que vous ayez besoin d'aide.
Pour cela, vous pourrez vous tourner vers la communauté, via différents forums :
Les principaux forums de la communauté Joomla! sont :
Le forum officiel de Joomla! : http://forum.joomla.org et sa partie francophone : http://forum.joomla.org/viewforum.php?f=19
Le forum de l'AFUJ (Association Francophone des Utilisateurs de Joomla!) :http://forum.joomla.fr
Le forum du site Aide-Joomla.com : http://www.aide-joomla.com/forum
Et bien sûr le forum CINNK :http://cinnk.com/forum/sujets-recents
Cinnk 206/208
Cinnk
102 - Comment contribuer au projet Joomla!
Même si vous n'êtes pas développeur, il existe plusieurs moyens pour participer au projet Joomla!.
Participer sur les forums
Tous les jours, des milliers de messages sont postés sur les différents forums de la communauté Joomla!. Si vous avez quelques minutes par jour/semaine, vous pouvez participer à ces forums, afin d'aider les utilisateurs débutants, de partager votre expérience (par exemple sur des extensions tierces que vous avez déjà utilisées), d'aider des utilisateurs sur des domaines dans lesquels vous êtes à l'aise, etc.Un forum étant un lieu de partage, il est probable qu'en aidant les autres vous découvriez vous aussi de nouvelles choses.
Les principaux forums de la communauté Joomla! sont :
Le forum officiel de Joomla! : http://forum.joomla.org et sa partie francophone : http://forum.joomla.org/viewforum.php?f=19
Le forum de l'AFUJ (Association Francophone des Utilisateurs de Joomla!) :http://forum.joomla.fr
Le forum du site Aide-Joomla.com : http://www.aide-joomla.com/forum
Et bien sûr le forum CINNK :http://cinnk.com/forum/sujets-recents
Ecrire des articles sur le Joomla! Community Magazine
Tous les mois, la communauté Joomla ! propose un magazine traitant de divers sujets (tutoriels, actualité, trucs et astuces, etc).Si vous aimez écrire, vous pouvez rejoindre l'équipe de rédaction de ce magazine, il existe une partie francophone.
Cinnk 207/208
Cinnk
Participer aux traductions (de Joomla! ou d'extensions tierces)
Joomla! et ses extensions sont en continuelle évolution. Chaque fois qu'une nouvelle version voit le jour, il est nécessaire de mettre à jour les fichiers de langue.
Vous pouvez facilement rejoindre les équipes de traduction qui travaillent sur ces mises à jour, soit en contactant les responsables via Joomla.org, soit en vous adressant directement aux développeurs des extensions qui vous intéressent.
En participant au JoomlaDay et Joomapéro
La communauté Joomla! n'est pas seulement présente en ligne. En effet, plusieurs évènements sont organisés tout au long de l'année.Si vous souhaitez rencontrer d'autres membres de cette communauté, vous pouvez participer au JoomlaDay ainsi qu'aux Joomapero se déroulant dans votre région.
Cinnk 208/208