FORMATION CREER ET REFERENCER MON SITE INTERNET PROFESSIONEL

Transcription

1 FORMATION CREER ET REFERENCER MON SITE INTERNET PROFESSIONEL

2 INTRODUCTION Joomla! c est quoi? Joomla! est un CMS (Content Management System en Anglais ou Système de Gestion de Contenu en Français) libre, open source et gratuit. Un CMS vous permet de créer des sites web sans nécessairement avoir des connaissances dans les langages comme le HTML, le CSS, le PHP... Vous construisez et organisez votre contenu grâce à une interface administrateur simple et conviviale, et Joomla! s occupe du reste. Vous aurez donc simplement à prendre en main cette administration pour construire votre site web..

3 Frontend et Backend Votre site Joomla! se compose de deux parties : le Frontend et le Backend. Le Frontend est la partie publique du site. C est celle sur laquelle se rendent les utilisateurs du site. Certains naviguent sur le site pour en consulter le contenu (ce sont les visiteurs) et d autres s y connectent pour y participer. Ces utilisateurs peuvent participer à travers un forum par exemple, mais ils peuvent également créer du contenu via le Frontend (par exemple les auteurs, rédacteurs...). Frontend de Joomla!

4 Le Backend est l envers du décor. C est ici que se connectent les administrateurs pour organiser le site, créer et gérer le contenu, les extensions, les utilisateurs... Comme pour le Frontend, les utilisateurs se connectant au Backend du site peuvent avoir différents droits leurs donnant accès à différents rôles. Pour vous connecter au backend de votre site, vous devez vous rendre à l adresse Editeur TinyMCE Si vous souhaitez utiliser un éditeur plus complet, vous pouvez regarder JCE, qui est disponible gratuitement et en français.

5 UN PETIT TOUR DU SITE Un petit tour du Frontend Si vous avez installé Joomla! avec les données d exemple, la page d accueil de votre site ressemble à celle-ci : Page d accueil avec données d exemple Sur cette page d accueil, vous retrouvez 4 articles publiés (1), un module de connexion (2), 3 menus de navigation (3), le titre du site (que vous avez choisi lors de l installation) (4), un module de recherche (5), un fil d Ariane (6), le copyright de votre site (7) et un lien dirigeant vers le haut de la page (8).

6 Un petit tour de l administration (backend) En accédant à la partie backend de votre site (voir ci-dessus), vous arrivez sur cette page d identification : Page de connexion à l administration Entrez l identifiant et le mot de passe que vous avez choisis à l étape 1 de l installation de Joomla!, puis cliquez sur bouton Connexion.

7 Un fois identifié vous arrivez sur le panneau d administration de votre administration : Panneau d administration 1 Le menu supérieur : à partir de ce menu, vous pouvez naviguer dans les différentes parties de l administration. 2 Les articles les plus récents. Les derniers articles ajoutés au site. 3 Les utilisateurs actuellement connectés sur le site. Actuellement seul le Super Utilisateur est connecté. 4 Les articles les plus populaires, classés par nombre de vues. 5 Les icônes de raccourcis permettant d accéder directement à certaines fonctionnalités sans utiliser les menus et sous menus de navigation. Ces raccourcis permettent de gagner quelques clics à chaque fois et un temps précieux au bout du compte. Vous devrez apprendre à vous en servir. 6 Un accès vers votre compte ainsi qu un lien de déconnexion de l administration. Lorsque vous avez fini d intervenir sur votre administration, il est conseillé de vous déconnecter. 7 Un lien vers le frontend (partie publique) de votre site. 8 Un lien vers le Panneau d administration de l administration. 9 Le footer qui comporte également des liens déjà cités (un lien vers le site, un lien de déconnexion ainsi que les informations des utilisateurs connectés).

8 UTILISATEURS Comme son nom l indique, c est dans ce menu que vous pourrez gérer vos utilisateurs, vos groupes d utilisateurs et vos niveaux d accès. Depuis la version 2.5 de Joomla!, la gestion des utilisateurs a été nettement développée, un chapitre entier sera consacré à la gestion des utilisateurs. Attention : en modifiant certains paramètres dans la gestion des utilisateurs, vous pouvez tout simplement vous interdire l accès à l administration. Avant de modifier ces paramètres, soyez certains de ce que vous faites, et faites des sauvegardes! MENUS Ce menu vous permet de gérer l ensemble des menus publiés sur le Frontend de votre site Gestion des menus : Vous permet de gérer vos menus existants, d en créer de nouveaux, d en supprimer d autres inutiles. Le Menu Principal : Par défaut, Joomla! crée un menu (appelé menu principal) qui contient l élément de menu par défaut de votre site (la page d accueil de votre site). Sans cet élément de menu, votre site ne peut pas s afficher. Vous ne devez donc pas supprimer cet élément de menu. Menus d exemple : Si vous avez installé les données d exemple de Joomla!, vous devez retrouver ici d autres menus comme Menu Membres (qui ne s affiche que lorsque vous êtes connecté sur la partie Frontend du site), Menu Haut ou Boutique de fruits... A chaque fois que vous passez votre souris sur un de ces sous-menus, un nouveau niveau de sous-menu s affiche (Ajouter un menu ou Ajouter un lien de menu) vous permettant de directement passer au formulaire de création de nouvel élément. Plus d information dans le chapitre sur les Menus.

9 CONTENU C est dans cette partie de l administration que vous allez créer votre contenu. Plus de précisions dans le chapitre Gestionnaire d articles et de catégories. Gestion des articles : Le gestionnaire d articles dans lequel vous pourrez gérer, classer, créer, supprimer vos articles. Gestion des catégories : Le gestionnaire de catégories dans lequel vous pourrez gérer, classer, créer, supprimer vos catégories. Articles en vedette : Gérer vos articles classés En vedette. Gestion des médias : Chargez et gérez vos images et autres multimédias que vous pourrez ensuite insérer dans vos contenus (plus de précisions dans le chapitre Gestionnaire de Médias). A chaque fois que vous passez votre souris sur un de ces sous-menus, un nouveau niveau de sous-menu s affiche (Ajouter un article ou Ajouter une catégorie) vous permettant de directement passer au formulaire de création de nouvel élément. COMPOSANTS A partir de ce menu, vous aurez accès aux différents composants installés sur votre site Joomla! Si vous installez un nouveau composant, c est ici que vous viendrez le paramétrer. Chacun des composants natifs de Joomla! est repris plus tard dans le livre, dans son propre chapitre. EXTENSIONS Dans ce menu, vous retrouverez toutes les extensions installées sur votre site. Gestion des extensions : Installation, mise à jour, désinstallation de vos extensions. Plus d information dans le chapitre sur les Extensions. Gestion des modules : C est ici que vous pourrez gérer les modules de votre site (en Frontend ainsi qu en Backend). Vous pourrez créer de nouveaux modules, les publier, les dépublier, les paramétrer, les supprimer... Plus d information dans le chapitre sur les Modules. Gestion des plugins : C est ici que vous pourrez gérer les Plugins de votre site (en Frontend ains qu en Backend). Vous pourrez les publier, les dé- publier, les paramétrer... Plus d information dans le chapitre sur les Plugins. Gestion des templates : C est ici que vous pourrez travailler sur vos templates, les modifier, les assigner à certains éléments de menu, les dupliquer... Plus d information dans le chapitre sur les Templates. Gestion des langues : C est ici que vous pourrez gérer les langues de votre site (en Frontend ainsi qu en Backend). Plus d information dans les chapitres Langues et Site Multilingue.

10 GESTIONNAIRES D ARTICLES ET DE CATEGORIES Le site est désormais installé, et nous venons d en faire un tour rapide. Dans ce chapitre, nous allons voir comment nous allons organiser les articles et les catégories. Ce chapitre aurait pu s appeler Gestion du contenu, mais sous Joomla!, le contenu ne s arrête pas seulement aux articles que vous publiez. Pour imager, nous allons prendre l exemple d un site de recettes de cuisine, sur lequel les catégories et les articles seraient classés de cette manière : Entrées Entrées Chaudes Soupes Soupe au choux Velouté d asperges Soupes du Monde Bortsch Entrées Froides Carcpaccio de saumon Assiette de charcuterie Salades Salade Niçoise Salade César Salade aux crevettes Plats de résistance Fromages Desserts

11 Gestionnaire de Catégories Voyons comment créer vos catégories. Pour accéder au gestionnaire de catégories rendez-vous dans Contenu > Gestion des catégories. La page suivante s affiche.

12 Gestionnaire d articles Une fois que toutes vos catégories sont créées vous pouvez commencer à créer vos articles et à les classer dans ces catégories. Pour accéder au gestionnaire d articles, rendez-vous dans Contenu > Gestion des articles. La page suivante s affiche : 1 - Retrouvez tous vos articles. Ici vous voyez ceux installés avec les données d exemple de Joomla!. 2 - La barre d outils qui vous permet de créer, modifier, publier, dépublier... vos articles. 3 - Différents filtres vous permettant de rechercher des articles en particulier. Comme pour tous les gestionnaires, si vous filtrez par Ordre (a) vous pouvez classer vos articles par Glisser/Déposer. 4 - Trois onglets dirigeant vers le gestionnaire d articles (cette page), le gestionnaire de catégories, les articles en vedette (explications en fin de chapitre)

13 Pour créer un nouvel article, cliquez sur le bouton Nouveau, la page suivante s affiche : 1 - Donnez un titre à votre article. 2 - Classez votre article dans une catégorie. 3 - A l aide de l éditeur de texte, créez le contenu de votre article comme vous le feriez avec n importe quel éditeur. Vous pouvez bien évidemment mettre en page cet article. 4 - Avec ces 4 boutons, vous pouvez : Faire un lien vers un autre article. Pour cela sélectionnez le texte à mettre en lien, cliquez sur le bouton Article puis sélectionnez l article cible. Insérer une image. Pour cela, placez votre curseur à l endroit où vous souhaitez insérer l image, cliquez sur le bouton Image, sélectionnez votre image dans le gestionnaire de médias puis validez. Faire un saut de page (très utile pour les longs articles). Pour cela, placez votre curseur où vous souhaitez couper la page, puis cliquez sur le bouton Saut de page. Vous pourrez ensuite entrer un nom pour cette page. Insérer un lien lire la suite (utile si vous souhaitez publier vos articles sous forme de blog). Pour cela, placez votre curseur à l endroit où vous souhaitez couper la page, puis cliquez sur le bouton Lire la suite Vous pouvez donner un ou des Tags à votre article, régler son statut, son niveau d accès (plus de précisions dans le chapitre Gestion des utilisateurs), sa langue (plus de précisions dans le chapitre site multilingue) et vous pouvez également régler cet article En vedette. 6 - Dans les paramètres de publication, vous pourrez régler l auteur de votre article, ses dates de création et de début et fin de publication, sa description, ses mot-clés, etc. 7 - Dans Images et liens, vous pouvez attribuer une plusieurs images & et un ou plusieurs liens qui seront affichés en Frontend du site selon le type d affichage et selon les paramétrages que vous aurez choisis. 8 - Dans les paramètres de l article, vous pourrez régler de nombreuses choses comme l affichage du titre, de l auteur, des différentes dates, des icônes Imprimer, , de l affichage du vote sur les articles Réglez les paramètres de création/modification des différents éléments qui composent l article.

14 10 - Réglez ces droits (plus de précisions dans le chapitre Gestion des utilisateurs) Vous pouvez donner un alias à votre article (qui sera utilisé dans les urls). Si vous n entrez rien, Joomla! créera cet alias à partir du titre de l article. GESTIONNAIRE DE MÉDIAS Le Gestionnaire de médias de Joomla! vous permet de classer tous les médias que vous souhaitez intégrer sur votre site, et de les insérer dans les contenus. Pour accéder au Gestionnaire de médias, rendez-vous dans Contenu > Gestion des médias. Vous arrivez sur la page suivante : Gestionnaire de médias 1 - Transférez de nouveaux médias depuis votre environnement local. Vous pouvez transférer plusieurs médias en une seule fois. 2 - Comme nous l avons vu pour les catégories, il est conseillé de créer une arborescence avec vos médias. Si vous placez tous ces médias dans un seul dossier, il sera très compliqué de vous y retrouver quand ces médias deviendront nombreux. Grâce à ce bouton, vous pouvez donc créer de nouveaux dossiers et sous-dossiers. 3 - Vous pouvez supprimer plusieurs médias ou plusieurs dossiers en même temps. Vous devez cocher ces médias ou dossiers, puis cliquer sur ce bouton Supprimer. Vous ne pouvez pas supprimer un dossier comportant des médias, il vous faudra supprimer les médias qu il contient avant.

15 4 - Vous pourrez régler de nombreux paramètres comme les extensions autorisées, la taille maximale, le chemin où sont classés ces médias (par défaut dans le répertoire /images)... ainsi que les droits de ce Gestionnaire de médias. 5 - Retrouvez l arborescence de vos dossiers et médias. 6 - Vous pouvez afficher le Gestionnaire de médias par deux moyens différents : Miniatures ou Détails. 7 - Vous pouvez naviguer à travers votre arborescence. Gestionnaire de médias dans les contenus A chaque édition d un contenu dans lequel vous aurez besoin d un éditeur (comme les articles, les catégories, certains modules comme le module de contenu personnalisé, mais aussi les fiches de contact par exemple), vous aurez accès au gestionnaire de médias grâce au bouton Image, situé en dessous de la zone de saisie (1) : Bouton Image lors de l édition d un article En cliquant sur ce bouton, la fenêtre popup suivante s ouvre :

16 Vous n avez qu à cliquer sur le média que vous souhaitez insérer (1), régler un alignement (2) puis cliquez sur le bouton Insérer (3). En descendant plus bas dans la fenêtre popup, vous pourrez charger une image de votre environnement local vers le serveur directement depuis cette fenêtre. PUBLIER LES ARTICLES Maintenant que vous avez créé vos catégories et articles et que vous y avez inséré des médias, nous allons voir comment publier ces articles sur votre site afin que les internautes puissent les consulter. Publier les articles grâce aux éléments de menu Joomla! propose différents types d éléments de menu vous permettant de publier vos articles. Pour cela, rendez-vous dans le Gestionnaire de menu > Le menu de votre choix et cliquez sur le bouton Nouveau. Un formulaire s ouvre et le premier champ à remplir est le Type de lien de menu. Ce Type va définir le contenu (un article, un blog d articles, une liste d articles...) que vous allez afficher sur la page. Cliquez sur le bouton Sélection. En cliquant ensuite sur l onglet Article, vous obtenez la fenêtre popup suivante :

17 Article L élément de menu Article est le plus simple de ces éléments de menu. Il permet simplement de publier un seul et unique article. Lien de menu Article Choisissez l article que vous souhaitez publier (1), donnez un titre et un alias à votre élément de menu (2) (si vous ne rentrez pas d alias, Joomla! le fera pour vous), et choisissez le menu et le niveau dans lequel vous souhaitez le publier (3). 4 - Réglez les paramètres propres à l article qu affichera cet élément de menu. 5 - Assignez les modules de votre choix à cet élément de menu.

18 Blog d une catégorie L élément de menu Blog d une catégorie vous permet d afficher en mode blog les articles d une catégorie (et si souhaité de ses catégories enfants). Lien de menu Blog d une catégorie 1 - Choisissez la catégorie principale (la catégorie parente des catégories à afficher), puis donnez un titre et un alias à votre élément de menu (si vous ne rentrez pas d alias, Joomla! le fera pour vous), et choisissez le menu et le niveau dans lequel vous souhaitez le publier. 2 - Paramètres des catégories : Les paramètres en relation avec les catégories affichées dans le blog. 3 - Paramètres d affichage du blog : réglez ici l apparence qu aura votre blog. Par exemple, comment vont être affichés les articles. Par défaut : 1 article sur la largeur entière de la page. 4 introductions d articles. Ces 4 introductions sont affichées sur 2 colonnes. 4 articles sous forme de liens simples. Plus bas, vous pouvez également régler l ordre selon lequel seront affichés vos articles. Si vous choisissez l ordre Le plus récent en premier, lorsque vous créerez un nouvel article dans la catégorie, il sera automatiquement affiché en première position sur le blog. 4 - Paramètres de l article : Les paramètres en relation avec l affichage d un article seul (quand l utilisateur clique sur l article pour le consulter). 5 - Paramètres d intégration. Vous pouvez intégrer un fil RSS ou un flux. 6 - Les paramètres communs à tous les éléments de menu 7 - Assignez les modules de votre choix à cet élément de menu. Si vous avez installé Joomla! avec les données d exemple, l élément de menu Utiliser Joomla! > Utiliser les extensions > Composants > Composant Contenu > Articles d une catégorie en blog, du menu A propos de Joomla! est de type Blog d une catégorie.

19 EXTENSIONS

20 COMPOSANTS Les composants sont les extensions les plus importantes et les plus complexes. Ils peuvent être comparés à des mini-applications. La majorité des composants possède deux parties distinctes, une partie site (frontend) et une partie administration (backend). FICHE DE CONTACT Le composant Fiche de contact de Joomla! vous permet de gérer des fiches de contact (en relation avec les utilisateurs inscrits ou non sur le site), de leur attribuer des formulaires de contact via lesquels les visiteurs du site pourront prendre contact. Pour accéder au composant Fiches de contact, rendez-vous dans Composants (1) > Fiches de contact (2)

21 Vous arrivez sur la page suivante : 1 - Vous pouvez accéder à vos fiches de contact et à vos catégories de liens. 2 - La liste des fiches de contact que comporte le composant (la liste de la captu e d écran est celle installée avec les données d exemple de Joomla!). 3 - Différents filtres vous permettant de rechercher une fiche de contact en particulier. 4 - Une barre d outils vous permettant de créer, modifier, publier, dé-publier... vos fiches de contact. Cette barre d outils comporte également les Paramètres Globaux du composant fiche de contact. Ces paramètres sont réglables : ici (appliqués à toutes les catégories et toutes les fiches de contact), dans chaque catégorie (appliqués seulement à la catégorie), dans chaque fiche de contact (appliqués seulement à la fiche de conact) et pour l élément de menu (appliqués à toutes les fiches de contact ou catégories affichées par cet élément de menu) dans le cas d un affichage via un élément de menu. a - Comme dans tous les gestionnaires, en filtrant par ordre, vous pouvez organiser vos fiches de contact par glisser/déposer.

22 Gérez vos Fiches de contact Afin de pouvoir afficher vos Fiches de contact sur le site, nous allons commencer par créer une nouvelle catégorie. Pour cela, rendez-vous dans Composants > Fiches de contact > Catégories et cliquez sur le bouton Nouveau. La page suivante s affiche : Edition d une catégorie Contact 1 - Donnez un nom et un alias à cette catégorie (si vous n entrez pas d alias, Joomla le fera pour vous). 2 - Vous pouvez donner une description à cette catégorie. 3 - Vous pouvez régler l auteur de cette catégorie ainsi que ses métadonnées. 4 - Réglez ici les droits de la catégorie. 5 - Vous pouvez régler la mise en page de cette catégorie, ainsi que lui attribuer une image. 6 - Vous pouvez attribuer un parent à cette catégorie, la publier, régler son accès et sa langue.

23

24 MISE À JOUR DE JOOMLA! Le composant Mise à jour de Joomla! vous permet de faire les mises à jour du CMS très simplement et directement depuis l administration. Vous accédez à ce composant par Composant (1) > Mise à jour de Joomla! (2) Composant de mise à jour de Joomla! Selon que vous avez une mise à jour à faire ou non, la page est différente : Joomla! est à jour Vous avez une mise à jour à faire 1 - Vous pouvez purger le cache afin de rechercher de nouvelles mises à jour. 2 - Réglez les différents paramètres du composant. Si vous avez une mise à jour à faire, vous n avez qu à cliquer sur le bouton Mettre à jour (3). Joomla! va alors télécharger le patch de mise à jour et l appliquer à votre site.

25 Il est important de toujours avoir votre site (ainsi que les différentes extensions tierces installées) à jour. Les mises à jour sont des correctifs de bugs et de failles de sécurité, donc faites vos mises à jour. Attention, ce composant ne s occupe que de Joomla! lui même (et de ses extensions natives). Si vous avez installé des extensions tierces sur votre site, vous devrez les mettre à jour par Extensions > Gestion des extensions > Mise à jour Attention : Avant de faire une mise à jour, il est important de faire une sauvegarde complète du site. Si vous rencontrez un problème, vous pourrez toujours revenir en arrière. Sur le Panneau d administration, vous retrouverez 2 icônes vous notifiant la disponibilité de mises à jour : Icônes de mise à jour

26 LES MODULES Les modules sont des extensions utilisées pour le rendu des pages. Ils peuvent également être comparés à des boites disposées autour d un composant. Les menus, la fonctionnalité de recherche ou la connexion au site sont par exemple affichés par des modules. Il est possible d afficher de nombreuses choses avec un module. Il est également possible de publier son propre code HTML grâce au module Contenu personnalisé. Les modules se placent sur les différentes positions du template, peuvent être affichés sur certaines pages et pas d autres (grâce notamment à l assignement de menu ou aux langues) et peuvent être affichés à certains utilisateurs mais pas à d autres (grâce au niveaux d accès). Gestionnaire de modules Vous accédez au gestionnaire de modules en vous rendant dans Extensions > Gestion des modules

27 Comment publier un module sur le site Pour publier un module sur le site, rendez-vous dans Extensions > Gestion des Modules, puis cliquez su le bouton Nouveau. Vous accédez sur une page où tous les modules installés sur le site s affichent. Pour l exemple, nous allons publier un module Derniers articles. En cliquant donc sur le lien Derniers articles, vous arrivez sur cette page : Edition d un module 1 - Donner un titre à votre module (le titre qui sera affiché en frontend). 2 - Choisissez d afficher ou non ce titre. 3 - Choisissez la position sur laquelle vous souhaitez publier ce module. 4 - Choisissez de publier ou non ce module. 5 - Vous pouvez choisir une date de début ainsi qu une date de fin de publication. Si vous ne remplissez pas ces paramètres, le module sera publié en permanence. 6 - Choisissez un niveau d accès pour ce module. Cela permet de choisir qui pourra voir ou non le module (plus d informations sur ce sujet dans le chapitre Gestion des utilisateurs). 7 - Réglez l ordre d affichage du module par rapport aux autres modules publiés sur la même position. 8 - Choisissez une langue pour laquelle vous souhaitez publier ce module (plus d information sur ce sujet dans le chapitre Site Multilingue). 9 - Vous pouvez ici régler les options relatives au module, comme le nombre d articles à afficher ou la source des articles par exemple Assignation des menus - Vous pouvez ici régler les pages sur lesquelles vous souhaitez afficher ou non le module Ici vous pouvez régler les droits appliquées sur le modules. 110

28 12 - Ici vous trouvez des paramètres avancés pour le module. Une fois que tout est correctement paramétré, vous pouvez cliquer sur le bouton Enregistrer et retourner sur votre backend pour voir le résultat. Liste des modules natifs de Joomla! (pour la partie Frontend) Affichage en liste d articles affiche une liste d articles provenant d une ou plusieurs catégories. Plusieurs paramètres comme le nombre d articles, le filtre de catégorie, le filtre auteurs... permettent de personnaliser le module. Affichage en liste de catégories affiche une liste de catégories. Plusieurs paramètres comme l affichage ou non de la description, le nombre de catégories à afficher... permettent de personnaliser le module. Articles archivés affiche un calendrier mensuel des articles archivés. Lorsque vous archivez un article, cette liste est automatiquement mise à jour. Articles en relation liste les articles publiés en relation avec celui affiché. Les relations sont effectuées à l aide des mots-clés attribués aux articles. Par exemple, un article Perroquets d élevage et un autre Cacatoès noir possédant tous deux le motclé perroquet seront considérés en relation 111

29 Articles les plus consultés affiche une liste des articles les plus consultés. Plusieurs paramètres comme le filtre de catégorie, le nombre de catégories à afficher... permettent de personnaliser le module. Bannières affiche les bannières du composant du même nom. Vous pouvez lire le chapitre Bannière. Changement de langue affiche les différents drapeaux des langues installées sur le site, permettant de traduire la page visitée (à condition bien sûr d en avoir fait la traduction auparavant). Il est important de bien paramétrer le système multilingue de Joomla!, sinon ce module ne s affichera pas. Vous pouvez lire le chapitre Site Multilingue. Connexion permet aux utilisateurs de se connecter sur le site. Le module affiche également un lien créer un compte (que vous pouvez désactiver). Si un utilisateur entre un mauvais identifiant/mot de passe, il pourra demander l envoi d un mail afin de le retrouver. 112

30 Contenu personnalisé permet d afficher votre propre HTML. De cette manière, vous pouvez afficher, à l aide d un éditeur, dans un module du texte, des images... Copyright de Joomla! affiche le copyright de Joomla! avec 2 liens, un vers le site officiel de Joomla! et l autre vers la page de la licence GNU sous lequel Joomla! est diffusé. Il est en aucun cas obligatoire de publier ce module, mais cela peut être fait afin d encourager le projet Joomla!. Derniers articles affiche les articles récemment ajoutés sur le site. Plusieurs paramètres comme le nombre d articles, le filtre de catégorie... permettent de personnaliser le module. Derniers inscrits affiche la liste des utilisateurs récemment inscrits sur le site. Vous pouvez régler le nombre des utilisateurs à afficher. 113

31 Fenêtre intégrée affiche une Iframe contenant la page d une URL spécifiée. Fil d actualité affiche les articles d un fil d actualité RSS, RDF ou ATOM. Vous pouvez lire le chapitre Fil d actualité. Fil de navigation affiche un fil d Ariane permettant à l utilisateur de savoir où il se trouve sur le site et ainsi pouvoir naviguer plus facilement. 114

32 Flash d information affiche un nombre prédéfini d introductions d articles (gérés par le système lire la suite). Il est possible, entre autre, de filtrer les catégories à afficher. Image aléatoire affiche aléatoirement des images classées dans un répertoire prédéfini. Il est possible de régler la taille des images et d en faire des liens vers une autre page. Lien de flux RSS ou ATOM (ou Flux d actualité) affiche un lien de flux RSS ou Atom. Vous pouvez lire le chapitre Fil d actualité. Menu affiche les éléments de menu d un menu de navigation défini dans la partie menu. Vous pouvez lire le chapitre Menus et Navigation. 115

33 Qui est en ligne Affiche la liste des utilisateurs, visiteurs et/ou inscrits naviguant actuellement sur le site. Recherche affiche une boite permettant de faire une recherche sur le site grâce au composant Recherche. Vous pouvez lire le chapitre Recherche. Recherche avancée affiche une boite permettant de faire une recherche sur le site grâce au composant Recherche avancée. Vous pouvez lire le chapitre Recherche avancée. Statistiques affiche différentes statistiques sur le site comme le nombre de visites, d utilisateurs inscrits, d articles, de liens web, ainsi que des informations sur le serveur, selon les paramètres choisis. 116

34 Tags populaires affiche une liste de Tags les plus utilisés. Plus d informations dans le chapitre Tags. Tags similaires affiche une liste de liens dirigeant vers des éléments taggés sous le(s) même(s) Tag(s). Une quantité minimum de Tags peut être paramétrée. Plus d information dans le chapitre Tags. 117

35 MENUS ET NAVIGATION La navigation de votre site internet est très importante, c est elle qui va permettre à vos visteurs de se dépacer sur votre site, de ne jamais être perdus et de trouver du contenu pouvant les intéresser. Lorsque vous construisez votre site, vous construisez la page d accueil, puis, à partir de cette page d accueil, vous construisez le reste du site. Les menus Les menus de navigation sont très importants, ils permettent à vos utilisateurs de pouvoir facilement accéder aux différents contenus de votre site. Ces Menus (qui sont publiés par des modules de type Menus) peuvent être placés sur n importe quelle position de votre template. Assurez vous simplement que les Menus les plus importants soient visibles dès qu un utilisateur arrive sur le site, et ce, sur n importe quelle page. CRÉER UN NOUVEAU MENU Pour créer un nouveau Menu, rendez-vous dans Menus > Gestion des Menus puis cliquez sur le bouton Nouveau. La page suivante s affiche : Nouveau menu 1 - Donnez un nom à votre menu. 2 - Donnez un Nom système à votre menu. Ce nom ne doit pas contenir d espace et/ou de caractères spéciaux (é,à,ê,ù...). 3 - Vous pouvez lui donner une description. Cliquez ensuite sur le bouton Enregistrer & Fermer.

36 AJOUTER DES ÉLÉMENTS DE MENU Vous allez ensuite souhaiter ajouter des éléments de menu à votre menu. Pour cela, rendez-vous dans Menu > Votre menu, puis cliquez sur le bouton Nouveau. La page suivante s affiche : Nouvel élément de menu 1 - Donnez un titre et un alias à votre élément de menu. Si vous ne rentrez pas d alias, Joomla! s en chargera. 2 - Choisissez un type pour ce menu. Joomla! comporte nativement 35 types d éléments de menu. Ces types d élément ont en grande partie été couverts dans les chapitres précédents. Ils vous permettent simplement de choisir quel type de contenu vous souhaitez afficher, comme un article simple, un formulaire de recherche, une liste de liens web, ou même un lien externe dirigeant vers un autre site. Selon le type d élément de menu que vous choisissez, vous n aurez pas les mêmes paramètres et donc pas la même capture d écran que ci-dessus. Sur l exemple, c est un élément de menu Article qui affiche un seul et unique article. 3 - Dans le cas de cet élément de menu, choisissez un article à afficher. 4 - Choisissez si vous souhaitez ouvrir la page vers laquelle mène cet élément de menu dans la même page ou dans une nouvelle page. 5 - Vous pouvez sélectionner un template spécifique pour cet élément de menu. 6 - Choisissez à quel menu va appartenir cet élément de menu. 7 - Choisissez si cet élément de menu sera un élément racine ou s il sera un sous-menu d un autre élément.

37 8 - Une fois que vous aurez sauvegardé votre élément, vous pourrez régler l ordre d affichage des éléments de menu du même menu. Vous pourrez également faire cela à partir du gestionnaire de menu). 9 - Réglez son statut Choisissez si cet élément de menu sera l élément de menu par défaut. En général, l élément de menu par défaut est l accueil. Attention, Joomla! a besoin d un et d un seul élément de menu par défaut (sauf dans le cas d un site multilingue) pour fonctionner Donnez un niveau d accès à votre élément de menu Vous pouvez attribuer une langue à cet élément de menu (voir le chapitre site multilingue) Réglez les paramètres qui pour certains sont propres au type de l élément de menu Vous pouvez donner une image à cet élément et régler le <title> du lien Vous retrouvez des paramètres propres à l affichage de la page Vous pouvez régler les métadonnées de cet élément de menu Vous pouvez associer vos éléments de menu, dans le cas d un site multilingue Vous pouvez assigner des modules à cet élément de menu. Une fois que tout est réglé, cliquez sur le bouton Enregistrer & Fermer. Vous arrivez sur cette page (qui peut varier selon les éléments de menu que vous avez déjà créés) : Gestionnaire de Menus

38 1 - La barre d outil qui vous permet de créer, modifier, publier, dépublier... vos éléments de menu. 2 - En cliquant sur le bouton Outils de recherche, vous obtenez différents filtres vous permettant de rechercher vos éléments de menu. Le premier de ces filtres vous permet par exemple de sélectionner un menu. 3 - Comme dans tous les gestionnaires, en triant par ordre, vous pouvez régler l ordre de vos éléments de menu par Glisser/Déposer. AFFICHER UN MENU SUR LE SITE Pour afficher un menu sur votre site, vous allez devoir créer un module de type Menu. Pour cela, rendez-vous dans Extensions > Gestion des modules, cliquez sur le bouton Nouveau, choisissez Menu. La page suivante s affiche : Module de type menu

39 1 - Donnez un nom au module qui va afficher votre menu. 2 - Sélectionnez le menu à afficher. 3 - Sélectionnez l élément de menu servant de base, et devant toujours être affiché. En règle générale, vous n avez pas besoin de modifier ce paramètre. 4 - Donnez un niveau de départ à partir duquel seront affichés les éléments de menu. 5 - Choisissez un dernier niveau. 6 - Choisissez d afficher ou non tous les liens. Ce paramètre doit être réglé sur oui pour les menus déroulants. 7 - Vous retrouvez les paramètres communs à tous les modules. Une fois que tout est réglé, cliquez sur le bouton Enregistrer & Fermer.

40 Menus en Frontend

41 TEMPLATES Un Template est le design de votre site. C est grâce à lui que vous décidez de la couleur du fond du site, des emplacements et du style des modules, du style des menus... Joomla comporte 2 styles de templates : ceux réservés à la partie Frontend, et ceux réservés à la partie Backend. Le template par défaut de l administration de Joomla 3, Isis, est entièrement responsive design. Cela signifie qu il s adapte à tous les supports (ordinateurs de bureau, tablettes, smartphones...). Si vous débutez avec Joomla!, il n est pas conseillé de changer ce template, premièrement car c est une vraie réussite, et ensuite lorsque vous chercherez de l aide, il sera plus pratique que vous utilisiez/connaissiez ce template. Vous accédez aux templates en vous rendant dans Extensions > Gestion des templates. La page suivante s affiche : Gestionnaire de templates 1 - Retrouvez l ensemble de vos Templates, Backend et Frontend. 2 - Filtrez pour chercher un template en particulier. 3 - Affichez les Styles ou les Templates. 4 - Barre d outils : Définir par défaut : le template par défaut s affichera sur toutes les pages, à part celles pour lesquelles un autre template sera affecté. Au moins un template doit être affecté par défaut, pour le Frontend et pour le Backend. Modifier : sélectionnez un template puis cliquez sur ce bouton pour l éditer (vous pouvez également cliquer sur le nom du template qui vous intéresse). Dupliquer : sélectionnez un template puis cliquez sur ce bouton pour le dupliquer. Supprimer : sélectionnez un template puis cliquez sur ce bouton pour le supprimer. Paramètres : modifier les paramètres de vos templates.

42 Afficher les positions de modules d un templates en Frontend Chaque template propose des positions différentes (aussi bien au niveau du nom des positions qu au niveau de leurs emplacements). Pour visualiser les positions d un template, rendez-vous dans les paramètres, puis activez le paramètre Prévisualisez la position des modules. Ensuite, ren- dez-vous sur le Frontend de votre site, puis ajoutez /?tp=1 à votre URL. Cela affichera les positions de votre template sur la page où vous vous trouvez : Installation de nouveau templates Vous trouverez sur internet des dizaines de milliers de templates pour Joomla!, commerciaux, gratuits, responsive design, avec thème... Un template s installe comme n importe quelle extension Joomla!.

43 GESTION DES UTILISATEURS Une des principales nouveautés qu a amenées la version 2.5 de Joomla! a été la gestion des utilisateurs. Joomla 1.5 ne proposait en effet qu un nombre restreint de groupes d utilisateurs et de niveaux d accès. Depuis Joomla 2.5, il est possible de créer soit même ces groupes et ces niveaux d accès, permettant de tout configurer entièrement selon les besoins. Le système de droits et accès de Joomla! est également appelé ACL (Access Control List). Ce système est composé de deux parties bien distinctes : Qui peut faire quoi Qui peut voir quoi

44 SÉCURITÉ Une fois que votre site Joomla! est en ligne, vous n avez pas fini votre travail Pour commencer, il est presque certain que vous allez vouloir ajouter de nouveaux contenus, modifier du contenu existant et peut être aussi ajouter de nouvelles fonctionnalités à votre site. Mais ce n est pas le sujet de ce chapitre, une tâche qui va vous demander également un peu d investissement concerne la sécurité de votre site. Le but de ce chapitre est de vous donner les moyens de remettre rapidement votre site sur pied si vous rencontrez un problème survenu après le piratage de votre site, une mauvaise manipulation (de votre part ou de celle d un autre administrateur du site), d un problème rencontré par votre hébergeur... et également d éviter ces problèmes. Voici les quelques règles que vous devrez constamment respecter : 1 - Sauvegarde, sauvegarde, sauvegarde La règle numéro 1 est sans aucun doute les sauvegardes. Même si vous vous faites hacker, si vous faites des sauvegardes régulières de votre site vous pourrez, dans la grande majorité des cas, restaurer votre site. 2 - Mises à jour La règle numéro 2 consiste à toujours faire les mises à jour de Joomla! et des extensions installées sur le site. Avec Joomla 3, les mises à jour se font en quelques clics. Pour les extensions tierces, certaines se font également en quelques clics, et pour les autres, vous devez simplement télécharger un patch à installer comme n importe quelle extension ou à envoyer par FTP. Cela ne prend que quelques minutes. A chaque mise à jour, les developpeurs rendent publiques les changements qu apporte le patch, il est donc important de faire rapidement ces mises à jour. Avant de faire une mise à jour, pensez à faire une sauvegarde ;) 3 - Mot de passe La règle numéro 3 consiste à choisir des mots de passe solides. Evitez tous les mots simples, votre nom, votre prénom, votre date de naissance N installez que les extensions utiles Ne faites pas l erreur d installer des extensions en grand nombre. Vous ne devez installer sur votre site que les extensions utiles à son fonctionnement.

45 5 - Sites warez Les sites warez sont des sites proposant illégalement logiciels et extensions. Sans parler du fait qu en téléchargeant des extensions provenant de site warez, vous volez le travail d un développeur ; en les installant sur votre site, vous installez également du code malicieux intégré par les personnes proposant ces extensions. Par la suite, ces codes servent de portes pour les pirates. Pour rappel, les Templates sont également des extensions. 6 - Choisissez un bon hébergeur De nombreux utilisateurs souhaitent à tout prix héberger leur site sur un hébergeur gratuit. Alors nous allons le dire une fois pour toute : Il n est pas possible de faire fonctionner correctement Joomla 3 sur ces hébergeurs. Et si par chance vous parvenez à installer joomla! sur un de ces hébergeurs, nonseulement vous rencontrerez des bugs, mais vous rencontrerez certainement aussi des problèmes de sécurité. Il existe des hébergeurs sérieux aux environs de 3 euros par mois (hébergement + nom de domaine). Vous souhaitez tester et héberger Joomla! gratuitement? Consultez cet article : hebergergratuitement-un-site-joomla

46 7 - Extensions tierces Vous trouverez plusieurs extensions vous permettant d améliorer la sécurité de votre site. Par exemple : AESECURE aesecure vous permet de sécuriser votre site Joomla! à différents niveaux. L extension intercepte tous les accès à votre site internet avant même que l URL n atteigne vos pages php. De cette manière, Joomla ne verra même pas une URL dangereuse, car elle sera bloquée préalablement aesecure. aesecure vous permet également de cacher votre page de connexion à l administration, de vérifier les droits de vos fichiers et dossiers, de cacher votre version de Joomla!, etc. aesecure est très simple à mettre en place, et surtout très simple à administrer car toutes les fonctionnalités sont accessibles à partir d un seul écran. Chaque fonctionnalité peut être activée/désactivée simplement en cliquant sur un bouton. Vous retrouverez plus de détails sur aesecure dans cet article sur l optimisation & la sécurité pour site Joomla! : Vous pouvez télécharger aesecure à partir du site de l auteur : ADMINTOOLS admin-toolsadmintools est un composant Joomla!, vous permettant différentes fonctionnalité, comme caché la page de connexion de votre administration, de modifier le préfixe des tables de votre base de données, d apporter des sécurités supplémentaires en modifiant votre fichier htaccess. Vous pouvez télécharger AdminTools depuis le site de l auteur : AUTRES EXTENSIONS Vous pouvez également regarder cette catégorie du Jed qui comporte d autres extensions intéressantes : Même si vous respectez à la lettre toutes ces règles, vous devez garder en tête que le risque 0 n existe pas. Il y a toujours une chance, aussi infime qu elle soit que vous vous fassiez hacker. Dans ce cas, vous aurez fait la majorité du travail si vous avez respecté la Règle n 1.

47 SAUVEGARDER, RESTAURER, Sauvegarde à l aide du composant Akeeba Backup Akeeba backup est un composant gratuit permettant de faire une sauvegarde d un site Joomla! (fichiers + base de données) et de réinstaller cette sauvegarde sur n importe quel serveur remplissant les pré-requis de Joomla!. TÉLÉCHARGEMENT ET INSTALLATION D AKEEBA BACKUP Pour télécharger Akeeba Backup, il suffit de se rendre sur le site de l auteur [akeebabackup.com] et de choisir la dernière version stable. Pour ce tutoriel, la version utilisée sera la version Lorsque vous le lirez, Akeeba backup aura certainement évolué, la version sera peut être différente. Vérifiez simplement si la version que vous choisissez est stable et compatible avec votre version de Joomla!. Akeeba Backup s installe comme n importe quelle extension Joomla!. Pour cela, connectez-vous à l administration de votre site et rendez-vous dans Extension > Gestion des extensions > Installation Gestion des extensions Joomla! 1 Choisissez le fichier sur votre disque 2 Cliquez sur Envoyer & Installer Si tout se déroule correctement, vous devriez obtenir une page comme celle-ci :

48 Installation terminée Si Akeeba n est pas en français, vous pouvez télécharger les fichiers de langue directement depuis la page : cdn.akeebabackup.com/language/akeebabackup/index.html Le pack de langue s installe de la même manière que n importe quelle extension. Akeeba Backup est donc installé sur votre site. Pour accéder au panneau d administration d Akeeba, rendez-vous dans Composants > Akeeba Backup.

49 Panneau d administration Akeeba Backup 1 Un lien vers la documentation de l extension. 2 Configuration automatique : Vous permet de régler/vérifier votre configuration. Nous venons de le faire avant d accéder au panneau d administration. 3 Ajout/Modification d un profil : Vous permet de gérer vos profils Akeeba Backup. 4 Configuration : vous permet de régler votre configuration. Vous pouvez par exemple régler le répertoire où seront placées vos sauvegardes. Par défaut, ce répertoire est administrator/components/com_akeeba/backup. Pour des raisons de sécurité, il est important d en choisir un nouveau. 5 Sauvegarder : vous permet de lancer une sauvegarde. 6 Gestion des sauvegardes. Vous permet de gérer les sauvegardes effectuées. 7 Rapport de sauvegarde : vous pouvez consulter les rapports sur les sauvegardes que vous avez effectué. 8 Information de planification : vous permet de planifier vos sauvegardes. 9 Paramètre Akeeba Backup : vous permet de régler les paramètres du composants. 10 Exclure des données dans les sauvegardes : vous permet d exclure des fichiers/dossiers et/ou certaines tables lors de vos sauvegardes.

50 SAUVEGARDE DE VOTRE SITE AVEC AKEEBA Pour sauvegarder votre site avec Akeeba, rien de plus simple! Pour cela, cliquez sur l icône sauvegarder. Vous arrivez sur cette page : Sauvegarde avec Akeeba 1 1 Choisissez une description pour votre sauvegarde. Par défaut, la date du jour sera utilisée. 2 Vous pouvez inscrire un commentaire pour votre sauvegarde. 3 Cliquez sur le Bouton Sauvegarder......Et laissez faire Akeeba : Sauvegarde avec Akeeba 1

51 Surtout, NE QUITTER PAS CETTE PAGE avant la fin de la sauvegarde, sinon elle serait interrompue. Selon la taille du site, cela peut prendre plusieurs minutes. Une fois la sauvegarde terminée Akeeba vous affiche un message : Sauvegarde avec Akeeba terminée En cliquant sur le bouton Gestion des sauvegardes, vous affichez toutes les sauvegardes effectuées. Gestion des sauvegardes Akeeba Ici, vous avez accès à toutes vos sauvegardes, vous pouvez les télécharger, les éditer et les supprimer une fois que vous les avez sauvegardé.

52 TOP 10 EXTENSIONS JOOMLA! Akeeba Backup Akeeba Backup est une extension vous permettant de sauvegarder votre site en quelques clics, puis de le restaurer en cas de problème. Pour plus de renseignements sur le fonctionnement de cette extension, vous pouvez lire le chapitre Sauvegarder, déplacer, restaurer un site Joomla3. Vous pouvez télécharger Akeeba Backup sur AkeebaBackup.com Editeur JCE L éditeur JCE (Joomla Content Editeur) est un éditeur basé sur l éditeur TinyMCE, celui fourni avec Joomla!. Bien plus complet, il propose par exemple : Une interface Gestionnaire d image beaucoup plus évoluée. Il est par exemple possible d ajouter de nouvelles images au gestionnaire d images de Joomla! lors de l édition d un article (ou de n importe quel élément nécessitant un éditeur de texte) par simple glisser/déposer. Une gestion des droits très évoluée. Vous pouvez par exemple créer des groupes d utilisateurs (indépendants de ceux de Joomla!) et personnaliser l éditeur (et donc les fonctionnalités) accessibles à ces groupes. JCE peut êgalement leur créer automatiquement un répertoire images de manière à ce que ces utilisateurs n aient accès qu à leurs propres images Des fonctionnalités comme les fenêtres popup lors d un clic sur une image. Vous pouvez télécharger cet éditeur sur le site de l auteur : ou sur le site de Sarki qui en assure le support et la traduction en français :

53 Community Builder Community Builder est une extension permettant de gérer les utilisateurs de votre site web avec beaucoup plus de souplesse que ce que Joomla! offre par défaut. C est avec ce type d extensions que vous pourrez créer un véritable réseau social. Cette extension nécessite un temps d apprentissage et de prise en main assez important. Vous pouvez télécharger Community Builder sur le site Joomlapolis.com Komento Komento est une extension gérant les commentaires d articles. Cette extension est compatible avec de nombreuses autres extensions comme K2, Community Builder, Zoo, Virtuemart... Vous pouvez télécharger Komento sur le site Stackideas.com Les extensions CK Les extensions CK vous permettent d jouter de nouvelles fonctionnalités à votre site web, comme par exemple un menu déroulant (avec le MaxiMenuCK), un slideshow (avec le SlideshowCK) ou encore vous permettre de créer votre propre template (avec Template CreatorCK). Vous pouvez retrouver toutes ces extensions sur le site joomlack.fr K2 K2 est un puissant CCK (Content Construction Kit) permettant d élargir les possibilités de Joomla (des gestionnaires de catégories et articles par exemple). Bien qu il ne soit pas parfait (il ne supporte pas entièrement la gestion ACL de Joomla!) il est relativement simple à prendre en main et permet d obtenir des résultats rapidement. Vous pouvez télécharger K2 sur le site getk2.org. Les extensions Phoca Les extensions Phoca vous permettent de faire de nombreuses choses comme gérer une galerie d images avec Phoca Gallery, gérer vos téléchargements avec Phoca Download, Gérer vos documentations avec Phoca Documentation, et bien d autres choses. Vous trouverez toutes ces extensions sur le site phoca.cz

54 Cours réalisé pour la Chambre de métiers de Toulouse par André Debaisieux formateur certifié CQP