Tutoriel Site Web Joomla Version : 1.0 by LHarant Page 1 Administration Sites web sous JOOMLA Sommaire 1) Les bases 2 1) Les notions de base de joomla 2 2) Accéder à l'administration du site 3 3) Créer une catégorie dans joomla 4 4) Créer un article dans joomla 6 5) Créer menu dans joomla 8 6) Créer un module dans joomla 12 7) Visualiser le site 14 2) Gestion avancée des Articles 15 1) Visualiser les articles en vedette 15 2) Mettre ou supprimer un article en première page 16 3) Supprimer un article 18
Tutoriel Site Web Joomla Version : 1.0 by LHarant Page 2 1) Les bases 1) Les notions de base de joomla Joomla c'est quoi? Joomla est-ce que l'on appel un CMS (système de gestion de contenu). Il permet de concevoir un site Internet dynamique. Joomla sépare le contenu de la forme. D'un côté vous tapez le texte et joomla s'occupe de toute la partie technique, sans avoir besoin de connaitre quoi que ce soit en programmation. Le texte est stocké dans la base de données et joomla s'occupe de l'affiché en fonction des demandes. Joomla est payant? Non, Joomla est gratuit. On peut trouver des extensions qui sont gratuites ou payantes. Les extensions rajoutent des fonctionnalités qui ne sont pas incluses dans la partie native de joomla. Pour télécharger des extensions traduites en français : http://extensions.joomla.fr/ ou pour avoir plus d'extensions, mais en anglaishttp://extensions.joomla.org/ Qu elles sont les prérequis pour utiliser joomla? Pour utiliser joomla, il faut un serveur web avec php >=5.2.4 et mysql. Vous pouvez aussi utiliser joomla avec un serveur web local (sur votre ordinateur) sous Windows, Mac ou Linux. Vous trouvez de nombreux serveurs web locaux gratuitement sur internet, comme Wampserver, par exemple. Concevoir la partie éditoriale de son site : Les textes sont appelés articles dans joomla. Les articles sont classés dans des catégories. Le site peut contenir plusieurs catégories et plusieurs articles. On crée des menus dans lesquels on peut mettre les catégories, les textes... Pour indiquer à joomla qu'il faut afficher le menu à un endroit du site, on utilise les modules Définitions : La catégorie : contiens des articles du même groupe. Par exemple : On a un site avec une catégorie sur les fruits : elle contiendra toutes les pages (articles) contenant la description des fruits. On a une autre catégorie, les légumes : cette catégorie contiendra les articles (pages) parlant des légumes. L'article : c'est votre page contenant les données. Elle peut contenir du texte, un titre, des images, vidéos... Article en vedette : l'article sera affiché sur la première page du site, sur la page d'accueil. Menu : Le menu peut être horizontal ou vertical. Il permet l'affichage des catégories, des articles... Administration : la partie administration est aussi appelée backend. C'est une interface qui n'est pas visible par les visiteurs. Elle permet au webmaster du site de mettre à jour les articles et de gérer le site. La partie site : Elle est aussi appelée frontend. C est la partie visible dans visiteurs du site. Editeur WYSIWYG : Joomla est fournis avec un éditeur WYSIWYG (What You See Is What You Get). Il vous permet de taper votre texte et de voir directement à l'écran la disposition des caractères, de la taille, des retraits... comme avec votre logiciel de traitement de texte.
Tutoriel Site Web Joomla Version : 1.0 by LHarant Page 3 2) Accéder à l'administration du site Nous allons maintenant accéder à la page d'administration du site. Dans la barre de navigation de votre navigateur, tapez : /administrator Ce qui donne : http://nomdusite/administrator cliquer sur la touche entrée du clavier. Exemple: Vous tapez votre identifiant et votre mot de passe. Vous êtes maintenant dans la partie administration de votre site : En bas, au milieu de la page, le numéro de version s'affiche.
Tutoriel Site Web Joomla Version : 1.0 by LHarant Page 4 3) Créer une catégorie dans joomla Nous allons maintenant créer notre première catégorie, que nous allons appeler : présentation. Si vous ne savez pas à quoi sert une catégorie, vous pouvez consulter la partie "1) Les notions de base" 1 : Cliquer sur Contenu -> Gestion des catégories -> Ajouter une catégorie 2 : ou cliquer directement sur le raccourci 1 : Non catégorisé : catégorie par défaut. Vous pouvez la garder, le renommer ou la supprimer. 2: Cliquer sur le bouton nouveau pour créer une nouvelle catégorie.
Tutoriel Site Web Joomla Version : 1.0 by LHarant Page 5 Titre : Nom de la catégorie. On va mettre présentation Alias : Nom qui sera affiché dans la barre d'adresse du navigateur si vous activez l'option Réécriture d'url en clair Parent : Si l'on veut faire une sous-catégorie Etat : Indique si la catégorie est active ou pas Accès : Indique qui peut lire votre texte Public : peut-être lu par tout le monde. Pas besoin d'être connecté Registered : Ne peut être lu que par les personnes enregistrées Langue: Indique sous quel langage la catégorie serra visible. Description: Vous pouvez rentrer une description de la catégorie, elle sera affichée sur la page catégorie Une fois les champs renseignés, cliquer sur : Enregistrer & Fermer : pour créer une nouvelle catégorie et pour Fermer Enregistrer & Nouveau : pour créer une nouvelle catégorie et pour une en créer une nouvelle On va cliquer sur Enregistrer & Fermer
Tutoriel Site Web Joomla Version : 1.0 by LHarant Page 6 4) Créer un article dans joomla Nous allons maintenant créer le premier article (texte). On va l'appeler exemple texte Si vous ne savez pas à quoi sert l'article, allez consulter la partie "1) Les notions de base" 1 : Cliquer sur Contenu -> Gestion des articles-> Ajouter un article 2 : ou cliquer directement sur le raccourci Ajouter un article
Tutoriel Site Web Joomla Version : 1.0 by LHarant Page 7 Titre : titre de l'article. Pour l'exemple, on va rentrer exemple texte Alias : prends automatiquement le nom de l'article, en minuscule. C'est le nom qui sera affiché dans la barre d'information du navigateur. Il peut être rentré manuellement. Il se mettra en minuscule, avec des tirets à la place des espaces. Catégorie : Chaque article doit appartenir à une catégorie, par défaut uncategorised. Choisir la catégorie - présentation que l'on a créée. Vous pourrez changer de catégorie comme vous voudrez, en cliquant sur cet écran. Statut: Indique si votre texte est publié ou pas Accès : Indique qui peut lire votre texte Public : peut-être lu par tout le monde. Pas besoin d'être connecté Registered : Ne peut être lu que par les personnes enregistrées En vedette : Indique si le texte est affiché ou pas en page d'accueil Langue : Indique sous quel langage l'article serra visible. Dans la partie texte, tapez votre texte Une fois que vous avez fini de taper votre texte, il faut cliquer sur : Enregistrer : pour enregistrer, sans quitter Enregistrer & Fermer : pour enregistrer et fermer Enregistrer & Nouveau : pour enregistrer et créer un nouvel article On va cliquer Enregistrer & Fermer
Tutoriel Site Web Joomla Version : 1.0 by LHarant Page 8 5) Créer menu dans joomla Pour afficher notre catégorie et notre article, nous avons besoin d'un menu. On pourrait utiliser le menu principal (le menu par défaut), mais nous allons créer un nouveau menu. Nous allons créer le menu en cliquant sur : Menus -> Gestion des menus -> Ajouter un menu Titre : Nom du menu Type de menu : Nom system du menu. Ne pas mettre d'accent, ni d'espace Description : Aide mémoire, facultatif
Tutoriel Site Web Joomla Version : 1.0 by LHarant Page 9 Une fois que vous avez fini de taper votre texte, il faut cliquer sur : Enregistrer : pour enregistrer, sans quitter Enregistrer & Fermer : pour enregistrer et fermer Enregistrer & Nouveau : pour enregistrer et créer un nouvel article On va cliquer Enregistrer & Fermer Cliquer sur Menu présentation (sur le menu que vous venez de créer) Le menu s'ouvre. Pour l'instant, il n'y a aucun lien dans le menu. On va créer le premier lien en cliquant sur le bouton nouveau
Tutoriel Site Web Joomla Version : 1.0 by LHarant Page 10 1 : Type de lien (voir ci-dessous) 2 : Titre du menu. C'est le nom qui sera affiché. On va choisir Présentation 3 : Statut. Indique si le lien est publié ou pas. 4 : Accès : indique si tout le monde y a accès ou s'il faut être enregistré pour le voir. 5 : Menus. Affiche le nom du menu. Il est possibilité de changer de menu.
Tutoriel Site Web Joomla Version : 1.0 by LHarant Page 11 Cliquer sur sélection, à côté de Type de lien du menu (1) et choisir Liste des articles d'une catégorie. Puis sélectionner dans : Sélection de catégorie : La catégorie que l'on veut afficher, dans notre cas présentation. On va cliquer sur Enregistrer & Fermer
Tutoriel Site Web Joomla Version : 1.0 by LHarant Page 12 6) Créer un module dans joomla Maintenant que nous avons créé notre menu, il faut dire à Joomla où on veut l'afficher. 1 : Cliquer sur Extensions-> Gestion des modules 2 : ou cliquer directement sur le raccourci Gestion modules Tous les modules du site sont affichés. Pour l'instant il n'y en a que 3 : le menu principal : avec le lien accueil. Il est affiché à la position-7 Le fil de navigation : indique où se trouve dans le chemin Connexion : affiche le module connexion
Tutoriel Site Web Joomla Version : 1.0 by LHarant Page 13 On peut cliquer sur pour dépublier le module. Un module dépublier s'affichera comme cela Cliquer sur Nouveau Cliquer sur Menu 1 : Nom du module. C'est le nom qui sera affiché. 2 : Montrer le titre. Indique si le nom du module doit être affiché ou pas. 3 : Nom du menu qui doit être affiché. On choisit notre menu. 4 : Position. On va choisir la position-7 dans le menu déroulant ou on tape le nom de la position directement. 5 : Statut. Indique si le module est affiché ou pas. 6 : Indique s'il doit être vu par tout le monde ou seulement par les personnes enregistrées. 7 : S'il y a plusieurs modules, on choisit l'ordre d'affichage (du premier au dernier). Cliquer sur Enregistrer & Fermer
7) Visualiser le site Tutoriel Site Web Joomla Version : 1.0 by LHarant Page 14 Cliquer sur voir le site pour afficher le site dans une nouvelle fenêtre. Le menu est affiché. Cliquer sur Présentation pour voir la catégorie et cliquer sur le lien, pour afficher le texte.
Tutoriel Site Web Joomla Version : 1.0 by LHarant Page 15 2) Gestion avancée des Articles 1) Visualiser les articles en vedette Pour visualiser tous les articles en vedette, il faut aller dans la partie administration du site Cliquer sur Gestion Articles 1 : Cliquer sur Articles en vedette Vous aurez tous les articles affichés en vedette.
Tutoriel Site Web Joomla Version : 1.0 by LHarant Page 16 2) Mettre ou supprimer un article en première page Pour mettre un article sur la première page (en vedette : terme utilisé par joomla), il faut aller dans la partie administration du site Cliquer sur Gestion Articles La première solution : 1 : Cliquer sur l'icône, de l'article que vous voulez mettre en vedette, qui devient. Votre article s'affiche alors en première page La deuxième solution :
Tutoriel Site Web Joomla Version : 1.0 by LHarant Page 17 1 : Cliquer sur le nom de l'article à mettre en vedette 2 : Cliquer sur Non et choisir Oui Cliquer sur l'icône Enregistrer & Fermer pour valider l'opération.
Tutoriel Site Web Joomla Version : 1.0 by LHarant Page 18 3) Supprimer un article Pour supprimer un article obsolète ou plus utiliser, il faut aller dans la partie administration du site Cliquer sur Gestion Articles 1 : Cliquer sur la case de l'article ou des articles que vous voulez supprimer (cliquer une 2e fois pour annuler la sélection). 2 : cliquer sur Corbeille pour supprimer le ou les articles sélectionnés.