Joomla! 3.3 Créez et administrez vos sites Web Joomla!...

ISBN

: 97

8-2-

7460

-916

7-2

26,5

0 €

Joom

la! 3

.3 -

Crée

z et a

dmin

istre

z vos

site

s W

eb

Joomla! 3.3 Créez et administrez vos sites Web

Web Designer, Didier Mazier enseigne la création de sites en IUT depuis 1997 et dispense des formations professionnelles aux entreprises. Il s’est naturellement intéressé depuis longtemps aux CMS Open Source et à Joomla! en particulier. Son expérience de formateur sur ce CMS Open Source lui a permis de cerner les attentes des différents publics concernés et de proposer ce livre en réponse.

Joomla! est un des meilleurs CMS (Content Management System - Système de gestion de contenu) ; open source, donc totalement gra-tuit, il permet de créer des sites web puissants et se distingue de ses concurrents par des fonctionnalités nativement très avancées. L’arrivée de la version 3 a marqué l’âge de la maturité avec une architecture MVC performante, un design responsif (s’adaptant aux portables et tablettes) basé sur Bootstrap, une rapidité de traitement accrue ainsi qu’une fiabi-lité à toute épreuve. Proposant bien plus qu’un simple outil de création de blog, Joomla! permet de déployer puis de faire évoluer de véritables applicatifs web.

Ce livre s’adresse aux débutants comme aux utilisateurs plus aguerris soucieux de comprendre les avancées de la version 3.3 ; il vous présente une méthodologie de travail et des explications détaillées étape par étape pour une prise en main progressive de cette version de Joomla! afin de construire des sites performants.

Vous verrez comment installer Joomla! dans toutes les configurations, locales ou distantes, sous Mac ou Windows, comment tirer parti de la gestion avancée des droits d’accès et d’édition pour des utilisateurs multiples, comment gérer l’aspect graphique du site avec les templates (modèles graphiques) et comment utiliser des frameworks (plateformes de travail) qui vous feront gagner un temps précieux dans la personnalisa-tion de votre site en vous évitant de tirer des lignes de code fastidieuses !

Vous comprendrez comment le contenu est structuré et comment déployer la meilleure organisation des articles, catégories et modules.

La construction d’un site multilingue sera étudiée en détail ; vous ex-ploiterez également les outils de navigation et de recherche. La force de Joomla! réside dans son extensibilité, vous verrez donc comment installer et paramétrer des extensions, composants, modules, plug-ins, pour ac-croître les potentialités de votre site : contenu multimédia, Google Maps... Avec un système complet de e-commerce comme Hikashop, vous ap-prendrez à créer et paramétrer une boutique en ligne.

Un chapitre est consacré au référencement de votre site ; le livre se termine par la présentation des principales fonctions d’adminis-tration et d’optimisation du site : socialisation, statistiques mais aussi sécurité, maintenance, sauvegarde et mise à jour.

Didier MAZIER

Téléchargementwww.editions-eni.fr.fr

sur www.editions-eni.fr : b la webographie

Joomla! 3.3Créez et administrez vos sites WebDidier MAZIER

Pour plus d’informations :

Table des matières 1. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .©

Edi

tions

EN

I - A

ll rig

hts r

eser

ved

Chapitre 1 : Découvrir Joomla!A. Les raisons de créer un site sous Joomla! . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9B. Se documenter sur Joomla!. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9C. La feuille de route de Joomla! . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10D. Qu’est-ce qu’un CMS ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12E. HTML et XHTML. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12F. Différencier le contenu de la présentation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13

1. Responsive Design . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13G. PHP et Apache . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14H. MySQL. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14I. Site statique ou site dynamique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15J. Le framework Joomla! . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15

Chapitre 2 : Installer Joomla!A. Avant de commencer . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19

1. Les étapes de l’installation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 192. Les spécifications requises . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19

a. Le fichier HTACCESS et PHP 5 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 203. Les outils de base. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22

a. Le navigateur Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22b. Le transfert FTP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23c. L’éditeur de fichiers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23d. Décompresser des fichiers archivés . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23

B. Étape 1 : créer la base de données . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 231. Installer sur un serveur local. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23

a. Sous Windows . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23b. Sous Mac Os . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26c. Sur un hébergement distant . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29

C. Étape 2 : placer les fichiers Joomla! dans le dossier racine. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38D. Étape 3 : configurer l’installation. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41

Chapitre 3 : Prise en main de Joomla!A. Le fonctionnement d’un site Joomla! . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51

1. Vocabulaire et organisation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 512. L‘interface d’administration . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52

a. L’organisation générale et les menus . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52b. Les boutons d’action . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56

Joomla! 3.3 - Créez et administrez vos sites web2 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

B. Configuration. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 571. La configuration du site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57

a. Personnalisation du message hors ligne. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57b. Les réglages de confort . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59c. Les métadonnées . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 60d. Les paramètres SEO . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 61e. Paramètres des cookies. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 62

2. La configuration système . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 633. La configuration serveur . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 644. La configuration des droits. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 655. La configuration des filtres de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 66

C. Gérer les utilisateurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 671. Gérer des droits d’accès et d’édition . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 672. Créer un groupe d’utilisateurs. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 683. Créer un utilisateur . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 724. L’auto-inscription des utilisateurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 745. Paramètres généraux de la gestion des utilisateurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 77

a. Composant . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 77b. Paramètres des versions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 78c. Envoi d’e-mails en nombre . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 79

6. Les notes utilisateurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 79a. Organiser les catégories de notes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 79b. Créer une note utilisateur. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 83

Chapitre 4 : Le graphisme des sites Joomla!A. Les templates . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 89

1. Le design Responsif Bootstrap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 892. Choisir un template. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 91

a. Les critères . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 91b. Les fournisseurs de templates . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 93

B. Gestion des templates . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 951. L’interface . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 952. Les paramètres . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 953. Les templates . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 964. Les substitutions (overrides) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 985. Modifier un style. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1006. Installer un template tiers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .102

a. Télécharger et installer un template . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .102b. Paramétrer un template . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .105

7. Utiliser un framework . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .113a. Télécharger et installer un framework. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .113


Edi

tions

EN

I - A

ll rig

hts r

eser

ved

C. La gestion des médias. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1161. Les paramètres de la gestion des médias . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1162. Organiser les médias. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .117

Chapitre 5 : Organiser le contenuA. Les paramètres globaux du contenu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .121

1. Paramètres des articles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1212. Paramètres d’agencement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1223. Paramètres de catégorie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1234. Paramètres des catégories . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1235. Paramètres Blog/En vedette . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1246. Paramètres Listes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1247. Paramètres partagés. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1258. Paramètres d’intégration . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1259. Paramètres des droits. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .125

B. Gérer les catégories . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1251. Créer une nouvelle catégorie. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1262. Traitement par lot des catégories . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .127

C. Gérer les articles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1281. L’interface . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .128

a. La barre de boutons . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .129b. L’en-tête de la liste des articles. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .129

2. Créer un article . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .130a. Renseigner les paramètres de l’article . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .130b. Construire un article avec l’éditeur par défaut . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .135c. Ajouter des images. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .139d. Utiliser un autre éditeur . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .140e. Modifier un article depuis le FrontEnd . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .145f. Traitement par lot des articles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .148

3. Gérer la page d’accueil. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .148D. Construire un site multilingue . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .151

1. La documentation Joomla!. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1512. Méthodologie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .151

a. Créer la langue de contenu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .151b. Activer le plug-in Filtre de langue . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .153c. Créer du contenu dans les langues utilisées . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .155d. Créer des menus dans les langues utilisées . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .155e. Assigner des modules aux menus de langues . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .157f. Installer le sélecteur de langues . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .158g. Afficher le statut multilangue . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .160


Chapitre 6 : La navigationA. Les menus . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .165

1. Créer un nouveau menu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1652. Créer des liens de menu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1653. Assigner un module à un menu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1694. Réorganiser les liens de menus. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .171

B. La recherche . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1721. Paramétrer le composant . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1722. La recherche avancée. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .174

C. Le fil de navigation. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .178

Chapitre 7 : Les extensionsA. Les types d’extensions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .181B. Gérer les extensions. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .182

1. Installer les extensions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1822. Mettre à jour les extensions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1853. Supprimer une extension . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .185

C. Gérer les modules. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1861. Les positions des modules . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1872. Créer un module . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1903. Personnaliser le graphisme d’un module . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .192

D. Gérer les composants . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1931. Le composant Bannières . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1932. Le composant Contact . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1983. Le composant Liens Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .2024. Le composant Messagerie privée. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .2055. Envoi d’e-mails en nombre. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .206

E. Gérer les plug-ins . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .208F. Enrichir le contenu avec des extensions. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .210

1. Insérer du contenu multimédia sur un site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .210a. Intégrer une vidéo hébergée sur une plate-forme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .210b. Intégrer une vidéo stockée sur le site. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .213

2. Insérer une carte GoogleMap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .2183. Insérer un module dans un article . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .2244. Insérer du code JavaScript dans un template . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .2255. Un site de e-commerce avec HikaShop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .226

a. Installer HikaShop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .227b. Paramétrer HikaShop. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .230c. Configurer les conditions de vente. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .233d. Créer le catalogue produits . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .235


Edi

tions

EN

I - A

ll rig

hts r

eser

ved

e. Mettre la boutique en ligne. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .238

Chapitre 8 : Référencer un site Joomla!A. Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .245B. Un peu de vocabulaire . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .245C. Choisir un nom de domaine . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .246D. Choisir un « vrai » hébergeur . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .248E. Optimiser les adresses URL de votre site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .248F. Utiliser des adresses URL courtes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .249G. Soigner son snippet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .250H. Les balises d’en-tête. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .252I. Le titre. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .253J. La description. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .253K. Les mots-clés . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .253L. Les images. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .254M. La recherche universelle. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .254N. Améliorer son référencement local . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .255O. Utiliser les outils pour Webmasters de Google . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .258

1. Ajouter un nouveau site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .2592. Structure d’un plan Sitemap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .2603. Utiliser les fichiers Sitemap. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .2624. Soumettre un Sitemap aux moteurs de recherche . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .2655. Les options du Tableau de bord . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .2666. Les outils . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .2667. Utiliser le protocole d’exclusion des robots . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .267

P. Améliorer l’accessibilité de vos pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .272Q. Inscrire son site dans les annuaires. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .273R. Une liste d’outils utiles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .273

Chapitre 9 : Promouvoir un site Joomla!A. Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .279B. Les fils d’actualité . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .279

1. Gestion des flux dans Joomla! . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .280a. Gestion des flux externes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .280b. Gestion des flux de vos contenus . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .281

C. La Socialisation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .2911. Placer des boutons de socialisation. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .2912. Installer une Facebook « Like Box » . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .2933. Les Digg-like . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .295


Chapitre 10 : Administrer un site Joomla!A. Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .299B. La sécurité . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .299

1. L’authentification en deux étapes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .2992. Protéger l’adresse URL de l’administration . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .3023. Prévenir les injections SQL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .3044. Bloquer l’accès pour des plages d’adresses IP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .306

C. Les sauvegardes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .3061. Installer Akeeba et sauvegarder le site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .3062. Restaurer le site. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .310

D. Les mises à jour . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .311E. L’administration au quotidien . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .313

1. Gérer le cache . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .3132. Déverrouiller un article . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .3143. Récupérer un mot de passe Administrateur. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .3144. Suivre les statistiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .315

a. Google Analytics . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .315b. ExtraWatch . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .324

AnnexesA. Ressources Joomla! . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .329B. Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .329

1. Banques d’images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .3292. Icônes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .330

C. Marqueurs cartographie. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .332D. Programmes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .332

1. Programmes divers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .3322. Retouches d’images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .3333. Éditeurs d’images avancés . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .333

E. Services d’hébergement d’images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .334F. Services d’hébergement de vidéos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .334

Index . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .335

Chapitre 3 : Prise en main de Joomla!©

Edi

tions

EN

I - A

ll rig

hts r

eser

ved

51. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Chapi tre 3 : Pr i se en m ai n d e Joom l a!

Joom l a! 3 .3 - Créez et adm i ni s trez vo s s i t es webA. Le fonctionnement d’un site Joomla!

1. Vocabulaire et organisationPour bien aborder un système de gestion de contenu complet comme Joomla!, il est préférablede commencer par la description de la vue d’ensemble et la nature des termes employés.

Le schéma ci-après résume le mode de fonctionnement.

Nous avons déjà vu qu’un site Joomla! comporte deux parties : le site en lui-même et une inter-face d’administration.

Sur le site, les utilisateurs peuvent, selon des droits d’accès :- Accéder ou non aux contenus mis en ligne.- Interagir.- Contribuer en ajoutant des contenus, ou en modifiant des contenus existants.


L’interface d’administration, réservée aux contributeurs les plus avancés et aux gestionnaires dusite, permet de gérer les éléments suivants :- Les Articles, produits et organisés en Catégories emboitables à l’infini ; les articles peuvent

contenir des médias.- Les Médias : photos, vidéos, sons…- Les Modules assurent l’affichage de fonctionnalités spécifiques.- Les Composants enrichissent le CMS de fonctions complètes : e-commerce, gestion d’évène-

ments, etc., souvent relayées par des modules ; certaines fonctionnalités plus légères sont gé-rées par de simples plug-ins.

- Les Templates définissent l’aspect graphique du site.- Les Menus gèrent les liens de navigation entre tous les éléments.- Les Langues sont nécessaires dans le cas d’un site multilingue.- Les Droits d’accès organisent les permissions de voir et d’agir sur des contenus ou la structure

du site.

2. L‘interface d’administrationSi vous êtes un utilisateur expérimenté de logiciels ou de CMS, vous pouvez passer cette partie etvous y référer en cas de besoin. Si, par contre, vous débutez, prenons le temps de faire ensembleun tour d’horizon de l’organisation de l’interface de Joomla!.

a. L’organisation générale et les menus

v L’accès à l’interface d’administration étant contrôlé, saisissez les informations de connexionque vous avez saisies lors de la configuration. Dans le cas d’un site multilingue, vous pouvezchoisir la langue, de même que celle-ci peut être liée à un utilisateur donné.


Edi

tions

EN

I - A

ll rig

hts r

eser

ved

53. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

v Cliquez ensuite sur Connexion.Après authentification, le Panneau d’administration s’affiche :

Les zones de l’interface d’administration sont les suivantes :- La Barre de menus horizontale (1) composée de menus complets proposant toutes les fonc-

tionnalités. - Le volet de navigation (2) composé de liens d’accès a fait son apparition dans la version 3. Cer-

tains liens sont identiques aux options des menus de la barre des menus horizontale et, à terme,les remplaceront probablement.

Ci-après, vous constatez que l’on accède à la gestion des utilisateurs par le menu Utilisateursde la barre des menus horizontale et par le lien Gestion Utilisateurs du volet de navigation.


Le menu vertical est organisé par catégorie :- CONTENU : accès aux fonctions premières de Joomla! (ajout et gestion des articles, des caté-

gories et des médias).- STRUCTURE : pour gérer la navigation et les modules.- UTILISATEURS : pour administrer les utilisateurs et les contributeurs.- CONFIGURATION : réglages généraux, aspect graphique (templates) et langues.- EXTENSIONS : installation de fonctionnalités additionnelles.- MAINTENANCE : mise à jour de Joomla! et des extensions.

- Centre de notifications (3) : apparaissent ici des messages en provenance de Joomla!. Parexemple, si après l’installation, vous cliquez sur le bouton Consulter les messages, vous pou-vez prendre connaissance du message concernant l’identification en deux étapes qui accroît lasécurité. Nous reviendrons en détails sur cette opération dans le chapitre Administrer un siteJoomla! - La sécurité. Vous pouvez masquer les messages après les avoir consultés en cliquantsur Cacher ce message.


Edi

tions

EN

I - A

ll rig

hts r

eser

ved

55. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

v Pour revenir au Panneau d’administration, sélectionnez l’option Panneau d’administra-

tion dans le menu Système ou cliquez sur l’icône Joomla! à gauche de la barre desmenus.

Le tableau de bord fournit également des informations liées à l'exploitation de Joomla!comme les utilisateurs connectés, les articles les plus populaires ou les plus récents (4). Il fautnoter que cette position du template d'administration peut être enrichie d'informationscontextuelles à des extensions qui l'utilisent.On peut également la personnaliser. Pour cela ouvrez le menu Extensions - Gestion desmodules et choisissez à gauche Administration au lieu de Site. Vous pourrez désactiver lesmodules qui ne vous intéressent pas comme vous le feriez sur le frontend.Dans l'exemple ci-après vous constatez que le composant K2 affiche des informations en plusdes trois modules par défaut.Enfin, tout en bas de la fenêtre une barre d'état (5) informe sur le statut multilingue du site,permet de voir le site en l'affichant dans un nouvel onglet ou fenêtre du navigateur ou de sedéconnecter, fonctions qui sont redondantes.

v À l’extrémité droite de la barre des menus horizontale, cliquez sur l’icône pour prévisua-liser le site dans une nouvelle fenêtre (ou onglet) de votre navigateur.


Pour finir ce tour d’horizon, notez que le menu Aide vous donne directement accès aux aideset forums en ligne ainsi qu’au répertoire des extensions (le JED - Joomla Extensions Directory),aux traductions, au centre de sécurité (qui publie régulièrement le résultat de la veille et lescorrectifs apportés), et aux ressources développeurs.

b. Les boutons d’actionLors de la gestion de contenus (articles, modules, utilisateurs, etc.), la barre d’outils suivantes’affiche, elle peut varier légèrement en fonction du contexte :

- Nouveau : création d’un nouvel élément.- Modifier : édition d’un élément.- Publier : rendre un élément visible sur le site.- Dépublier : rendre un élement invisible sur le site.- En vedette : sera affiché sur la page d’accueil.- Archiver : ne sera plus visible mais stocké en réserve pour consultation ou usage ultérieur.- Déverrouiller : rend un élément éditable. Il faut noter que si vous travaillez sur un élément et

quittez la page sans enregistrer ni annuler la modification, celui-ci sera considéré comme tou-jours en cours d’édition, et donc verrouillé.

- Corbeille : suppression d’un élément. Tant que la corbeille n’est pas vidée, vous pourrez lerécupérer.

- Traitement : il s’agit du traitement par lots qui permet d’effectuer une modification qui s’appli-quera à plusieurs éléments sélectionnés dans la liste.

Joomla! 3.3 Créez et administrez vos sites Web Joomla!...

Documents

Transcript of Joomla! 3.3 Créez et administrez vos sites Web Joomla!...