[PDF] Manuel complet sur la création des sites Web avec le CMS Joolma | Cours informatique

(1)

(2)

SOMMAIRE

5 —

À PROPOS DU LIVRE

8 —

INTRODUCTION

13 —

GLOSSAIRE

19 —

BOÎTE À OUTILS

22 —

INSTALLATION

32 —

UN PETIT TOUR DU SITE

40 —

GESTIONNAIRES D’ARTICLES ET CATÉGORIES

47 —

GESTIONNAIRES DE MÉDIAS

49 —

PUBLIER LES ARTICLES

57 —

EXTENSIONS

62 —

LES COMPOSANTS

107 —

LES MODULES

117 —

LES PLUGINS

126 —

LES LANGUES

129 —

MENUS ET NAVIGATION

136 —

LES TEMPLATES

139 —

GESTIONS DES UTILISATEURS

148 —

SITE MULTILINGUE

162 —

SÉCURITÉ

166 —

SAUVEGARDER, DÉPLACER, RESTAURER UN SITE

186 —

TRUCS & ASTUCES

187 —

TOP 10 EXTENSIONS

191 —

CONCLUSION

(3)

À PROPOS DU LIVRE

Joomla! 3 Le Livre pour Tous a pour but de vous guider pour construire

et pour maintenir votre site web avec la version 3 du CMS Joomla!.

Ce livre vous accompagnera tout au long de votre découverte et de votre

prise en main de Joomla!, de la création à la mise en ligne de votre site,

et également lors de sa maintenance.

(4)

INTRODUCTION

Bienvenue dans Joomla! 3 Le Livre Pour Tous !

A qui s’adresse ce livre ?

Ce livre est écrit pour toutes les personnes qui débutent avec Joomla!,

ou qui possèdent déjà quelques connaissances avec les versions précédentes, et qui souhaitent construire et entretenir un site web sans avoir à entrer dans le code.

En lisant ce livre, vous serez capable de construire un site sur votre

ordinateur personnel, de transférer ce site en ligne, de le maintenir à jour, de créer et publier du contenu, d’installer des extensions offrant de nouvelles fonctionnalités, de sauvegarder et mettre votre site à jour et bien plus encore !

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.

(5)

Historique des versions de Joomla!

Joomla! a vu le jour en Août 2005 avec la version 1.0 et est aujourd’hui disponible sous une seule version stable : Joomla 3.x.

• Joomla 1.0 est sortie en septembre 2005 et n’est plus supportée depuis juillet 2009

• Joomla 1.5 (LTS) est sortie en janvier 2008 et n’est plus supportée depuis • septembre 2012

• Joomla 1.6 (STS) est sortie en janvier 2011 et n’est plus supportée depuis août 2011

• Joomla 1.7 (STS) est sortie en juillet 2011 et n’est plus supportée depuis février 2012

• Joomla 2.5 (LTS) est sortie en janvier 2012 n’est plus supportée depuis fin 2014

• Joomla 3.0 (STS) est sortie en septembre 2012 et n’est plus supportée depuis avril 2013

• Joomla 3.1 (STS) est sortie en avril 2013 et n’est plus supportée depuis le 6 novembre 2013

• Joomla 3.2 (STS) est sortie le 6 novembre 2013 et n’est plus supportée depuis avril 2014

• Joomla 3.3 (Version Mineure) est sortie le 30 avril 2014 et n’est plus supportée depuis février 2015

• Joomla 3.4 (Version Mineure) est sortie le 25 février 2015 et est la seule version supportée aujourd’hui (Avril 2015)

(6)

Version Majeure et Version Mineure

Le cycle des versions de Joomla! a été modifié le 7 avril 2014. Depuis cette modification, deux termes sont à retenir :

• Version Majeure (par exemple 3, 4, 5) • Version Mineure (par exemple 3.3, 4.0, 5.1)

La dernière Version Mineure d’une Version Majeure est désormais supportée 2 ans (à partir de sa date de sortie), indépendamment de la date de sortie de la Version Majeure qui lui succède.

Aujourd’hui, lors de l’écriture de ce livre, la version disponible est la version 3.4. C’est une Version Mineure de la Version Majeure 3.

La dernière Version Mineure de la Version Majeure 3 (que nous appellerons “3.y” car son numéro n’est pas encore connu) sera supportée 2 ans à partir de sa date de sortie.

Cela signifie que vous pouvez construire votre site aujourd’hui avec la version 3.4, puis vous ferez les mises à jour vers 3.5, puis vers 3.6 et jusqu’à 3.y. Cette version 3.y sera alors maintenue pendant au moins deux ans.

Pour résumer

• Joomla 3 > Version Majeure • Joomla 3.4 > Version Mineure

• Joomla 3.4.1 > Patch correctif (mise à jour de sécurité, correctif de bug, etc)

(7)

Quelle version de Joomla! choisir ?

Si vous débutez la création d’un nouveau site aujourd’hui (2015), ou n’importe à n’importe quelle date, vous devez toujours utiliser la dernière version de Joomla!.

Que serez-vous capable de faire en lisant ce livre ?

En lisant ce livre, vous serez capable de construire entièrement un site avec Joomla 3, de gérer votre contenu, de paramétrer les fonctionnalités natives de Joomla 3, d’ajouter de nouvelles fonctionnalités grâce aux extensions tierces, de mettre votre site en ligne, d’assurer sa maintenance et sa sécurité... et bien d’autres choses.

Version du livre

Parce que Joomla! est en constante évolution, ce livre sera régulièrement mis à jour, suivant les nouveautés apportées au CMS et suivant également les nouveaux tutoriels apportés.

Ce livre a initialement été écrit avec la version 3.0 de Joomla!. Il a été mis à jour à plusieurs reprises lors des sorties des différentes versions mineures (Joomla 3.1, 3.2, 3.3) de Joomla! 3 et il est désormais écrit pour la version 3.4. Il continuera à être mis à jour jusqu’à la prochaine version Majeure, Joomla 4, dont la date de sortie n’est pas encore connue.

Voici l’historique des versions du livre :

• 18 mars 2013 : Sortie de Joomla! 3 Le Livre Pour Tous version 1 réalisé avec la version 3.0 de Joomla!

• 15 avril 2013 : Sortie de Joomla! 3 Le Livre Pour Tous version 2 revu avec la version 3.1 de Joomla!. Ajout du chapitre Composant Tags

• 6 novembre 2013 : Sortie de Joomla! 3 Le Livre Pour Tous version 3 revu avec la version 3.2 de Joomla!. Ajout du chapitre Message Post Installation. • 6 mai 2014 : Sortie de Joomla! 3 Le Livre Pour Tous version 4 revu avec la version 3.3 de Joomla!. Ajout du chapitre Message Post Installation • 14 avril 2015 : Sortie de Joomla! 3 Le Livre Pour Tous version 5 revu avec la version 3.4 de Joomla!.

(8)

La Communauté Joomla!

La lecture de cet ouvrage va vous permettre de comprendre les bases de Joomla!, mais vous aurez certainement des questions complémentaires. Pour cela, aucun problème, Joomla! possède une très grande communauté à travers le monde. Vous trouverez certainement les réponses à vos questions grâce à tous les articles et tutoriels régulièrement publiés, grâce à la

documentation officielle de Joomla! (en anglais) et surtout grâce à la richesse et la réactivité des forums d’entre-aide :

• The Joomla! Forum : le forum officiel de Joomla!, anglophone : forum.joomla.org

• Et sa partie francophone :

forum.joomla.org/viewforum.php?f=19

• Le forum de l’AFUJ - Association Francophone des Utilisateurs de Joomla! : forum.joomla.fr

• Le forum de notre site : cinnk.com/forum

• D’autres sites de support indépendants comme par exemple : aide-joomla.com

La communauté Joomla!, c’est aussi plusieurs milliers d’extensions vous permettant d’étendre les fonctionnalités de Joomla!.

(9)

GLOSSAIRE

Avant de commencer, nous allons voir quelques termes dont certains

propres à Joomla!. Nous verrons seulement les principaux,

vous en découvrirez de nombreux autres au cours du livre.

Si vous cherchez un terme en particulier, vous pouvez consulter

le Glossaire général du site :

cinnk.com/joomla/cms/glossaire-des-termes-joomla

Si vous n’y trouvez pas le terme que vous recherchez, écrivez-moi via le Forum ;) cinnk.com/forum

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...).

(10)

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 www.votre-site.com/administrator

(11)

Fichier, dossiers et base de données

L’installation de votre site Joomla!, en elle-même, comporte deux parties : les Dossiers/Fichiers et la Base de données.

Les Dossiers/Fichiers : Joomla 3 est composé de plusieurs milliers de fichiers, eux- mêmes classés en dossiers. Si vous téléchargez et dé-zippez un pack Joomla! vous aurez accès à ces Dossiers et Fichiers. Si votre site Joomla! est installé en local, ces Dossiers et Fichiers seront placés dans un répertoire de votre serveur local, si votre site est hébergé chez un hébergeur distant, ces Dossiers et Fichiers seront placés dans l’espace que cet hébergeur aura mis à votre disposition. Vous pourrez alors y accéder via un Client FTP.

Dossiers et Fichiers de Joomla!

La base de données : Lors de la procédure d’installation, Joomla! va créer 68 tables dans la base de données. C’est par exemple dans ces tables que Joomla! va “ranger” le contenu de vos articles.

(12)

Catégorie

Afin d’organiser vos éléments (comme les articles, les fiches contact, les bannières) vous devrez créer au préalable des catégories. Joomla! 3 permet d’imbriquer les catégories à l’infini, et ces catégories peuvent contenir des articles et ou des catégories (qui pourront elles-mêmes contenir des articles et des catégories, etc...).

Cela peut paraître inutile au départ, mais lorsque vous aurez des dizaines ou des centaines d’articles, vous vous y retrouverez bien plus facilement s’ils sont bien classés en catégories et sous-catégories.

Utilisateur

Au cours de ce livre, nous qualifierons d’utilisateurs toute personne qui navigue sur le site, que ce soit simplement pour le visiter et consulter son contenu (les visiteurs), pour s’y connecter et y créer du contenu (les auteurs par exemple) ou se connecter à l’administration pour organiser ce contenu (les administrateurs).

Editeur

A chaque fois que vous éditerez un contenu, vous pourrez éditer/modifier ce contenu grâce à votre éditeur.

Lors de l’installation de Joomla!, vous avez installé l’éditeur TinyMCE, mais il existe plusieurs éditeurs pour Joomla!, plus ou moins avancés proposant d’autres fonctionnalités complémentaires à ce que propose TinyMCE. Vous pourrez choisir quel éditeur utiliser :

Sur tout le site :

Système > Configuration > Editeur par défaut. Pour votre compte :

Votre profil (en haut à droite de l’administration) > Modifier le Compte > Paramètres de base > Editeur

Editeur TinyMCE

Si vous souhaitez utiliser un éditeur plus complet, vous pouvez regarder JCE, qui est disponible gratuitement et en français.

(13)

Barre d’outils

Lorsque vous naviguez dans l’administration de votre site, vous aurez très souvent accès à des barres d’outils.

Ces dernières vous permettent d’effectuer des actions sur un ou plusieurs éléments. Nous pouvons distinguer deux types différents de barres d’outils : celles placées dans les gestionnaires d’éléments et celles placées dans les éditions d’éléments.

Lorsque vous vous rendez dans un gestionnaire (d’articles, de modules, de composants) vous obtenez une barre d’outils semblable à celle-ci :

Barre d’outils du gestionnaire d’articles

Lorsque vous éditez un élément, (un article, un module, un élément de menu) vous obtenez une barre d’outils semblable à celle-ci :

(14)

Cette barre d’outils des différents gestionnaires vous permet : • Nouveau : créer un nouvel élément

• Modifier : modifier l’élément sélectionné

• Publier : publier le ou les élément(s) sélectionné(s) • Dépublier : dépublier le ou les élément(s) sélectionné(s) • En Vedette : Mettre en vedette le ou les éléments sélectionné(s) • Archiver : archiver le ou les élément(s) sélectionné(s)

• Déverrouiller : dévérrouiller le ou les élément(s) sélectionné(s) • Corbeille : placer à la corbeille le ou les élément(s) sélectionné(s) • Traitement : permet de modifier les niveaux d’accès, les langues, les catégories du ou des élément(s) sélectionné(s). Dans le gestionnaire de menus, ce paramètre permet de déplacer plusieurs éléments de menu d’un menu à un autre

• Paramètres : permet de gérer de manière globale tous les éléments • Aide : Un lien vers le site d’aide, et sur l’article concernant la page sur laquelle vous vous trouvez. En anglais

Cette barre d’outils vous permet lors de l’édition d’un élément : • Enregistrer : Enregistrer l’élément

• Enregistrer & Fermer : Enregistrer et Fermer l’élément (vous enregistrez et retournez dans le gestionnaire de l’élément)

• Enregistrer & Nouveau : Enregistrer l’élément, et en créer un nouveau. • Enregistrer une copie : Enregistrer l’élément et en créer un nouveau (vous vous retrouvez ensuite dans l’édition de la copie). Ce bouton n’apparaît que lorsque vous avez déjà enregistré au moins une fois l’élément

• Fermer : Fermer sans enregistrer, toutes les modifications seront perdues • Aide : Un lien vers le site d’aide, et sur l’article concernant la page sur laquelle vous vous trouvez. En anglais

(15)

BOÎTE À OUTILS

Afin de créer et gérer correctement votre site Joomla!, vous aurez besoin

de plusieurs outils. Certains sont obligatoires

(un serveur web, une base de données) d’autres sont facultatifs mais vous

faciliteront grandement la tâche, aussi bien pour améliorer votre contenu

que pour sécuriser votre site web.

Un serveur web sur votre ordinateur

Pour construire votre site, pour faire des tests mais aussi pour vérifier vos sauvegardes, vous aurez certainement besoin d’installer un serveur local sur votre ordinateur. Cela n’est pas très compliqué et se fait assez rapidement. Voici une liste de serveurs selon l’environnement que vous utilisez :

POUR MAC

• MAMP est une bonne solution. Vous pouvez téléchargez MAMP sur le site officiel :

mamp.info

• XAMPP à télécharger sur le site officiel : apachefriends.org

POUR WINDOWS

• WAMP Server à télécharger sur le site officiel : wampserver.com

POUR LINUX

Un client FTP

Pour mettre votre site Joomla! en ligne, pour envoyer des fichiers, dossiers, et images sur votre serveur, pour installer certaines extensions, pour sauvegarder votre site, vous aurez besoin d’un client FTP.

Il existe de nombreux clients FTP. En voici un qui est gratuit et compatible Mac, Windows et Linux, FileZilla : filezilla.fr

(16)

Plusieurs navigateurs

Afin de vérifier que l’affichage de votre site est identique pour tous vos visiteurs, vous devrez le vérifier sur différents navigateurs. En voici quelques uns gratuits :

• Mozilla Firefox : mozilla.org

• Google Chrome : google.com/intl/fr/chrome/browser • Chromium : chromium.org

• Opera : opera.com

Un éditeur de texte

Si vous souhaitez modifier certains fichiers (html, css, php...) pour personnaliser le design ou les fonctionnalités de votre site, vous aurez besoin d’un éditeur. Voici une liste d’éditeurs selon l’environnement que vous utilisez :

• Pour Mac : Smultron : sourceforge.net/projects/smultron • Pour Windows : Notepad++ : notepad-plus-plus.org • Pour Linux : Nano (liens différents selon distribution)

Un logiciel de retouche d’images

Vous aurez certainement besoin, un jour ou l’autre, de retoucher vos images. Pour cela, il existe un logiciel complet et libre, GIMP :

gimp.org

Ce logiciel nécessite un temps de prise en main, mais permet de faire pas mal de choses ensuite. De plus, il est supporté par une belle communauté qui assure un bon support au travers des différents forums d’entre-aide.

Quelques extensions

Parmi les plus de 8 000 extensions que référence le JED (joomla! Extensions Directory), certaines sont des incontournables.

Dans le chapitre Top 10 extensions, vous retrouverez mes 10 extensions favorites. Cette liste n’engage bien sûr que moi ;)

(17)

Quelques liens utiles

Pour construire votre site Joomla! vous aurez certainement besoin de visiter les sites suivants :

• Joomla.org, le site officiel de Joomla! ainsi que son forum et sa section francophone.

• Le JED (Joomla Extensions Directory) qui répertorie plus de 10 000 extensions Joomla!

• Joomla Community Magazine sur lequel sont publiés des articles sur Joomla! tous les mois.

• Le portail de l’AFUJ sur lequel vous pourrez télécharger les packs Joomla! • francisés, et son Forum sur lequel vous pourrez aider et être aidé.

• Vous trouverez également plusieurs sites indépendants offrant support, • actualité et traductions, comme par exemple Aide-Joomla.com.

(18)

INSTALLATION

Joomla! s’installe assez rapidement, à partir du moment où vous avez tous

les éléments nécessaires :

• Un serveur pour stocker les dossiers et fichiers ainsi qu’une base de données (en local ou sur serveur distant).

• Un navigateur web.

• Les identifiants et mots de passe FTP et de la Base de données (fournis par votre hébergeur. Pour une installation locale, voir ci-dessous). • Une connexion internet (dans le cas d’une installation distante).

• Un client FTP (dans le cas d’une installation distante). • Un pack Joomla!.

Pré-requis de Joomla!

Logiciel Recommandé Minimum Plus d’information

PHP 5.3.1 5.3.1 http://www.php.net

Bases de Données Supportées

MySQL 5.1 + 5.1 + http://www.mysql.com

MSSQL 10.50.1600.1 + 10.50.1600.1 + http://www.microsoft. com/sql

PostgreSQL 8.3.18 + 8.3.18 + http://www.postgresql. org

Serveurs Web Supportés

Apache 2.x + 2.x + http://www.apache.org

Nginx 1.1 1.1 http://wiki.nginx.org

Microsoft IIS http://www.iis.net

Source : Joomla.org

Attention : pour fonctionner correctement, Joomla! a besoin de certains pré-requis :

(19)

Télécharger Joomla!

Avant d’installer Joomla!, vous allez devoir le télécharger.

Il n’existe qu’un seul site officiel sur lequel vous pouvez télécharger Joomla!. Ce site est le sitejoomla.org

Cependant, la communauté française propose des packs entièrement francisés. Si vous êtes débutant, il est conseillé d’utiliser ces packs car ils contiennent également les données d’exemple en français. Ces données d’exemple vous aideront à vous familiariser avec le CMS.

Vous pouvez donc télécharger Joomla! en français à l’adresse joomla.fr

Installation locale ou installation distante

Vous avez deux possibilités

VOUS SOUHAITEZ CONSTRUIRE VOTRE SITE EN LOCAL

Dans ce cas vous devrez préalablement installer un serveur local sur votre ordinateur. Il existe plusieurs serveurs différents, si vous êtes utilisateur MAC, vous pouvez regarder MAMP et vous aider de ce tutoriel (le tutoriel est écrit pour Joomla 2.5, si vous êtes utilisateur Windows, vous pouvez regarder WAMP, et enfin, si vous êtes utilisateur Linux vous pouvez par exemple regarder XAMPP. Une fois ce serveur local installé, dé-zippez le pack Joomla! téléchargé, et placez-le à la racine de ce serveur. Pour des raisons pratiques, vous pouvez renommer ce dossier, dans ce tutoriel, nous le nommerons “site-joomla”. Vous pouvez lui donner le nom que vous souhaitez à partir du moment où il ne contient ni espaces ni caractères spéciaux (é, à, è, ù,...)

VOUS SOUHAITEZ CONSTRUIRE VOTRE SITE DIRECTEMENT EN LIGNE Dans ce cas, vous aurez simplement besoin de vos identifiants pour vous connecter par FTP et à la base de données (fournis par votre hébergeur). Une fois Joomla! téléchargé, vous devez dé-zipper le pack et en transférer le contenu par FTP à l’aide d’un client FTP sur le serveur mis à disposition par votre hébergeur. Une fois le transfert terminé, vous accédez à l’URL de votre nom de domaine et vous arrivez directement sur la page d’installation.

(20)

Installation de Joomla! en trois étapes

Depuis la version 3.0, Joomla! comporte une installation simplifiée, elle se compose de 3 étapes (contre 7 avec Joomla 2.5) : 1 Configuration, 2 Base de données, 3 Vue d’ensemble.

Pour lancer l’installation de Joomla!, vous devez vous rendre à l’adresse suivante :

Si vous utilisez WAMP ou un autre logiciel dans un environnement Windows : http://localhost/sitejoomla

Si vous utilisez MAMP dans un environnement Mac OS : http://localhost:8888/sitejoomla

Si vous avez installé Joomla! en ligne : http://www.votre-nom-de-domaine.com

PRÉ-INSTALLATION

Si votre environnement ne remplit pas les pré-requis de Joomla! vous obtiendrez un écran affichant des erreurs.

Dans certains cas, vous ne pourrez pas continuer l’installation de Joomla!, il vous faudra donc régler les problèmes inscrits en rouge. Si vous n’avez pas d’erreur, votre environnement remplit les pré-requis de Joomla!, et vous allez pouvoir installer Joomla! en quelques minutes.

(21)

ETAPE 1 - CONFIGURATION

Pendant l’installation, vous ne devez pas utiliser les boutons Précédent et Suivant de votre navigateur. Les boutons Précédent/Suivant vous permettent de naviguer entre les pages en cas de besoin.

Etape 1 - Configuration

1 – Choisissez la langue souhaitée pour effectuer l’installation. 2 – Saisissez le nom de votre site.

3 – Saisissez une description de votre site, utile pour le référencement (ce paramètre pourra être rempli après l’installation de Joomla!). 4 – Saisissez votre e-mail

5 – Saisissez votre identifiant. Par défaut cet identifiant est “admin”, si vous installez Joomla! sur un serveur distant, il est grandement conseillé d’utiliser un autre identifiant (voir le chapitre sécurité). Si vous installez Joomla! en local, vous pouvez laisser “admin”.

6 – Saisissez et confirmez votre mot de passe (voir le chapitre sécurité). 7 – Vous pouvez choisir de verrouiller l’accès au public une fois l’installation terminée.

Une fois que vous avez rempli tous les champs, vous pouvez cliquer sur le bouton Suivant.

Il est conseillé de noter votre identifiant et mot de passe. Ces identifiants sont ceux du compte super utilisateur, sans eux, vous ne pourrez pas accéder à l’administration de votre site. Notez-les deux fois.

(22)

ETAPE 2 - BASE DE DONNÉES

Etape 2 - Base de données

A cette étape, Joomla! va créer la base de données. Si vous installez Joomla! sur un serveur local, vous n’avez normalement pas besoin de créer cette base de données au préalable (sauf certains serveurs). Si vous installez Joomla! sur un serveur distant, vous devez créer cette base de données au préalable, il vous suffit ensuite d’entrer les identifiants fournis par votre hébergeur.

1 – Le type de base de données. Normalement, vous n’avez pas à modifier ce réglage.

2 – Identifiants de la base de données : voir ci-dessous selon votre environnement.

(23)

Si vous utilisez WAMP ou un autre logiciel dans un environnement Windows Nom du serveur de base de données localhost

Nom de l’utilisateur de la base de données root Mot de passe de l’utilisateur de la base de

données -pas de mot de

passe-Nom de la base de données basejoomla Si vous utilisez MAMP dans un environnement Mac OS

Nom du serveur de base de données localhost Nom de l’utilisateur de la base de données root Mot de passe de l’utilisateur de la base de

données root

Nom de la base de données basejoomla

Si vous installez Joomla! sur un serveur distant, vous devez entrer les informations que votre hébergeur vous a fait parvenir.

3 – Joomla! génère aléatoirement un préfixe de table (de 5 caractères), vous pouvez le modifier si vous le souhaitez.

4 – Si vous avez une ancienne installation de Joomla!, sur la même base, vous pouvez choisir de sauvegarder ou de supprimer les tables de cette installation.

Une fois que vous avez rempli tous les champs, vous pouvez cliquer sur le bouton suivant.

Le nom de base de données “basejoomla” a été pris pour l’exemple. Il est bien sûr possible de remplacer ce nom. Pour éviter les problèmes, il est conseillé de ne pas utiliser d’espace et/ou de caractères spéciaux :

Base de données Joomla : Pas Ok base_de_donnees_joomla : Ok

(24)

ETAPE 3 - VUE D’ENSEMBLE

Etape 3 - Vue d’ensemble

1 – Choisissez d’installer ou non les données d’exemple de Joomla!. 2 – Vous pouvez choisir d’envoyer les données de configuration de cette installation par mail. Cela peut par exemple vous être utile pour une prochaine installation. Le mail sera envoyé à l’adresse que vous avez entrée dans l’étape 1.

Une fois que tout est réglé, vous cliquez sur le bouton suivant.

Les données d’exemple sont des sites finalisés présentant Joomla!. Si vous êtes débutant, il est conseillé d’installer ces données d’exemple afin de vous familiariser avec Joomla!. Vous pourrez toujours installer un autre Joomla! dans un autre répertoire afin de créer votre site en parallèle de celui comportant les données d’exemple. Pour suivre ce livre, il est conseillé d’installer les “Données d’exemple pour apprendre Joomla! en français”.

Depuis la version 3.2, Joomla! permet de paramétrer un site multilingue lors de l’installation. Si vous souhaitez paramétrer votre site comme multilingue, vous ne devez pas installer de données d’exemple. Pour paramétrer ce site multilingue, voir ci-dessous.

Si vous ne paramétrez pas ce site comme multilingue, il sera bien sûr possible de le faire par la suite. Pour cela, voir le chapitre Site multilingue avec Joomla!.

(25)

Site multilingue lors de l’installation de Joomla!

Comme nous venons de le voir plus haut, il est possible de paramétrer Joomla! pour qu’il soit multilingue.

Si vous souhaitez faire cela lors de l’installation, cliquez sur le bouton Etape supplémentaire : Installation de langues (1) :

Installation de langues supplémentaires Vous arrivez ensuite devant cette page :

Installation de paquets de langue

Ici, vous devez sélectionner les langues que vous souhaitez installer (1), puis cliquer sur le bouton suivant (2)

(26)

Paramétrage multilingue lors de l’installation de Joomla! 1 - Activer la fonctionnalité multilingue : Oui

2 - Installer des contenus localisés : (conseillé) ce paramètre vous permet de créer automatiquement des éléments dans chaque langue comme un article, une catégorie, etc.

3 - Activer le plugin Code Langue : Ce plugin vous permet d’optimiser votre site multilingue pour les moteurs de recherche. Plus d’info dans le chapitre multilingue.

4 - Vous pouvez choisir la langue par défaut de la partie administration (Backend).

5 - Vous pouvez choisir la langue par défaut de la partie frontale (Frontend). Une fois que tout est bon, cliquez sur le bouton suivant (6)

(27)

Fin de l’installation et suppression du répertoire d’installation

Fin de l’installation et suppression du répertoire d’installation Félicitation! Joomla! est installé !

Avant de pouvoir accéder à votre site, vous devez supprimer le répertoire d’installation (1).

Vous pourrez ensuite accéder à votre site ou à l’administration (2). Votre site est accessible aux adresses suivantes :

Le Frontend

• Si vous utilisez WAMP ou un autre logiciel dans un environnement Windows http://localhost/sitejoomla

• Si vous utilisez MAMP dans un environnement Mac OS http://localhost:8888/sitejoomla

• Si vous avez installé Joomla! en ligne http://www.votre-nom-de-domaine.com

Le Backend

• Si vous utilisez WAMP ou un autre logiciel dans un environnement Windows http://localhost/sitejoomla/administrator

• Si vous utilisez MAMP dans un environnement Mac OS http://localhost:8888/sitejoomla/administrator

• Si vous avez installé Joomla! en ligne

(28)

UN PETIT TOUR DU SITE

Vous venez donc de terminer l’installation de votre site Joomla!. Pour

continuer, nous allons faire un petit tour rapide de ce site. Dans ce chapitre,

nous allons utiliser une installation de Joomla! comportant les données

d’exemple.

Ces deux parties sont accessibles aux adresses suivantes : La partie site (ou frontend) :

• Si vous utilisez WAMP ou un autre logiciel dans un environnement Windows http://localhost/sitejoomla

• Si vous utilisez MAMP dans un environnement Mac OS http://localhost:8888/sitejoomla

• Si vous avez installé Joomla! en ligne http://www.votre-nom-de-domaine.com La partie administration (ou backend) :

• Si vous utilisez WAMP ou un autre logiciel dans un environnement Windows http://localhost/sitejoomla/administrator

• Si vous utilisez MAMP dans un environnement Mac OS http://localhost:8888/sitejoomla/administrator

• Si vous avez installé Joomla! en ligne

http://www.votre-nom-de- domaine.com/administrator Petit rappel, votre site Joomla! comporte deux parties

• La partie site (ou frontend). C’est la partie “visible” ou “publique” du site. C’est celle à laquelle vos visiteurs et utilisateurs ont accès.

• La partie administration (ou backend). C’est la partie “cachée” du site. C’est là que vous (et peut-être d’autres administrateurs) allez organiser ce qui sera affiché sur le frontend de votre site.

(29)

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). Les données d’exemple vous donnent un aperçu de ce que vous pourrez réaliser avec Joomla 3. Ces données d’exemple vous présentent également le CMS, ses fonctionnalités, sa communauté (Joomla.org et Joomla.fr)... Prenez le temps de naviguer entre les articles, de les consulter.

Vous pouvez également vous connecter au site. Après connexion, un nouveau menu (accessible seulement aux personnes enregistrées et connectées) s’affichera. A partir de ce menu (le Menu Membre), vous pourrez consulter votre profil, proposer un article et proposer un lien web.

(30)

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.

(31)

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).

(32)

LE MENU SUPÉRIEUR

Ce menu est présent en permanence où que vous soyez sur l’administration du site. Cependant, dans certains cas (édition d’éléments comme les articles, modules ou éléments de menu par exemple) ce menu ne sera pas cliquable, vous remarquerez qu’il s’affichera en sous-brillance. Vous devrez donc quitter l’élément que vous êtes en train d’éditer (en le sauvant, ou simplement en le fermant) pour avoir de nouveau accès à ce menu.

Ce menu se compose de sept éléments de menu, composés eux-mêmes de sous-éléments. Voyons cela en détail.

SYSTÈME

Le menu Système est composé de 6 sous éléments :

• Panneau d’administration : Retour au panneau d’administration, la page d’accueil de l’administration du site.

• Configuration : Cet élément de menu vous permet d’accéder aux paramètres suivants :

Site : Pour paramétrer le nom du site, l’éditeur par défaut, les métadonnées (description du site, mots-clés...), les paramètres SEO (Wikipédia), mettre le site hors ligne (utile pour les interventions de maintenance)..

Système : Pour régler vos dossiers ‘logs’, activer le débogage système, gérer le cache ou la durée des sessions.

Serveur : Pour paramétrer tout ce qui est en relation avec votre serveur, accès FTP, base de données.

Droits : Pour paramétrer la gestion générale des droits, le système ACL de Joomla!. Ce sujet sera développé dans le chapitre Gestion des Utilisateurs.

Filtres de texte : pour paramétrer les éléments HTML autorisés à être insérés dans les zones de contenu des éditeurs par les différents groupes d’utilisateurs.

• Déverrouiller : pour déverrouiller les tables qui auraient été verrouillées. • Purger le cache : purger le cache de Joomla! peut être utile lorsque, par exemple, vous apportez des modifications et que celles-ci ne sont pas prises en compte.

• Purger les fichiers expirés : supprimer du cache seulement les fichiers expirés.

• Informations système : retrouvez ici toutes les informations de votre système.

(33)

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.

Le menu Utilisateurs est composé de 6 sous éléments :

Gestions des utilisateurs : vous retrouvez ici l’ensemble des utilisateurs inscrits sur le site.

• Groupes : vous retrouvez ici l’ensemble des groupes d’utilisateurs créés sur le site. Si vous avez installé Joomla! avec les données d’exemple, vous devriez en avoir 11, sinon 9.

• Niveaux d’accès : vous retrouvez ici l’ensemble des niveaux d’accès créés sur le site. Si vous avez installé Joomla! avec les données d’exemple, vous devriez en avoir 5, sinon 4.

• Notes utilisateurs : gérez ici vos notes d’utilisateurs.

• Catégories des notes : ici les catégories pour gérer les Notes d’utilisateurs. • Envoi d’e-mails en nombre : gérez ici les e-mails à envoyer à vos

utilisateurs, groupe par groupe.

A chaque fois que vous passez votre souris sur un des ces sous-menus, un nouveau niveau de sous-menu s’affiche (Ajouter un utilisateur ou Ajouter un groupe...) vous permettant de directement passer au formulaire de création de nouvel élément.

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. 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 !

(34)

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.

• Bannières : permet de gérer l’affichage de bannières (publicitaires ou non) sur le site.

• Fiches de contact - permet de créer des formulaires de contact à partir desquels les visiteurs pourront entrer en contact avec vous (ou les autres utilisateurs du site pour lesquels vous aurez créé une fiche contact). • Fils d’actualité : permet de publier sur votre site des informations venant d’autres sites.

• Liens web : permet de publier des listes de liens web (avec description) vers vos sites partenaires ou amis par exemple.

• Messagerie privée : permet aux administrateurs du site de pouvoir communiquer entre eux.

• Mise à jour de Joomla! : permet de gérer les mises à jour du CMS. • Recherche : permet aux utilisateurs du site de faire des recherches à travers le contenu de celui-ci.

• Recherche avancée : est un nouveau composant de recherche destiné à remplacer le composant de recherche (com_search).

• Redirection : référence les liens morts de votre site web et permet de les corriger en dirigeant vers de nouvelles adresses.

• Tags : permet d’afficher des contenus en provenance de différentes extensions.

• Message Post Installation : permet de consulter les messages importants obtenus après les installations (d’extensions tierces) ou les mises à jour (de Joomla! lui même et des extensions tierces).

(35)

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.

AIDE

Le menu Aide regroupe différents liens vers les sites qui vous seront très certainement utiles :

• Aide Joomla : Une documentation installée sur votre site, en anglais. • Forum de support officiel : Liens vers l’index du forum officiel Joomla!. En anglais.

• Forum Joomla.fr : Lien vers le forum de la communauté francophone. • Forum officiel français : Lien vers la section française du forum officiel de Joomla!.

• Documentation Wiki : Lien vers la documentation officielle de Joomla!. • Extensions Joomla : Lien vers le JED (Joomla! Extensions Directory) sur lequel vous trouverez plus de 10 000 extensions pour Joomla!.

• Traductions Joomla : Un lien vers la page des traductions pour Joomla!. Anglais.

• Ressources Joomla : Un lien vers différentes ressources sur Joomla!. En anglais.

• Portail de la communauté : Un lien vers Joomla! Community. Vous y retrouverez blogs et news sur Joomla!. En anglais.

• Centre de sécurité : Un lien vers le centre de sécurité de Joomla!, sur lequel vous pourrez consulter/remonter des problèmes de sécurité liés au CMS.

• Ressources développeurs : Diverses ressources pour les développeurs. • Boutique Joomla : Un lien vers la boutique officielle de Joomla!.

(36)

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. Si vous souhaitez par exemple publier une galerie d’images ou de vidéos, cela sera également considéré comme du contenu. De la même manière, un forum ou un livre d’or peuvent être considérés comme du contenu alors qu’ils ne seront pas gérés par le gestionnaire d’articles de Joomla!, mais par exemple par des extensions tierces.

Pour organiser vos articles, vous créez des catégories, puis vous classez ensuite vos articles dans ces catégories. Joomla 3 offre la possibilité d’imbriquer les catégories à l’infini.

(37)

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

Les catégories peuvent donc contenir des articles, mais également d’autres catégories qui contiendront à leur tour des articles (et peut-être d’autres catégories, etc).

Les catégories Entrées, Plats de résistance, Fromages et Desserts, sont les catégories “Racines”.

Il est important de bien définir cette arborescence à l’avance. De cette arborescence dépendra l’organisation de votre site. Vous pouvez pour cela le faire sur une feuille de papier, plutôt que de tout de suite créer ces catégories sous Joomla!.

Cette arborescence ne doit pas être décidée à la va-vite, vous devez

réellement prendre le temps de bien penser à tout. Bien sûr, si vous avez oublié quelque chose, il sera toujours possible de créer une catégorie supplémentaire par exemple, mais plus vous serez organisé au départ, plus vous gagnerez du temps par la suite.

(38)

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.

Gestionnaire de Catégories

1 - Retrouvez toutes vos catégories. Ici vous voyez celles installées avec les données d’exemple de Joomla!.

2 - La barre d’outils qui vous permet de créer, modifier, publier, dé-publier... vos catégories.

3 - Différents filtres vous permettant de rechercher des catégories en particulier. Comme pour tous les gestionnaires, si vous filtrez par Ordre (a) vous pouvez classer vos catégories par Glisser/Déposer.

4 - Trois onglets dirigeant vers le gestionnaire d’articles, le gestionnaire de catégories (cette page), les articles en vedette (explications en fin de chapitre).

Pour créer une nouvelle catégorie, cliquez sur le bouton Nouveau, la page suivante s’affiche :

(39)

Nouvelle Catégorie

1 - Donnez un titre à votre catégorie.

2 - Vous pouvez lui donner un alias (qui sera repris dans les URLs) si vous ne remplissez pas ce champ, Joomla! s’en chargera. 3 - Vous pouvez donner une description à votre catégorie.

4 - Choisissez un parent pour votre catégorie (afin d’organiser votre architecture). Si vous ne choisissez pas de parent, cette catégorie sera une catégorie “Racine” de votre architecture. Vous pouvez également lui donner un ou plusieurs Tags, régler son statut, son niveau d’accès (plus de précisions dans le chapitre Gestion des utilisateurs), et sa langue (plus de précisions dans le chapitre site multilingue).

5 - Vous pouvez donner une note ainsi qu’une note de version (Voir le content versioning) à votre catégorie.

6 - Vous pouvez affecter un auteur, une date (de création, de début de publication), une description, à votre catégorie.

7 - Vous pouvez réglez ses droits (plus de précisions dans le chapitre Gestion des utilisateurs).

8 - Enfin,vous retrouvez plusieurs paramètres comme le type de mise en page, ainsi qu’une image (que vous pouvez attribuer à cette catégorie).

(40)

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 :

Gestionnaire d’articles

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)

Pour créer un nouvel article, cliquez sur le bouton Nouveau, la page suivante s’affiche :

(41)

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....

5 - 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, e-mail, de l’affichage du vote sur les articles...

9 - Réglez les paramètres de création/modification des différents éléments qui composent l’article.

10 - Réglez ces droits (plus de précisions dans le chapitre Gestion des utilisateurs).

11 - 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. Une fois que vous avez terminé, vous pouvez cliquer sur le bouton Enregistrer & Fermer.

Il ne vous reste plus qu’à créer les autres articles de votre site.

Afin d’éviter de perdre du travail lors d’une fausse manipulation, d’une déconnexion, d’une panne d’électricité... il est conseillé de sauvegarder régulièrement votre article pendant que vous êtes en train de l’éditer. Pour cela, cliquez sur le bouton Enregistrer.

(42)

Articles en vedette

Lorsque vous êtes dans le gestionnaire d’articles ou de catégories, vous avez un lien Articles en vedette. De même, lorsque vous éditez un article, vous pouvez choisir de le publier en Vedette.

Le statut En vedette sert à l’élément de menu de type Blog des articles en vedette. Cela vous permet d’afficher un blog reprenant des articles provenant de plusieurs catégories du site : Les articles mis en Vedette. En cliquant sur le lien de menu Article en vedette, vous afficherez la liste de tous ces articles en vedette. Vous pourrez modifier l’ordre de publication de ces articles (à condition que l’élément de menu soit bien paramétré).

Versioning de contenu - Stocker et restaurer les anciennes versions de

contenu

Depuis la version 3.2 de joomla!, il est possible de stocker les différentes versions de vos contenus.

En deux mots, chaque fois qu’un utilisateur (vous ou un autre utilisateur ayant les droits pour modifier les articles) va modifier un article, Joomla! va sauvegarder le contenu tel qu’il était avant la modification.

Vous pourrez donc consulter ces différentes versions, et si besoin les restaurer.

Cette nouvelle fonctionnalité est décrite dans le billet Versioning de contenu, un aperçu de la nouvelle fonctionnalité proposée par Joomla! :

(43)

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. 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.

(44)

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 :

Gestionnaire de médias dans l’édition d’un contenu

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.

(45)

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 :

Nouveau Lien de menu

Ici, vous retrouvez tous les types de liens de menu vous permettant d’afficher vos articles. Voyons cela en détail.

(46)

Articles archivés

L’élément de menu Articles archivés vous permet d’afficher les Articles archivés de votre site.

Lien de menu Articles archivés

1 - 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 - Vous retrouvez différents paramètres comme l’ordre des articles, le nombre d’articles à afficher, la taille du texte d’introduction.

3 - Vous pouvez régler les paramètres pour les articles affichés via cet élément de menu, afficher le texte d’introduction, l’auteur des articles, les différentes dates (création, publication, modification)...

4 - Assignez les modules de votre choix à cet élément de menu.

Une fois que tout est bien paramétré, cliquez sur le bouton Enregistrer & Fermer. En Frontend, lorsque vous accédez à cet élément de menu, vous retrouvez un filtre permettant d’afficher les articles par date.

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 archivés, du menu A propos de Joomla! est de type Articles archivés.

(47)

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.

Si vous avez installé Joomla! avec les données d’exemple, l’élément de menu Utiliser Joomla!, du menu A propos de Joomla! est de type Article.

(48)

Liste de toutes les catégories

L’élément de menu Liste de toutes les catégories vous permet d’afficher les articles de toutes les catégories, ou d’une catégorie sélectionnée.

Lien de menu Liste de toutes les catégories

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 la liste.

3 - Paramètres des catégories : Les paramètres en relation avec les catégories, lorsqu’un utilisateur clique sur le lien.

4 - Paramètres d’affichage blog : Les paramètres en relation avec la présentation des articles sous forme de blog.

5 - Listes : Les paramètres en relation avec la présentation des articles en liste. 6 - 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).

7 - Paramètres d’intégration. Vous pouvez intégrer un fil RSS ou un flux. 8 - Les paramètres communs à tous les éléments 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 > Liste de catégories, du menu A propos de Joomla! est de type Liste de catégories.

(49)

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

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.

(50)

Liste des articles d’une catégorie

L’élément de menu Liste des articles d’une catégorie vous permet d’afficher sous forme de liste les articles d’une catégorie (et si souhaité de ses catégories enfants).

Lien de menu Liste des articles d’une catégorie

2 - Paramètres des catégories : Les paramètres en relation avec les catégories affichées dans la liste.

3 - Liste : Réglez ici les paramètres d’affichage de vos listes, vous pouvez par exemple choisir d’afficher un sélecteur, un en-tête, les dates, les auteurs... 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.

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 liste, du menu A propos de Joomla! est de type Liste des articles d’une catégorie.

(51)

Blog des articles en vedette

L’élément de menu Blog des articles en vedette vous permet d’afficher sous forme de blog les articles que vous avez assignés En vedette. Pour assigner un article En vedette, vous devez éditer l’article et régler ce paramètre.

Lien de menu Blog des articles en vedette

2 - Paramètres d’affichage : Vous pouvez sélectionner les catégories dont vont provenir les articles en vedette, régler l’affichage des articles (com-plet, introduction, colonnes, lien) comme nous l’avons vu pour le blog d’une catégorie, l’ordre d’affichage...

3 - 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).

4 - Paramètres d’intégration. Vous pouvez intégrer un fil RSS ou un flux. 5 - Les paramètres communs à tous les éléments de menu

6 - Assigner 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 Accueil, du menu Ce site est de type Blog des articles en vedette.

(52)

Référencement

Pour chaque type d’élément de menu, vous avez différents paramètres vous permettant de régler certains éléments importants pour le référencement de votre site Joomla!.

TITLE

Dans l’onglet “Paramètres d’affichage de la page”, vous retrouvez le paramètre “Titre dans le navigateur” qui vous permet de régler la balise <title> de votre page.

La balise <title> fait partie des éléments les plus importants dans lesquels vous pouvez placer vos mots- clés.

Vous disposez ici de 65 caractères (au maximum) pour placer ces mots-clés, n’hésitez pas à vous en servir !

MÉTADONNÉES

Même si les Métadonnées ne sont plus prises en compte par certains moteurs de recherche (comme par exemple Google) pour classer les sites, elles sont très importantes pour décrire ce que contiennent vos pages. Ici, vous pouvez donc utiliser 150 caractères (environ) afin de décrire le contenu de votre page et ainsi attirer et inciter les personnes qui consultent une page de résultats de moteur de recherche à cliquer sur votre lien.

Si vous souhaitez aller plus loin dans le référencement pour Joomla!, vous pouvez consulter ce livre : Joomla 3 SEO & Performance :

cinnk.com/joomla/cms/optimisation-performance/209-joomla-3-5-seo-performance-comment-référencer-un-site-joomla

Comme pour tous les paramètres, les paramètres de l’élément de menu prennent le dessus sur les paramètres de l’article.

(53)

EXTENSIONS

Il existe 5 différents types d’extensions sous Joomla! : les Composants,

les Modules, les Plugins, les Templates et les Langues. Chacune de ces

extensions gère une fonctionnalité bien spécifique.

Joomla! comporte nativement de nombreuses fonctionnalités que nous allons couvrir dans les prochains chapitres, si ces fonctionnalités ne suffisent pas à la réalisation de votre site, nous verrons comment trouver une extension répondant à un besoin en particulier, et comment installer cette extension.

En installant Joomla!, vous avez également installé : • 30 Composants

• 40 Modules (24 pour le Frontend et 15 pour le Backend) • 59 Plugins

• 4 templates (3 pour le Frontend et 2 pour le Backend)

• 2 langues (si vous avez installé le pack Joomla! proposé sur le site de l’AFUJ), l’anglais et le français

Ces extensions vont servir à organiser votre contenu, et à apporter diverses fonctionnalités. Avant de reprendre chacune de ces extensions dans les chapitres suivants (Composants, Modules, Plugins, Templates, Langues), voici une courte définition de chaque type d’extension disponible sous Joomla! :

(54)