Vous êtes sur la page 1sur 95

Joomla!

3
En 10 tapes
Le nouveau Joomla! version 3.x est par pour lunivers du mobile et propose une nouvelle interface
utilisateur. Ce livre vous permettra de dcouvrir cette toute nouvelle version en support court terme
(ndt: STS en anglais pour "Short Term Support") de Joomla! 3.0.
Apprenez en 10 tapes simples comment installer, configurer et assurer la maintenance de votre site
web sous Joomla!.

Joomla! 3 - En 10 tapes

1. Qu'est ce que Joomla! ? ............................................................7


La Stratgie des Versions ......................................................................................7
Quelle est la version de Joomla! traite dans ce livre ? .........................................8
Dois-je mettre jour mon ancien site ? ................................................................8
Quelles sont les nouveauts de Joomla! 3.0 ? ........................................................8
Que peut-on faire avec Joomla? ..........................................................................10
Plus de 600 000 000 de sites ............................................................................21
Amateurs Vs. Professionnels ...............................................................................22
Quels sont les points communs tous ces sites ? ................................................22
Joomla! en est le catalyseur .................................................................................22

2. Tlcharger et installer Joomla! .............................................24


Le programme d'installation de Joomla! .............................................................25
Si vous rencontrez un problme... ......................................................................26
Vrification de pr-installation ............................................................................26
tape 1 Configuration ......................................................................................27
tape 2 Base de donnes ..................................................................................28
tape 3 Finalisation de linstallation Vue densemble ...................................30

3. Joomla dans votre langue .......................................................37


Le gestionnaire de langues ..................................................................................37
Installez une nouvelle langue ..............................................................................40

4. Design, mise en page et couleurs ............................................42


Oct 17, 2012

Page 3

Joomla! 3 - En 10 tapes

Quelques dfinitions ...........................................................................................43


Les Templates .....................................................................................................44
Le Web design .....................................................................................................45
La Structure ........................................................................................................45
Les Positions ........................................................................................................46
Les Templates du noyau ......................................................................................48
Les Styles .............................................................................................................48
Exemple : un style personnalis ..........................................................................48
Modifier en ligne les fichiers du template ...........................................................52

5. Tout ce quil faut savoir sur les utilisateurs, les permissions, les
modules et les articles .................................................................54
A propos des utilisateurs, de leurs "rles" et des autorisations ............................54
Exemple: Un site sur lequel les auteurs peuvent publier des articles ..................55

6. Crer du contenu ....................................................................64


Qu'est-ce qu'un article dans Joomla ? .................................................................64
Intgrer une vido YouTube ...............................................................................68

7. Afficher du contenu ................................................................75


La page daccueil ................................................................................................75
Les catgories et les liens de menu ......................................................................77
Une navigation en haut du site ...........................................................................78

8. Les Extensions ........................................................................80


Oct 17, 2012

Page 4

Joomla! 3 - En 10 tapes

Bannires ............................................................................................................80
Fiches de contact - Formulaires de contact .........................................................80
Fils dactualit .....................................................................................................81
Liens Web ............................................................................................................81
Messagerie prive ................................................................................................81
Mise jour Joomla! .............................................................................................82
Recherche ............................................................................................................82
Recherche avance ..............................................................................................82
Redirection ..........................................................................................................83
Les extensions tierces ..........................................................................................83
La gestion des extensions ....................................................................................84

9. Les mdias sociaux et le Cloud Computing ...........................85


Les mdias sociaux ..............................................................................................85
Cloud Computing ...............................................................................................87

10. Tches courantes ..................................................................89


Optimisation pour les moteurs de recherche ("SEO" search engine
optimization") .....................................................................................................89
Les mises jour ...................................................................................................89
La Sauvegarde et la restauration .........................................................................90
Ressources ...........................................................................................................90

Plus de livres par cocoate ...........................................................93


Oct 17, 2012

Page 5

Joomla! 3 - En 10 tapes

Oct 17, 2012

Page 6

Joomla! 3 - En 10 tapes

1. Qu'est ce que Joomla! ?


Joomla! est un systme libre et gratuit pour la cration de sites Web. Il s'agit d'un projet Open Source
qui, comme la plupart des projets Open Source, est en volution constante. Il connat un large succs
depuis maintenant plus de sept ans et est lun des plus populaires avec des millions d'utilisateurs travers
le monde.
Le terme "Joomla" est driv du mot Jumla signifiant en langage Swahili "tous ensemble".
Le projet Joomla! est le fruit d'une discussion anime entre la Fondation Mambo, fonde en aot 2005, et
ses quipes de dveloppement. Joomla! est en effet un prolongement du systme Mambo. Joomla! est
utilis dans le monde entier, que ce soit pour de simples pages d'accueil comme pour des sites plus
complexes de grandes entreprises. Il est facile installer, administrer et il est trs fiable.
Tout au long de ces sept dernires annes, l'quipe de Joomla! na eu de cesse de se rorganiser afin de
rpondre au mieux aux demandes grandissantes des utilisateurs.

LA STRATGIE DES VERSIONS


Les versions de Joomla! sont de deux types: les versions en support standard (ou court terme) et les
versions en support long terme (ndt: STS pour Standard Term Support et LTS pour Long Term
Support). Dans le cas dune version en support standard, le suivi et les mises jour par les quipes
Joomla! sont assurs pour une priode de 7 mois. Pour une version en support long terme, cette
priode est de 22 mois. Tous les 6 mois, une nouvelle version STS est mise disposition des utilisateurs.
Vous pouvez aisment reconnatre une version en support long terme par lutilisation du .5 dans le
numro de version.
Joomla 2.5 est lactuelle version en support long terme et sera remplace par Joomla 3.5 en novembre
2013.
Joomla 3.0 est lactuelle version en support standard et sera remplace par Joomla 3.1 en mai 2013.
Joomla 3.1 sera la prochaine version STS de mai 2013 novembre 2013.
Joomla 3.5 sera la prochaine version LTS de novembre 2013 septembre 2015.
Les versions en support long terme (LTS) sont fortement recommandes pour les sites en
production.
Les versions en support court terme (STS) sont plutt des outils dexprimentation pour les
dveloppeurs de sites et dextensions. Si vous commencez un site web partir de zro, elles sont des
solutions envisager (Figure 1).

Oct 17, 2012

Page 7

Joomla! 3 - En 10 tapes

Figure 1: Le cycle des versions Joomla! 2011-2014 (par Pawel Borowicz)

QUELLE EST LA VERSION DE JOOMLA! TRAITE DANS CE LIVRE ?


Ce livre traite de la version en support court terme Joomla! 3.0, disponible depuis septembre 2012.

DOIS-JE METTRE JOUR MON ANCIEN SITE ?


Trois possibilits vous sont offertes :

1. Si votre site est toujours en version Joomla 1.5 (LTS), il serait plus quintressant (ndt:
indispensable) doprer une migration vers la version Joomla 2.5 (LTS), ou encore de repartir de
zro avec la toute nouvelle version Joomla 3 (STS) et de suivre les mises jour de la srie 3.x
jusqu' la version Joomla 3.5 (LTS).
2. Si votre site est dj en production sous Joomla 2.5 (LTS), il n'est pas ncessaire doprer une
migration ds prsent. En effet, une mise niveau vers la prochaine version Joomla 3.5 (LTS)
sera disponible en septembre 2013.
3. Si vous commencez tout juste la conception dun nouveau site web, alors pourquoi ne pas
commencer tout de suite avec la version Joomla 3.0 (STS).

QUELLES SONT LES NOUVEAUTS DE JOOMLA! 3.0 ?


Il y a de trs nombreuses amliorations "sous le capot" de ce nouveau Joomla!. Les changements les
plus significatifs pour les concepteurs comme pour les utilisateurs sont :

Oct 17, 2012

Page 8

Joomla! 3 - En 10 tapes
Joomla devient totalement mobile avec de nouveaux Templates Responsive. Votre site Joomla
saffichera parfaitement sur lensemble des navigateurs quipant les supports mobiles (Figure 2).
Joomla dispose d'une nouvelle interface utilisateur,
Joomla utilise la librairie JavaScript jQuery,
Linstallation est plus facile et sopre en seulement 3 tapes,
Les packs de langue peuvent tre installs directement partir du gestionnaire d'extensions (Figure 3)
Le systme de Recherche Avance (Smart Search), qui a t introduit avec Joomla! 2.5 bnficie de
nombreuses amliorations,
TinyMCE (lditeur de texte en WYSIWYG) est implment dans une version plus rcente (3.5.6).

Figure 2: Joomla! sur un appareil mobile

Oct 17, 2012

Page 9

Joomla! 3 - En 10 tapes

Figure 3: Language Packages


Certaines nouveauts techniques sont moins visibles, mais trs utiles et apprciables :
La possibilit denregistrer des articles vierges,
Joomla dispose dun pilote PostgreSQL. Vous serez en mesure de faire tourner un site Joomla 3.0 en
utilisant une base de donnes PostgreSQL,
Avec le pilote PHP Memcached, les performances Joomla! peuvent tre acclres,
Lutilisation d'une autre bibliothque (JFeed) pour la gestion des flux la place de SimplePie,
Le nettoyage danciens codes obsoltes, des fichiers, des champs et tables de base de donnes ainsi que
la normalisation et l'amlioration des tables,
Des travaux importants sur la standardisation des codes,
Les tests unitaires dans le CMS,
Le systme de mises jour dans le CMS,
Et bien d'autres

QUE PEUT-ON FAIRE AVEC JOOMLA?


Oct 17, 2012

Page 10

Joomla! 3 - En 10 tapes
Tous les types de sites Web dynamiques sont ralisables avec Joomla!. Ces sites sont constitus de
pages Web avec des contenus aussi varis que des textes, des images, de la vido et de laudio. Ils se
modifient et se personnalisent frquemment et automatiquement, en fonction de certains critres.
Prenons la page daccueil comme exemple. Habituellement, elle affichera automatiquement les articles
les plus rcents en haut.
Nous pouvons aisment regrouper les diffrents types de sites Web en diffrentes familles comme :

Les Blogs (web logs)

Un blog est un site de discussion ou d'information contenant diffrents articles (messages, posts,
commentaires). Les articles les plus rcents apparaissent en premier.
Exemple: http://www.joomlablogger.net/

Figure 4: joomlablogger.net

Oct 17, 2012

Page 11

Joomla! 3 - En 10 tapes

Les Sites de Marque (ndt: vitrine ou de notorit)

Sites dont lobjectif est de communiquer et de promouvoir en ligne une marque. En gnral, ces sites
ne proposent pas la vente directe en ligne mais se concentrent sur la construction dune notorit.
Exemple: http://www.ihop.com/

Figure 5: ihop.com

Oct 17, 2012

Page 12

Joomla! 3 - En 10 tapes

Les Sites "Brochure"

Un site brochure prsente des informations sur une entreprise, ses produits et services aux travers de
textes, photos, animations, audio/vido ainsi que des menus et une navigation interactifs.
Exemple: http://www.solesolutions.no/

Figure 6: solesolutions.no

Oct 17, 2012

Page 13

Joomla! 3 - En 10 tapes

Les Sites de Clbrits


Avertissement: dfinir ce quest une "clbrit" net pas la tche la plus facile :)
Un site Web dont l'information s'articule autour d'une clbrit. Ces sites peuvent tre officiels ou
raliss par des fans.
Exemple: http://www.deep-purple.com/

Figure 7: deep-purple.com

Oct 17, 2012

Page 14

Joomla! 3 - En 10 tapes

Les Sites Communautaires

Sites o des personnes ayant des intrts communs en discutent les uns avec les autres.
Exemple: http://www.starvmax.com/community

Figure 8: starvmax.com/community

Oct 17, 2012

Page 15

Joomla! 3 - En 10 tapes

Les Sites de e-commerce

Un site offrant directement la vente des biens et des services et permettant les transactions en ligne.
Exemple: http://regalosdecocina.com/

Figure 9: regalosdecocina.com

Oct 17, 2012

Page 16

Joomla! 3 - En 10 tapes

Les Sites Forum

Sites sur lesquels des personnes discutent et changent sur des sujets varis.
Exemple: http://www.sol.dk/debat/kategorier

Figure 10: www.sol.dk/debat/kategorier

Oct 17, 2012

Page 17

Joomla! 3 - En 10 tapes

Les Sites Galerie

Sites Web spcialement conus pour tre utiliss comme Galerie. Il peut s'agir d'une galerie d'art ou
de photos, caractre commercial ou non.
Exemple: http://www.mb-photography.com/

Figure
11: www.mb-photography.com

Oct 17, 2012

Page 18

Joomla! 3 - En 10 tapes

Les Sites Institutionnels, Administratifs et Gouvernementaux

Il existe travers le monde plus de 3 000 sites gouvernementaux raliss avec Joomla!.
Exemples: http://joomlagov.info/

Figure 12: joomlagov.info

Oct 17, 2012

Page 19

Joomla! 3 - En 10 tapes

Les Sites dActualit

Semblables aux sites d'information, mais ddis la diffusion dactualits ou concernant la politique,
ils proposent souvent la possibilit de commenter ces actualits.
Exemple: http://www.aa.com.tr/

Figure 13: www.aa.com.tr/

Oct 17, 2012

Page 20

Joomla! 3 - En 10 tapes

Les Sites Personnels

Sites Web sur un individu ou un petit groupe (comme une famille) qui contiennent des informations
ou des contenus personnels.
Exemple: http://www.ilnono.it/it/

Figure 14: hwww.ilnono.it

PLUS DE 600 000 000 DE SITES

Vous tes-vous dj demand combien existe-t-il de sites en cette anne 2012 ? Il y en a beaucoup,
mais personne ne connat la rponse exacte cette question.
Comme vous avez pu le remarquer, la plupart des exemples de sites ci-dessus ne sont pas les plus gros
du World Wide Web, mais ils rpondent aux besoins de leurs crateurs et de leurs clients. Cela ne signifie
pas que Joomla soit uniquement destin de "petits" sites, cela signifie juste que la plupart des sites Web
sont raliss avec des ressources limites en temps et en budget. Pour ces raisons, les crateurs se tournent
souvent vers des solutions Open Source de Systme de Gestion de Contenu (ndt: CMS pour Content
Management System) tel que Joomla!, WordPress et Drupal.
Oct 17, 2012

Page 21

Joomla! 3 - En 10 tapes
De plus gros sites comme Facebook, Flickr, YouTube, Google, Apple ou Microsoft nutilisent
gnralement pas les solutions CMS OpenSource pour leurs sites. Ces entreprises disposent
gnralement de milliers de dveloppeurs qui ralisent des centaines de sites en slectionnant et en
combinant toutes les solutions disponibles sur le march. Ce nest gnralement pas pour des questions
dordre technique mais plutt par "philosophie" ou au regard de leurs propres modles conomiques.

AMATEURS VS. PROFESSIONNELS

Les exemples de sites Web ci-dessus ont t raliss par des personnes que je diviserais en 2 groupes :
les amateurs et les professionnels.
Les amateurs restent en "surface". Dans la plupart des cas, ils ne cherchent pas connatre le
fonctionnement mais souhaitent simplement raliser quelque chose et ils sont contents lorsquils
russissent.
Les professionnels quant eux cherchent comprendre et matriser loutil afin de fournir des solutions
qui peuvent tre optimises au fil du temps. Ils partagent et transfrent leurs connaissances pour
renforcer la comptence du groupe ou de leur propre entreprise.
Pour Joomla!, peu importe que vous soyez amateur ou professionnel. Joomla! est en effet
parfaitement adapt aux deux catgories dutilisateurs. Il est dailleurs frquent quavec le temps, des
amateurs deviennent de vritables professionnels. Il est aussi frquent que certains professionnels
sinvestissent encore plus afin de toujours amliorer le CMS Joomla et/ou le Framework.
En tout tat de cause, il est temps de vous donner un premier et dernier conseil :
"Ignorer ce que les gens vous disent de faire et, au contraire, allez vers ce que vous aimez faire."

QUELS SONT LES POINTS COMMUNS TOUS CES SITES ?


Mme si les sites numrs en exemple sont tous trs diffrents, ils ont des points communs :
ils affichent du contenu (textes, images, vidos, audio),
ils proposent un design, une mise en page, des couleurs originales. Original nest pas forcement
synonyme dartistique ou de russi, cela veut juste dire : "original" ;),
les internautes peuvent interagir d'une certaine manire avec le site. Pour ce faire, ils doivent parfois
crer au pralable un compte utilisateur,
les locutions courantes statiques sont disponibles en diffrentes langues, comme peut l'tre le contenu.

JOOMLA! EN EST LE CATALYSEUR

Tous ces sites sont bass sur les ides de leurs crateurs et raliss grce aux possibilits presque
infinies quoffre le systme de gestion de contenu Joomla!. Avec ce livre, je souhaite traiter des parties
communes l'ensemble de ces sites. Aprs la lecture des 9 prochains chapitres, vous serez en mesure de
Oct 17, 2012

Page 22

Joomla! 3 - En 10 tapes
crer, par vous-mme, un site agrable et performant. Que vous le ralisiez en amateur ou professionnel,
cest vous de choisir :)

Oct 17, 2012

Page 23

Joomla! 3 - En 10 tapes

2. Tlcharger et installer Joomla!


Vous paniquez ? .... o et quoi tlcharger ? O linstaller ? Pourquoi une installation ? Que dois-je
installer ? Pour installer Joomla! sur votre propre ordinateur, il est impratif de mettre en place votre
"propre Internet" avec un navigateur, un serveur web, un environnement PHP ainsi quun systme de
base de donnes compatible avec Joomla!. Cette combinaison de solutions permet de crer un
environnement client-serveur.
Une telle compilation regroupe un ensemble de sous-systmes, de logiciels et de composants pour
permettre la cration dun site Joomla! totalement fonctionnel.
Les solutions dont nous avons besoin se composent :
Dun systme d'exploitation (Linux, Windows, OSX)
Dun serveur Web (Apache, IIS)
Dune base de donnes (MySQL, PostgreSQL)
Dun langage de script (PHP)
Vous pouvez tout fait compiler ces solutions sur votre propre ordinateur ou vous pouvez galement
acheter ou louer un espace dj quip auprs dun hbergeur de votre choix. Les pr-requis spcifiques
pour Joomla en version 3.x sont dcrits dans le Tableau 1.
Logiciel

Minimum

PHP

5.3.1 +

MySQL (support InnoDB requis)

5.1 +

Apache (avec mod_mysql, mod_xml, et mod_zlib

2.x +

Microsoft IIS

Table 1: Les pr-requis pour Joomla 3.x


Puisque ces questions sont communes tous les systmes en base PHP, je vous propose de vous
rfrer au chapitre : les diffrents modes d'installation dun systme en base PHP (installation variants of PHPbased systems 1).

http://cocoate.com/node/6540

Oct 17, 2012

Page 24

Joomla! 3 - En 10 tapes
Lorsque cette compilation fonctionne, nous appelons cela un serveur. Le serveur peut tre votre
propre ordinateur ou nimporte quel autre. Tous les visiteurs et utilisateurs du site se serviront du
navigateur web prsent sur leur ordinateur pour accder votre site Joomla. Nous les appelons les
clients.
La compilation "classique" LAMP ressemble la Figure 1.
(ndt: LAMP pour Linux, Apache, MySQL, PHP)

Figure 1: La solution LAMP (graphic Wikipedia 2)

LE PROGRAMME D'INSTALLATION DE JOOMLA!


Grce l'installeur intgr, Joomla! peut tre install en quelques minutes seulement.
Les fichiers Joomla! seront copis dans le dossier racine et configurs avec linstalleur Joomla!.

http://en.wikipedia.org/wiki/LAMP_%28software_bundle%29

Oct 17, 2012

Page 25

Joomla! 3 - En 10 tapes
Tlchargez Joomla! 3 sur le site joomla.org (ndt: ou joomla.fr) et dcompressez les fichiers dans un
dossier que vous aurez cr la racine du serveur (par exemple dans le dossier: /htdocs).
A partir de maintenant, tout va aller trs vite puisque linstalleur de Joomla! va travailler votre
place. Accdez l'URL http://localhost/.

SI VOUS RENCONTREZ UN PROBLME...


Ce sujet est trs complexe, car il existe une trs grande varit dhbergeurs et une plus grande
varit encore de serveurs, de versions PHP / MySQL et doutils de gestion dun espace web. Les causes
de "plantage" les plus frquentes au cours de linstallation sont souvent :
un mode PHP Safe activ qui vous empche de charger des fichiers,
une interdiction en rcriture sur le serveur Apache si le bien-nomm Apache Rewrite Engine
(mod_rewrite) n'est pas activ,
des permissions daccs aux rpertoires sous Linux et OSX qui sont paramtres par dfaut
diffremment que sous Windows.
Gnralement, le plus simple faire et ce qui fonctionne la plupart du temps :
Tlchargez le dernier pack sur Joomla.org sur votre ordinateur et dcompressez le tout dans un
dossier temporaire.
Chargez les fichiers dcompresss via FTP sur votre serveur distant ou dans le rpertoire de votre
installation en local. Les fichiers doivent tre installs dans le rpertoire public. Ces dossiers sont
gnralement nomms htdocs, public_html ou html. S'il existe des installations prcdentes dans ce
rpertoire, vous pouvez indiquer un sous-rpertoire dans lequel les fichiers Joomla! devront tre
installs. De nombreux hbergeurs vous permettent de lier votre nom de domaine un rpertoire.
Vous devez connatre le nom de votre base de donnes. Dans la plupart des cas, une ou plusieurs bases
de donnes sont incluses dans votre forfait d'hbergement. Parfois, les noms d'utilisateur, mots de passe
et base de donnes sont dj paramtrs. Dans dautres cas, ce sera vous de les dterminer.
Habituellement, vous pouvez y accder au moyen dune interface de configuration accessible avec
votre propre navigateur. Vous aurez de toute faon besoin de ces informations daccs la base de
donnes dans le processus dinstallation Joomla!.

VRIFICATION DE PR-INSTALLATION

La vrification de pr-installation permet de vrifier si votre environnement serveur est adapt


l'installation dun Joomla!. Elle permet de slectionner la langue dinstallation. Si vous voyez un ou
plusieurs marqueurs rouges, votre environnement n'est pas configur de manire optimale et l'installateur
refusera d'installer Joomla!. Selon votre configuration dorigine, il peut y avoir des diffrences.
Linstalleur Joomla! prend en compte les paramtres de configuration du serveur (Apache dans notre
cas), PHP, et du systme d'exploitation. Lorsque votre environnement est bas sur un systme Unix
Oct 17, 2012

Page 26

Joomla! 3 - En 10 tapes
(Linux, Mac OS X), vous devez faire attention aux permissions des fichiers. Ceci est particulirement
important pour le fichier configuration.php. En effet, ce fichier sera gnr automatiquement la fin de
l'installation avec vos paramtres personnels. Si l'installateur ne dispose pas des droits en criture dans le
dossier, Joomla! ne pourra pas crer ce fichier. Si vous rencontrez un tel problme de permissions,
configurez les droits, puis cliquez sur le bouton Vrifier nouveau.

Figure 2: Vrification de pr-installation

TAPE 1 CONFIGURATION
Dans la fentre de configuration principale, vous devez nommer et dcrire votre site puis renseigner
certaines informations sur ladministrateur. En outre, il y a un interrupteur pour dcider si votre site doit
tre immdiatement visible en ligne par les visiteurs (Option Non) ou si une page de maintenance doit
tre affiche (Option Oui). Ce paramtre de configuration est particulirement utile lors dune
installation directement sur un serveur distant (Figure 3).

Oct 17, 2012

Page 27

Joomla! 3 - En 10 tapes

Figure 3: Installeur - configuration principale

TAPE 2 BASE DE DONNES


Avec Joomla!, vous pouvez utiliser diffrents types de base de donnes. Vous devez dcider quel type
vous souhaitez utiliser pour votre site et entrer vos paramtres (Figure 4). Si vous utilisez un
environnement serveur en local, vous pouvez crer un nombre illimit de bases de donnes.
Avec le package MAMP et Linux Ubuntu, vous utiliserez le nom dutilisateur MySQL : root.
L'utilisateur root ( la racine de votre site) est l'administrateur MySQL et peut, par consquent raliser
toutes les oprations ncessaires dans votre systme MySQL. Le mot de passe dpend de votre
environnement serveur (avec XAMPP3 aucun mot de passe n'est requis et avec MAMP4 le mot de passe
sera galement root).
Dans le cadre dun environnement distant, ces paramtres vous seront fournis par votre hbergeur.

http://www.apachefriends.org/

http://www.mamp.info/

Oct 17, 2012

Page 28

Joomla! 3 - En 10 tapes

Figure 4: Linstalleur - Configuration de la Base De Donnes


Entrez les paramtres suivants dans votre installation en locale :
nom du serveur : localhost
nom d'utilisateur : root
Mot de passe : [Si ncessaire et vous de le connatre]
Maintenant, slectionnez le nom de la base de donnes. Dans un environnement de production sur
un serveur de base de donnes distant fourni par un hbergeur, vous disposerez probablement dun
quota fixe de bases de donnes et les informations d'identification seront prdfinies. Si vous avez la
permission root sur votre serveur de base de donnes, comme par exemple dans le cadre dun
Oct 17, 2012

Page 29

Joomla! 3 - En 10 tapes
environnement en local, vous pouvez entrer le nom d'une nouvelle base de donnes. Joomla! va alors
crer cette base de donnes.
Vous pouvez laisser linstalleur gnrer de faon alatoire un nouveau prfixe de tables. Vous pouvez
galement en utiliser un dj existant pour une installation antrieure. Si vous optez pour cette
possibilit, il conviendra de choisir de supprimer ou sauvegarder les tables antrieures qui seront
renommes avec le prfixe bak_.
Le prfixe de table est vraiment trs pratique. Le texte que vous aurez choisi (caractres
alphanumriques et se terminant par _) dans le champ appropri sera intgr par l'installateur en prfixe
de chaque nom des tables gnres. Par dfaut, l'installeur gnre un prfixe de faon alatoire, comme
hmlr9_. Une des raisons de cette possibilit rside dans le fait quil arrive que vous nayez accs qu une
seule base de donnes, comme cest le cas chez certains hbergeurs. Ds lors, si vous souhaitiez faire
tourner plusieurs sites Joomla!, il y aurait un problme car les tables ne seraient pas diffrencies en
fonction de chacun des sites. Avec les prfixes de tables, il est possible de distinguer les diffrentes tables
(par exemple : hml01client_ ou hml02client_). Le prfixe permet galement de distinguer les donnes
sauvegardes (bak_), comme indiqu ci-dessus.

TAPE 3 FINALISATION DE LINSTALLATION VUE DENSEMBLE

Dans la troisime et dernire tape, Joomla! rsume les paramtres de configuration et vous demande
si vous souhaitez installer des donnes dexemples (Figure 5).

Oct 17, 2012

Page 30

Joomla! 3 - En 10 tapes

Figure 5: Finalisation
dans les prcdentes versions de Joomla! il nexistait quun SEUL jeu de donnes dexemples. Avec
Joomla! 3, il est dsormais possible de choisir entre plusieurs options. Loption "Type de site" permet
dintgrer, ds linstallation, des mises en page et des contenus prdfinis comme par exemple pour un
Oct 17, 2012

Page 31

Joomla! 3 - En 10 tapes
blog (Figure 5), un site de type brochure (Figure 6), un site d'apprentissage Joomla! avec un tutoriel (Figure 7)
un site par dfaut (page daccueil) (Figure 8) ou encore, sans donnes exemples.

Figure 6: Site "Type blog"

Oct 17, 2012

Page 32

Joomla! 3 - En 10 tapes

Figure 7: Site "Type brochure"

Figure 8: Apprendre Joomla!


Oct 17, 2012

Page 33

Joomla! 3 - En 10 tapes

Figure 9: Par dfaut


En fonction de vos besoins et de vos connaissances, vous devriez tester les diffrentes options de
donnes dexemples. Il n'est malheureusement pas possible de basculer dun type lautre une fois
l'installation acheve. Il est galement possible d'installer Joomla sans aucune donne dexemple. Un
"Joomla vide" est le point de dpart idal pour votre site si vous savez dj utiliser Joomla. Je vais choisir
un Joomla sans donnes dexemples comme base pour les prochains chapitres. Vous serez en mesure de
comprendre et de suivre les chapitres sans donnes d'exemples prinstalles. Choisissez les exemples de
donnes que vous souhaitez utiliser et cliquez sur le bouton Installer. Joomla! va crer la base de donnes
et configurer le site pour vous (Figure 10).

Figure 10: Joomla! est maintenant install


Oct 17, 2012

Page 34

Joomla! 3 - En 10 tapes
Pour des raisons de scurit, il est ncessaire de supprimer le rpertoire d'installation en cliquant sur
le bouton appropri. A la suite de cette suppression, il est possible de visualiser le site (frontend) et
d'entrer dans l'espace d'administration (backend) (/administrator). Dans mon cas, le site ressemblera la
Figure 10.

Figure 11: Un site Joomla! sans donnes dexemples


La console dadministration du site est accessible via lURL :
http://exemple.com/administrator
Un cran de connexion s'affiche avec la possibilit de choisir une langue prfre (Figure 11) et une
fois la connexion russie, vous pourrez dcouvrir l'espace d'administration (Figure 12).

Figure 11: Ecran de connexion


Oct 17, 2012

Page 35

Joomla! 3 - En 10 tapes

Figure 12: Panneau d'administration

Oct 17, 2012

Page 36

Joomla! 3 - En 10 tapes

3. Joomla dans votre langue


Jusqu' prsent, votre site comme le panneau dadministration taient disponibles uniquement en
anglais (ndt : sauf si vous avez ralisez votre installation avec le pack franais propos par joomla.fr).
C'est la langue de base de Joomla. La slection de la langue dans le programme d'installation sert juste
au processus d'installation.
Comme beaucoup d'installations Joomla se font dans des pays qui parlent d'autres langues que
l'anglais, ce sujet est trs important.

LE GESTIONNAIRE DE LANGUES
Dans cette premire tape, nous voulons configurer Joomla dans votre langue prfre. Cela signifie
que notre site Joomla n'est pas disponible en plusieurs langues, mais seulement dans une langue choisie.
Le Gestionnaire des Langues (Extensions Gestion des langues) est divis en quatre crans :

1. Installe(s) - Site
Une liste des langues installes sur le site. Vous pouvez dfinir une langue par dfaut et activer et
dsactiver les autres langues (Figure 1)

Figure 1: Langue du site

2. Installe(s) - Administration
Une liste des langues installes sur le panneau d'administration. Vous pouvez dfinir une langue par
dfaut et activer et dsactiver les autres langues (Figure 2)

Oct 17, 2012

Page 37

Joomla! 3 - En 10 tapes

Figure 2: Langue du panneau d'administration

3. Contenu
Ici, vous pouvez dfinir par exemple un nom de site, des options de mtadonnes, le code de langue
pour chaque version linguistique (Figure 3).

Oct 17, 2012

Page 38

Joomla! 3 - En 10 tapes

Figure 3: Paramtres de langue pour une langue unique

4. Substitutions
Vous pouvez surcharger les chanes de langue standard. Il s'agit d'une fonctionnalit trs utile si vous
avez besoin de changer seulement quelques mots.
Le systme de langue Joomla stocke des phrases comme Veuillez vous connecter pour lire l'article dans
des variables comme COM_CONTENT_ERROR_LOGIN_TO_VIEW_ARTICLE. Si vous n'tes pas
satisfait de cette phrase, vous pouvez la remplacer (Figure 4). Il est possible de rechercher des chanes de
texte.
Oct 17, 2012

Page 39

Joomla! 3 - En 10 tapes

Figure 4: Substitutions

INSTALLEZ UNE NOUVELLE LANGUE

Cliquez sur le bouton Installation de Langues dans le gestionnaire de langue et Joomla vous envoie
vers Extensions Gestion des extensions Installation de Langues. Si vous tes l pour la premire fois, vous
devriez voir tous les modules linguistiques disponibles. Choisissez la langue souhaite et cliquez sur le
bouton Installer. (Figure 5).

Figure 5: Packs de langue disponible


Oct 17, 2012

Page 40

Joomla! 3 - En 10 tapes
Retournez au gestionnaire de langues (Extensions Gestion des Langues) et dfinissez votre langue
comme langue par dfaut pour le site et le panneau d'administration, dsactivez l'anglais et vous avez
termin.

Figure 6: Panneau d'administration en espagnol


Une description dtaille d'un environnement multilingue est trait dans ce chapitre5 et ce
screencast 6. Les deux sont bass sur Joomla 1.7/2.5, mais le comportement gnral dans Joomla 3 est
exactement le mme.

http://cocoate.com/node/10332

http://cocoate.com/node/10104

Oct 17, 2012

Page 41

Joomla! 3 - En 10 tapes

4. Design, mise en page et


couleurs
Le template (ndt: parfois appel en franais: modle, gabarit, thme ou trame) est un lment
fondamental de tout site web. Il dtermine son apparence, son design. Il incite vos nouveaux visiteurs
rester sur le site et le parcourir. Les visiteurs rguliers et les utilisateurs apprcient galement d'tre sur
un site agrable visuellement et au design efficace. Pensez d'autres types de produits. Par exemple, une
voiture doit bien videmment disposer d'un bon moteur et de pneus, mais l'une des motivations majeures
pour son achat reste souvent son "look". Quand bien mme sa ligne ne serait pas l'lment dterminant
l'achat, elle reste souvent le dclencheur amenant sinterroger sur la ncessit dun achat et par la
mme, envisager des raisons plus rationnelles. Si le design est russi, les personnes supposeront que le
reste le sera galement ! (Figure 1, figure 2)

Figure 1: La voiture aux autocollants (photo Richardmasoner7)

Figure 2: La voiture rouge (FotoSleuth)8


7

http://www.flickr.com/photos/bike/201402884

http://www.flickr.com/photos/51811543@N08/4978639642

Oct 17, 2012

Page 42

Joomla! 3 - En 10 tapes
Ces deux voitures sont destines des groupes cibles diffrents. Elles sont un bon exemple
d'approches diffrentes en matire de design.

QUELQUES DFINITIONS
Je tiens simplement prciser quelques termes pour vous sensibiliser certaines faons de raisonner.

Qu'est-ce que le design ?

Le terme "design" (ndt: autrefois appel en franais "esthtique industrielle") sutilise notamment pour
dsigner un plan, un dessin qui montre la fonction et le rendu d'un objet dans un environnement
particulier et permettant de satisfaire une srie d'exigences.
Le design permet de rpondre des besoins, de rsoudre des problmes, de proposer des solutions
innovantes ou dinventer de nouvelles possibilits dans le but damliorer la qualit dun objet.
Le verbe "designer" est utilis pour dsigner la cration dun objet par rapport une demande
particulire selon des conditions particulires. Pour chaque objet dit "design", il existe un cahier des
charges. Il dsigne galement lenvironnement dans lequel le Designer volue.
Le terme "design" est utilis dans diffrents domaines :
artistique ("presque instinctif", "inn", "naturel", et une partie de "notre sens de la 'justesse' "),
d'ingnierie (par exemple, la conception de la ligne d'une nouvelle voiture)
production (planification et excution)
processus (modlisation de processus)

Qu'est-ce que la mise en page ?

La mise en page est la partie "graphique" de la conception qui permet l'agencement et le traitement
de style des lments (le contenu) sur une page. Pour parler en termes "Joomla!", c'est l'agencement et la
stylisation des modules et composants de Joomla! selon des positions et des modles prdfinis par le
template.

Que sont les couleurs ?

La couleur est la perception visuelle correspondant chez l'humain des catgories appeles rouge,
vert, bleu, ou autres. Les couleurs sont souvent culturellement associes des perceptions individuelles
varies comme pour le cas des couleurs nationales. Il existe une grande diversit entre les cultures dans
l'utilisation des couleurs et leurs associations. Cela est vrai mme au sein d'une mme culture dans des
priodes diffrentes.

Oct 17, 2012

Page 43

Joomla! 3 - En 10 tapes
Les coleurs HTML colors 9 et CSS 10 proposent une varit de 16 millions de teintes et valeurs
diffrentes. La combinaison de rouge, vert, bleu disposent chacune de valeurs allant de 0 255, ce qui
donne plus de 16 millions de possibilits de couleurs diffrentes (256 x 256 x 256).
Exemple: NOIR = color HEX #000000 = color RGB rgb(0,0,0) (ndt : HEX = hexadcimal RGB
red green blue = RVB rouge vert bleu)
De nombreux outils tels que Color Scheme Designer11 par exemple, peuvent vous aider trouver les
couleurs les mieux adaptes votre projet de site Web (Figure 3).

Figure 3: L'outil Color Scheme Designer

LES TEMPLATES

Un template (ndt: parfois appel en franais : modle, gabarit, thme ou trame) est un modle de mise en
forme, permettant d'appliquer la mme charte graphique (habillage du site, taille et forme des polices,
aspect des boutons et des modules qui composent le site, ...) tout ou partie du site. Il permet la
normalisation de la prsentation, de la mise en forme.
Lutilisation d'un template existant pour la mise en forme graphique dlments implique moins de
manipulations et de travail que la conception d'un template en lui-mme. Les templates sont souvent
utiliss pour des modifications mineures d'lments d'arrire-plan et des modifications rcurrentes (ou
swapping) de contenu de premier plan.
9

http://www.w3schools.com/html/html_colors.asp

10

http://www.w3schools.com/cssref/css_colors.asp

11

http://colorschemedesigner.com/

Oct 17, 2012

Page 44

Joomla! 3 - En 10 tapes

LE WEB DESIGN

Le terme Web design au sens large englobe de nombreuses comptences et disciplines diffrentes qui
sont mises en oeuvre dans le cadre de la production et la maintenance de sites web.
La matrise de comptences techniques telles que les langages HTML, CSS, JavaScript, PHP, la
retouche d'image et bien d'autres est un impratif.
Joomla! "n'est qu'un outil supplmentaire" dans la bote outils des designers (ndt: concepteurs) web.
Un template Joomla! de qualit ne se contente pas de traiter des couleurs et du graphisme. La mise
en forme et le positionnement du contenu sont tout aussi importants. Le site doit tre convivial et fiable.
Un tel dfi me rappelle lexemple des deux voitures
Le Web design reste une activit rcente. Un web designer se doit de relever diffrents dfis tels
quune faible bande passante, des incompatibilits entre les diffrents navigateurs, des diteurs de
contenu parfois inexpriments ou encore les autres personnes impliques dans le processus de cration
d'un site web. La cration d'un site sous Joomla! est souvent un processus dans lequel tous les acteurs en
apprennent normment. Avec la version 3 de Joomla!, le projet introduit la nouvelle librairie interface
utilisateur Joomla (ndt: JUI pour Joomla User Interface) avec le template Protostar.
Concevoir un design efficace pour le Web est un travail compliqu! :-)
Aprs avoir install et paramtr la langue du site, la plupart des personnes commencent par
peaufiner les couleurs et charger par exemple un nouveau logo alors mme que le contenu na pas t
encore intgr. Joomla! propose des templates pr-installs ainsi que les styles associs. Un style de
template est un ensemble d'options (couleur, logo, mise en page) pour un template donn. Les diffrentes
configurations proposes dpendent du template choisi. Certains templates disposent dune grande
varit de paramtres alors que dautres sont plus limits.
Il est possible de crer autant de styles que vous souhaitez et de les assigner diffrentes pages de
votre site web.

LA STRUCTURE

Joomla! est connu et reconnu pour sa qualit et sa simplicit. Avec Joomla!, une simple page est
gnre en sortie HTML avec un composant, plusieurs modules et le template. Chaque page est
accessible via une URL unique. Prenez la page daccueil par exemple. Le composant (ndt: Component) de
contenu gnre la sortie HTML des articles au centre de la page. Cette capture d'cran est celle du
template Beez (Figure 4). Les blocs disposs autour de ces articles sont des modules. Vous pouvez
combiner la gnration HTML d'un composant avec autant de modules que vous souhaitez. Les
modules crs peuvent galement tre rutiliss sur des pages diffrentes.

Oct 17, 2012

Page 45

Joomla! 3 - En 10 tapes

Figure 4: La page daccueil de Joomla! (Beez)

LES POSITIONS

Bien entendu, il convient de savoir o vous pouvez positionner les modules afficher. Pour ce faire,
chaque template propose des positions pr-tablies. Pour voir ces positions, vous devez activer la fonction
Prvisualisez la position des modules (Extensions Gestion des templates. Cliquez sur "Templates" puis sur
"Paramtres". Activez "Prvisualisez la position des modules" puis cliquez sur "Enregistrer & Fermer"). Aprs cela,
vous pouvez accder votre site en frontend en utilisant le paramtre tp=1 (http://localhost/index.php?tp=1)
ou en cliquant en backend sur le lien "Prvisualisation" dans Extensions Gestion des templates Templates
(Figure 5).

Oct 17, 2012

Page 46

Joomla! 3 - En 10 tapes

Figure 5: Gestion des templates - Templates de site


Les positions de modules sont alors mises en exergue avec leurs noms (Figure 6).

Figure 6: Les positions de modules du template Protostar


Oct 17, 2012

Page 47

Joomla! 3 - En 10 tapes
Dans Extensions Gestion des Modules, vous pouvez assigner la position de votre choix chaque
module. Si vous souhaitez quun module saffiche dans des positions diffrentes, il vous suffit de copier le
module et de lui attribuer une autre position.

LES TEMPLATES DU NOYAU


Le noyau de Joomla! (ndt : souvent dnomm "Core") est fourni avec 2 templates pour le frontend et 2
templates pour le backend. Vous pouvez les prvisualiser dans Extensions Gestion des templates
Templates. Vous pouvez ainsi choisir dans Filtrer entre "Administration" et "Site" (Figure 6 et Figure 7).

Figure 7: Gestion des templates Templates de lAdministration

LES STYLES

Les styles permettent de crer et dutiliser diffrentes versions dun mme template. Un template est
pourvu au minimum dun style. Dans ce style, les configurations peuvent tre ralises en fonction du
template, comme le changement de couleurs ou le chargement du logo dentte. Vous pouvez dfinir le
style par dfaut de votre site dans Extensions Gestion des templates Styles.

EXEMPLE : UN STYLE PERSONNALIS


Crons un style personnalis pour notre site Web:

Nom: cocoate
Couleur du template: #f88638
Affichage fluide
Vous pouvez crer des styles additionnels en les copiant. Pour cet exemple, jai opt pour le template
Prostostar. (Figure 8)

Oct 17, 2012

Page 48

Joomla! 3 - En 10 tapes

Figure 8: Dupliquer un style


Saisissez un nom pour ce style et mettez par dfaut les langues sur "tout". Si votre site Joomla! est en
plusieurs langues, vous pouvez indiquer des styles diffrents pour chacune des langues. (Figure 9).

Figure 9: Configuration du style dun template.


Longlet "Options" vous permet de choisir un template, une couleur de fond, de charger votre logo et
d'indiquer si vous souhaitez un affichage statique ou fluide. (Figure 10, Figure 11)

Oct 17, 2012

Page 49

Joomla! 3 - En 10 tapes

Figure 10: Onglet Options Style

Figure 11: Charger un logo


Oct 17, 2012

Page 50

Joomla! 3 - En 10 tapes
Chaque style peut (doit) tre affect un menu. Par exemple, si vous souhaitez un fond vert lorsque
les internautes cliquent sur le menu A et un fond bleu lorsque quil clique sur le menu B, il vous suffit
daffecter les styles correspondants au menu. Dans mon cas, jai un seul lment de menu, puisque je nai
pas encore cr de contenu. Jassigne donc mon nouveau style au menu de ma page daccueil (Figure 12).

Figure 12: Affecter un menu


Aprs avoir enregistr le style, le "look" du site Web est diffrent (Figure 13) et puisque le template
Protostar est compltement Responsive, le site saffiche galement la perfection sur les appareils
mobiles. (Figure 14)

Figure 13: Laffichage du site Web sur un ordinateur personnel

Oct 17, 2012

Page 51

Joomla! 3 - En 10 tapes

Figure 14: Laffichage du site Web sur un appareil mobile

MODIFIER EN LIGNE LES FICHIERS DU TEMPLATE


Si vous connaissez la signification des abrviations mentionnes dans le titre, vous pouvez configurer
directement les templates. Un template dans Joomla est la base d'un style et se compose de diffrents
fichiers. Il est possible de modifier en ligne les lments principaux d'un template.
Si vous souhaitez modifier le template Protostar, allez dans Extensions Gestion des templates
Templates et cliquez sur le lien "Protostar Dtails et fichiers".

Oct 17, 2012

Page 52

Joomla! 3 - En 10 tapes

Figure 15: Modifier en ligne les fichiers du template


Les fichiers peuvent bien entendu tre modifis dans un diteur externe.
Vous trouverez les templates du site en front-end dans le dossier /templates. Chaque template bnficie
de son propre dossier. Si vous souhaitez modifier la page hors ligne (offline.php) et la page derreur
(error.php), allez dans /templates/system. Les templates de ladministration se trouvent quant eux dans le
dossier /administrator/templates.

Oct 17, 2012

Page 53

Joomla! 3 - En 10 tapes

5. Tout ce quil faut savoir sur les


utilisateurs, les permissions, les
modules et les articles
Je sais, nous n'avons pas encore de contenu sur notre site, mais avant de lintgrer, jetons un il sur
les comptes utilisateurs de notre nouveau site sous Joomla!.
Lors de linstallation Joomla!, vous avez cr un compte Super Utilisateur. Cet utilisateur dispose de
tous les droits. Il est trs agrable d'tre cet utilisateur, mais de grandes responsabilits psent sur ses
paules. Vous aurez probablement plus d'un compte utilisateur sur votre site, par exemple pour les
auteurs qui rdigent des articles. Crons donc une plate-forme pour les auteurs, depuis laquelle ils
pourront poster des articles, charger des images sans avoir entrer dans la console dadministration en
backend. Suivez cet exemple et vous en apprendrez normment sur Joomla! :)

A PROPOS DES UTILISATEURS , DE LEURS " RLES " ET DES


AUTORISATIONS
Avant de commencer, il est important de savoir que :
les utilisateurs disposent en gnral de la facult de se connecter via l'interface en frontend et/ou en
backend via la console dadministration, en fonction des permissions qui leurs sont attribues.
un compte utilisateur doit tre affect en tant que membre d'un groupe d'utilisateurs. Au lieu
d'attribuer ces permissions chacun des utilisateurs, elles sont affectes un groupe. Un utilisateur en
particulier sera alors affect un ou plusieurs groupes. Imaginez que vous ayez 10 000 utilisateurs
rpartis en quatre groupes diffrents. Il est alors facile pour l'administrateur de modifier les
autorisations pour chacun des groupes. Sans cette gestion par groupes, vous devriez paramtrer
manuellement chaque compte utilisateur. En utilisant le systme de groupes, il vous suffira de
paramtrer une seule fois les permissions!
Joomla! propose des groupes prdfinis comme "auteur" (Author) et "diteur" (Publisher) qui sont
faciles comprendre. Un auteur est en mesure de crer/crire du contenu, un diteur possde la
permission supplmentaire de publier du contenu.

Oct 17, 2012

Page 54

Joomla! 3 - En 10 tapes
Les groupes utilisateurs en frontend prdfinis sont : les visiteurs (Guest), les utilisateurs enregistrs
(Registered), les auteurs (Authors), les rdacteurs (Editor), les diteurs (Publisher),
Les groupes utilisateurs en backend (ndt: accs autoris selon diffrents paramtres la console dadministration)
prdfinis sont : les managers (Manager), les administrateurs (Administrator), les supers utilisateurs (Super Users).

EXEMPLE: UN SITE SUR LEQUEL LES AUTEURS PEUVENT PUBLIER DES


ARTICLES
Cest une situation trs simple mais elle couvre un grand nombre des possibilits proposes par
Joomla!. Je partirai du principe que vous avez un site Joomla! sans donnes dexemples avec un compte
super utilisateur.

Le scnario envisag :

1. Pour le Super Utilisateur (administrateur) dans le panneau dadministration :


- activer la notification automatique lors de la cration dun nouveau compte utilisateur,
- crer un menu utilisateur pour les utilisateurs enregistrs avec un lien pour la cration dun article.
2. Pour le Visiteur du site :
sinscrire en tant que nouvel utilisateur.
3. Pour le Super Utilisateur (administrateur) dans le panneau dadministration :
recevoir la notification et assigner le nouvel utilisateur au groupe "Auteur".
4. Pour lAuteur sur le site :
tre autoris rdiger un article, sans pouvoir le publier.
5. Pour le Super Utilisateur (administrateur) dans le panneau dadministration :
- recevoir une notification indiquant quun nouveau contenu est disponible,
- publier larticle en page daccueil.

1. Courriel de notification l'administrateur et menu utilisateur


Cliquez sur : Utilisateurs Gestion des utilisateurs Paramtres et activez le bouton : "Notification email" puis "Enregistrer & Fermer" (Figure 1).

Oct 17, 2012

Page 55

Joomla! 3 - En 10 tapes

Figure 1: Notification Mail to Administrators


Cliquez sur : Menus Gestion des menus Ajouter un menu.
Titre: Utilisateur
Type de menu: utilisateur
Description: Un menu pour les utilisateurs avec des liens utiles
Enregistrer et fermer. Vous avez ainsi cr une sorte de conteneur menu. Ce quil manque
maintenant dans ce conteneur ce sont les liens de menu et le module assign ainsi que sa position dans le
template permettant dafficher ces liens sur une ou plusieurs pages.
Afin de crer un tel module, il suffit de cliquer sur : Assigner un module ce menu (Figure 2)

Oct 17, 2012

Page 56

Joomla! 3 - En 10 tapes

Figure 2: Ajouter un module de menu


Dans le formulaire qui apparat vous devez : ajouter un Titre au module (Menu Utilisateur),
slectionner une position (Droite [position 7] dans le template Protostar), dterminer le niveau d'accs (Accs
Enregistr). Vous navez plus qu cliquer sur Enregistrer & Fermer (Figure 3).

Figure 3: Cration du module "Menu Utilisateur"


Il est maintenant ncessaire de crer le lien "Crer un article" dans notre menu qui s'affichera pour
les auteurs. Cliquez sur : Menus Utilisateur Ajouter un lien de menu (Figure 4)

Oct 17, 2012

Page 57

Joomla! 3 - En 10 tapes

Figure 4: Cration d'un lien dans le Menu Utilisateur


Dans le formulaire suivant, vous devez renseigner les diffrents champs Titre de Menu (nom et/ou
description du lien ici nous choisirons "Rdiger un article"), slectionner un Type de lien de menu (Figure
5) et restreindre l'accs aux utilisateurs enregistrs (Accs Enregistr). Chaque composant Joomla!
propose des types de lien de menu. Dans notre cas, le type de lien de menu (Articles / Crer un article) est
gnr par le composant de contenu du noyau de Joomla!.

Figure 5: Slection du type de lien de menu


Oct 17, 2012

Page 58

Joomla! 3 - En 10 tapes
Aprs avoir enregistr et ferm la bote de dialogue, votre nouveau lien de menu doit safficher dans
la liste (Figure 6)

Figure 6: Le Menu Utilisateur avec son nouvel lment de menu


Il est temps de tester votre travail ! Connectez-vous en frontend avec votre compte Super Utilisateur.
Aprs la connexion, notre nouveau Menu Utilisateur apparat bien avec son lien de menu : "Rdiger un
article" (Figure 7).

Figure 7: Le Menu Utilisateur aprs connexion


Maintenant et afin de poursuivre, veillez bien vous dconnecter en frontend.

2. Sinscrire en tant que nouvel utilisateur


Nous allons maintenant crer un nouveau compte utilisateur. Comme nimporte quel visiteur
lambda, cliquez sur le lien Crer un compte. Remplissez le formulaire et cliquez sur le bouton Sinscrire
(Figure 8).
Oct 17, 2012

Page 59

Joomla! 3 - En 10 tapes

Figure 8: Formulaire d'inscription


Si votre serveur permet l'envoi de-mails, un courriel de notification sera envoy l'adresse du compte
Super Utilisateur.
Joomla! propose un CAPTCHA pour empcher les spammeurs dagir. Pour l'utiliser, il suffit dactiver le
plugin Captcha dans : Extensions Gestion des Plug-ins puis de le slectionner dans le champ
"Captcha" dans Systme Configuration Utilisateurs (dautres options sont galement disponible
sur cet cran).

3. Affectation de l'utilisateur au groupe des auteurs

Connectez-vous votre Panneau dadministration avec votre compte Super Utilisateur. Accdez :
Utilisateurs Gestion des utilisateurs et cliquez sur le nom du nouvel utilisateur (Toni Tester). Dans longlet
"Attribuer cet utilisateur un ou plusieurs groupes", cochez le groupe "Auteur" (Figure 9).

Oct 17, 2012

Page 60

Joomla! 3 - En 10 tapes

Figure 9: Affectation d'un utilisateur un groupe

4. Notre nouvel Auteur va crer un article


Connectez-vous en frontend du site avec votre nouveau compte utilisateur et cliquez sur "Rdiger un
article". Donnez un titre votre article, ajoutez quelques mots dans lditeur de texte et cliquez sur
"Sauvegarder" (Figure 10).

Figure 10: Crer un article


Oct 17, 2012

Page 61

Joomla! 3 - En 10 tapes
L'article est cr et soumis au Super Utilisateur mais l'utilisateur (ici vous-mme) ne peut pas le voir,
puisqu'il n'a pas encore t publi. J'ai choisi de configurer volontairement cette option ainsi car, dans
certains cas, il est souhaitable d'avoir une personne diffrente de lauteur pour vrifier, modifier et publier
le contenu cr. Bien entendu, il est possible de passer ces tapes et dassigner l'utilisateur au groupe
diteur, pour que l'article soit automatiquement et immdiatement publi.

5. L'administrateur publie l'article sur la page daccueil

Joomla dispose dun systme de messagerie qui gnre un message lorsqu'un nouveau contenu est
cr par un utilisateur. En fonction de vos paramtrages (Composants Messagerie prive Mes paramtres)
l'administrateur reoit ce message par e-mail ou via l'cran en backend. L'administrateur doit alors aller
dans le gestionnaire de contenu : Contenu Gestion des articles et le publier. Si l'on souhaite que larticle
apparaisse en page d'accueil, cliquez sur la fonction : "En vedette" (Figure 11, Figure 12).

Figure 11: Publier un article

Figure 12: Article En vedette


Oct 17, 2012

Page 62

Joomla! 3 - En 10 tapes

Peaufiner le processus

Comme nous l'avons prcdemment remarqu en suivant cet exemple, de nombreux sujets sont
abords et les paramtres de configuration varient selon vos besoins. Il existe un grand nombre de
permissions, doptions et de paramtres quil vous reste dcouvrir.

Oct 17, 2012

Page 63

Joomla! 3 - En 10 tapes

6. Crer du contenu
La cration de contenu est difficile! Chaque lment de contenu est une histoire. Et une histoire peut
tre bonne ou mauvaise et donc attirer les visiteurs ou les ennuyer. Des milliers de livres et encore plus de
gens essayent ou ont essay de sensibiliser d'autres personnes sur la thmatique : Comment crire une
histoire? .
J'ai la tche relativement facile de traiter seulement la partie technique :)

QU'EST-CE QU'UN ARTICLE DANS JOOMLA ?


Techniquement, un article se compose de
un titre (intitul) et un alias (dans l'URL)
le texte (un mlange de texte, images et d'autres mdias)
une catgorie laquelle l'article appartient
un auteur et un alias pour l'auteur
des autorisations d'accs
une langue dans laquelle l'article est crit
des mtadonnes pour les moteurs de recherche et autres robots
et beaucoup de paramtres, comment, o, qui et quand l'article est affich. Vous avez dj crit un
article dans le chapitre prcdent, et ce n'tait pas compliqu. Seul un titre est ncessaire, tous les autres
champs ont une valeur par dfaut ou sont facultatifs. Passons en revue cette liste :)

Un Titre
Its a little, but an important part.
Le titre doit tre croustillant et court la fois pour attirer des lecteurs ce qui est trs pratique pour vous,
parce qu'il apparat dans une liste d'articles sur le site Web et dans une liste d'articles dans
l'administration.
Le titre apparat comme le titre de la page en haut de votre fentre de navigateur et il peut contenir le
nom du site galement. Vous pouvez configurer ce comportement dans
Systme Configuration Site Paramtres SEO Nom du site dans les titres
il peut apparatre dans l'URL de cette page (I) et c'est vous de savoir configurer l'URL
Systme Configuration Site Paramtres SEO

Oct 17, 2012

Page 64

Joomla! 3 - En 10 tapes

Le Texte

Dans Joomla, le texte de votre article contient une partie qui est affiche dans des listes (teaser) et le
reste de l'article. Ce reste peut tre structur par des sauts de page, afin qu'un texte long entrane 10
pages avec une table des matires. Mais procdons tape par tape :). Lorsque vous crerez un article, ce
sera l'aide d'un diteur. Joomla utilise un diteur de texte enrichi (TinyMCE 12). Cela signifie qu'il n'est
pas ncessaire pour vous, comme pour l'auteur, d'apprendre les balises HTML. L'diteur ressemble une
fentre de traitement de texte sur votre PC (par exemple, Word, LibreOffice) et il est facile de
comprendre les icnes (Figure 1).

Figure 1: diteur de texte enrichi


Si vous survolez l'icne avec la souris, un petit texte d'aide apparat et vous indique ce pourquoi cette
icne est prvue!
Note:
Il est possible d'installer des diteurs diffrents, par exemple JCE Joomla Content Editor et il est
aussi possible de n'en utiliser aucun. Joomla est livr avec deux diteurs et vous pouvez configurer
l'diteur par dfaut dans Systme Configuration Site diteur par dfaut.
Les paramtres par dfaut permettent vos utilisateurs de choisir par eux-mmes dans leur compte
entre les diteurs disponibles. Vous pouvez dsactiver cette fonction dans Utilisateurs Gestion des
Utilisateurs Paramtres Paramtres dans le profil

Paste from Word


12

http://www.tinymce.com/

Oct 17, 2012

Page 65

Joomla! 3 - En 10 tapes
Le pire qui puisse arriver dans l'dition d'articles, c'est quand les gens collent partir de programmes
tels que Microsoft Word. Mme si la situation s'amliore il n'y a TOUJOURS PAS de vritable moyen
d'obtenir les mmes formats sur un site Web bas sur le langage HTML en collant partir d'un
traitement de texte comme Microsoft Word qui est bas sur des formats binaires ou XML compliqu.
L'diteur propose une icne Nettoyage de code dsordonn , mais il ne nettoiera pas les erreurs
logiques ou de diffrences dans le balisage. Ne l'oubliez pas quand vous en parlez avec vos utilisateurs :)

Insrer des Images

Au-dessous de la fentre de l'diteur, vous trouverez un bouton appel images. Il propose une bote
de dialogue pour choisir des images existantes partir de votre bibliothque d'images intgre joomla
et il vous permet d'ajouter des images cette bibliothque en les tlchargeant.
Vous pouvez grer votre bibliothque sous Contenu Gestion des Mdias
Vous pouvez tlcharger plusieurs fichiers en activant l'uploader flash (Contenu Gestion des Mdias
Paramtres Transfert avec Flash)
Joomla ne va pas redimensionner vos images, alors soyez prudents avec les grandes photos ! La
meilleure solution : que vos images aient exactement la taille en pixel que vous souhaitez avoir sur
votre site. Il existe plusieurs extensions pour rsoudre le problme de redimensionnement et le
framework Twitter Bootstrap qui est utilis dans Joomla 3, est utile pour les images ractives.
Une fois que vous avez insr une image de la bibliothque, vous pouvez configurer (ajouter des
attributs ) cette image en cliquant sur l'icne image au-dessus de l'diteur de texte enrichi (Figure 2)

Oct 17, 2012

Page 66

Joomla! 3 - En 10 tapes

Figure 2: Utilisation de l'diteur de texte enrichi

Rfrences d'autres articles

Le bouton Article au-dessous de l'diteur permet de lier un article un autre article ce qui est tout
fait utile.

Lire la suite

Les articles apparatront dans des listes et sur une page d'article dtaille. Sur les listes, le texte devrait
tre limit pour viter toute confusion. Avec l'aide du bouton Lire la suite au-dessous de l'diteur, vous
limitez le texte de l'article. Placez le curseur dans le texte o le lien lire la suite devrait apparatre et
cliquez sur le bouton Lire la suite (Figure 3)

Oct 17, 2012

Page 67

Joomla! 3 - En 10 tapes

Figure 3: Lien lire la suite

INTGRER UNE VIDO YOUTUBE

Ceci n'est pas seulement propos des vidos YouTube, mais c'est un bon exemple pour les filtres de
texte. Si vous essayez d'intgrer une vido YouTube avec le code standard
<iframe width="560"
height="315"
src="http://www.youtube.com/embed/rX372ZwXOEM"
frameborder="0" allowfullscreen></iframe>
vous remarquerez qu'il est filtr par l'diteur et par Joomla. Ce n'est pas un bug! C'est une
fonctionnalit :) Pour des raisons de scurit
Joomla utilise ce que l'on appelle des filtres de texte (Systme Configuration Filtres de texte) pour filtrer
les balises suivantes: <applet>, <body>, <bgsound>, <base>, <basefont>, <embed>, <frame>, <frameset>,
<head>, <html>, <id>, <iframe>, <ilayer>, <layer>, <link>, <meta>, <name>, <object>, <script>, <style>,
<title> et <xml>.
TinyMCE filtre certaines balises galement: <applet>, <object> and <iframe>
Malheureusement, nous avons besoin d'insrer une balise <iframe> pour intgrer des vidos de
YouTube.
Alors, que faire ?
Une solution pourrait tre de faire confiance vos auteurs et crer une liste noire personnalise
(Systme Configuration Filtres de texte) pour le groupe des auteurs (Figure 4) et puis dire TinyMCE que

Oct 17, 2012

Page 68

Joomla! 3 - En 10 tapes
la balise <iframe> n'est plus mauvaise (Extensions Gestion des plug-in Editeur-TinyMCE Modifier
Paramtres de base lments prohibs) en supprimant le mot iframe dans les lments prohibs.

Figure 4: Liste noire personnalise pour le groupe Auteurs


Aprs avoir modifi ces mcanismes de filtre, il est possible de copier et coller le code d'intgration
dans votre article. N'oubliez pas que vous devez passer l'diteur en affichage HTML en cliquant sur
l'icne HTML. Par la suite, une fentre pop-up avec le code HTML de l'article s'affiche. Maintenant
collez le code d'intgration l'endroit o doit apparatre la vido (Figure 5).

Oct 17, 2012

Page 69

Joomla! 3 - En 10 tapes

Figure 5: Insertion du code iframe dans l'article


Cliquez sur le bouton Mettre Jour et vous pouvez dj voir la vido dans la fentre de l'diteur. Aprs
avoir enregistr l'article la vido apparatra sur votre site Internet (Figure 6).

Figure 6: Video dans larticle


Oct 17, 2012

Page 70

Joomla! 3 - En 10 tapes
Maintenant, vous pouvez incorporer le code de plusieurs plateformes comme Twitter, Facebook et
Flickr.

Utilisation des macros dans un texte


Il est possible d'utiliser ce que l'on appelle des macros dans votre texte. Une macro est une expression
ou une commande qui est remplac par quelque chose de diffrent (par exemple, le code d'intgration de
votre vido YouTube).
En thorie, nous pourrions crire dans notre texte d'article (pas dans le code HTML) quelque chose
comme ceci
[youtube = http://www.youtube.com/watch?v=rX372ZwXOEM]
et un peu de magie pourrait le remplacer par le code appropri
<iframe width="560" height="315" src="http://www.youtube.com/embed/
rX372ZwXOEM [105]" frameborder="0" allowfullscreen></iframe>
Le seul problme est que cette transformation ne fait pas partie du package de base de Joomla. Si
vous souhaitez utiliser les macros, vous devez installer des extensions supplmentaires, que l'on appelle
plug-ins la plupart du temps.

Du contenu dans un module ?


Lorsque nous avons cr un article, nous avons utilis le composant de contenu de Joomla. Une autre
possibilit pour crer du contenu peut tre un module.
Un module est un lment de contenu qui peut tre positionn sur votre site web. Un menu, par
exemple, a besoin d'un module pour s'afficher. La bote de connexion est galement un module. Vous
pouvez crer autant de modules avec des fonctions prdfinies que vous en avez besoin et les positionner
dans la zone prdfinie dans le template. Joomla est fourni avec 24 modules prdfinis. Vous pouvez les
voir avec une description dans Extensions Gestion des Modules Nouveau (Figure 7).

Oct 17, 2012

Page 71

Joomla! 3 - En 10 tapes

Figure 7: Modules disponibles


Il est possible de crer un module qui contient du texte HTML comme un article (Contenu
personnalis). Et il est galement possible de tlcharger par exemple une image de fond pour les
modules, de le publier en fonction de la date et d'autres choses utiles.
Il n'est pas prvu que le contenu personnalis dans les modules soit cr par des auteurs normaux . La
cration de contenu dans des modules est plus une tche du Gestionnaire ou Administrateur .
Essayez le module personnalis. Crez en un, ajoutez un certain contenu et configurez une position
(Figure 8).
Oct 17, 2012

Page 72

Joomla! 3 - En 10 tapes

Figure 8: Module personnalis dans le panneau dadministration


Vous pouvez utiliser l'diteur de texte enrichi et toutes les fonctionnalits qui sont disponibles pour
crire, formater et amliorer le texte de l'article. Vous pouvez mme choisir la page sur laquelle le
module doit apparatre (Onglet Menu d'assignement) et quand il doit apparatre (publication en fonction
de la date). Aprs l'enregistrement, votre module personnalis s'affiche sur votre site (Figure 9).

Figure 9: Module personnalis sur le site Internet


Oct 17, 2012

Page 73

Joomla! 3 - En 10 tapes
Si plus d'un module se trouve la mme position, il est ncessaire de les mettre dans l'ordre dsir. Il
suffit de glisser les modules dans le gestionnaire de module l'endroit voulu (Figure 10).

Figure 10: Tri des modules

Oct 17, 2012

Page 74

Joomla! 3 - En 10 tapes

7. Afficher du contenu
Aprs avoir russi crer du contenu, vous devez penser son affichage. De prime abord, cela
semble simple, mais cest une tape assez importante. Dans le chapitre prcdent, nous avons cr un
article que nous avons mis en vedette sur la page d'accueil. Les visiteurs peuvent visualiser cet article
uniquement en consultant la page daccueil.

LA PAGE DACCUEIL

La page daccueil par dfaut dispose dun menu permettant laffichage des articles ayant t
slectionns en vedette. Lorsque vous accdez au menu principal dans Menus vous avez srement
remarqu l'icne d'une petite "maison". Cela signifie tout simplement que ce menu contient le lien de la
page daccueil (Figure 1).

Figure 1: Menu principal avec lien vers la page daccueil


Lorsque vous ditez le lien de menu Accueil, plusieurs configurations sont possibles. Le type de lien
de menu blog des articles en vedette propose des articles complets, des articles avec introduction, le
nombre de colonnes et les liens. Pour bien comprendre comment cela fonctionne, nous avons besoin de
crer plusieurs articles. Pour simplifier notre exemple, vous allez juste dupliquer votre premier article.
Voici la marche suivre : slectionnez larticle copier, cliquez sur le bouton "Traitement", choisissez
"copiez" et enfin cliquez sur "Traitement". Le tour est jou ! (ndt : autre mthode pour copier un article : ouvrez
votre article et cliquez sur le bouton "Enregistrer une copie") (Figure 2).

Oct 17, 2012

Page 75

Joomla! 3 - En 10 tapes

Figure 2: Copie darticles par "Traitement"


Si vous avez plus de 4-5 articles (noubliez pas de les mettre en vedette !), vous pouvez essayer une
autre option : Allez dans Menus Main Menu Accueil et jetez un il longlet "Paramtres Avancs".
Vous noterez les configurations de base suivantes : Articles complet : 1, Introduction des articles : 3,
Nombre de colonnes : 3 (Figure 3).

Figure 3: Affichage du lien de menu Accueil


Oct 17, 2012

Page 76

Joomla! 3 - En 10 tapes
Et voici maintenant le rsultat sur votre page daccueil : (Figure 4).

Figure 4: Page daccueil par dfaut

LES CATGORIES ET LES LIENS DE MENU

Joomla! propose deux possibilits pour structurer votre contenu: les catgories et les liens de menu.
Chaque article peut tre li une catgorie. Les catgories peuvent tre imbriques. Les liens du menu
peuvent pointer vers des articles, des catgories ou mme vers un statut spcifique comme nous l'avons
vu avec les articles en vedette de la page d'accueil. Cette structure simple et facilement extensible offre
des possibilits tonnantes pour laffichage du contenu.
Comme vous le savez dj, les templates pour Joomla! disposent de nombreuses positions. Les
positions sont les endroits o vous pouvez placer votre contenu et les lments de navigation.

Oct 17, 2012

Page 77

Joomla! 3 - En 10 tapes
Le systme daffichage de contenu de Joomla! consiste en lagencement des modules et des
composants selon des positions prdfinies par les templates.
Chaque page peut contenir exactement un composant et un nombre illimit de modules.
Les catgories peuvent tre cres et gres dans Contenu Gestion des catgories.
Les menus peuvent tre crs, grs et lis dans Menu Gestion des menus (pour en savoir plus sur la
cration de menu, je vous invite lire le chapitre 5 - Cest une histoire dutilisateurs, de permissions, de
modules et darticles

UNE NAVIGATION EN HAUT DU SITE

Une page Joomla! vierge contient un menu principal "main menu" en position-7 par dfaut. EN
l'espce, nous utilisons le template Protostar dont la position-7 se situe dans la barre latrale droite, mais
nous souhaitons que le menu saffiche en haut. Pour ce faire, allez dans Extensions Gestion des modules
Menu principal et mettez-le en position-1. Dans longlet Options Avances, indiquez comme suffixe CSS de
menu nav-pills (Attention : pensez mettre un espace vierge avant le nom de classe, sinon elle ne sera pas prise en
compte !) (Figure 5).

Figure 5: Suffixe CSS de menu


Cela va changer lattribut de classe dans le code HTML et si tout est correct, votre navigation devrait
alors ressembler la Figure 6.

Oct 17, 2012

Page 78

Joomla! 3 - En 10 tapes

Figure 6: La navigation du menu principal


Les articles catgoriss peuvent tre affichs en mode blog comme sur la page daccueil ou en
tableaux darticles (articles en "table"). Les deux options sont largement configurables. Il vous suffit juste
de tester quelques types de lien de menu.
Avec ces diffrents outils, vous allez pouvoir crer des mises en page absolument tonnantes !

Oct 17, 2012

Page 79

Joomla! 3 - En 10 tapes

8. Les Extensions
Comme nous l'avons prcdemment dcouvert avec le gestionnaire d'extensions, le pack Joomla! 3
propose de nombreuses extensions intgres. Nous avons dj survol certaines dentre elles. En tant
qu'utilisateur dun site web, vous ne vous souciez probablement pas des extensions que vous utilisez tant
quelles fonctionnent. En revanche, en qualit dadministrateur, vous vous devez de matriser leur
fonctionnement. Nous avons dj dcouvert certaines dentre elles comme l'extension de contenu, qui
permet de rdiger, grer et publier des articles suivant diffrents critres, lextension de gestion des
utilisateurs, celle de la gestion des catgories et dautres.
Dans le menu Composants, vous trouverez les liens Bannires, Fiches de contact, Fils dactualit,
Liens web, Messagerie prive, Mise jour de Joomla!, Recherche, Recherche avance et Redirection.
Jetons un rapide coup dil ces composants et leurs modules et plugins associs. Puisque leur
utilisation est la mme que dans Joomla 2.5, je me contenterai de rsumer leurs fonctionnalits et de vous
renvoyer leurs descriptions dtailles sur la partie de notre site qui traite de Joomla! 2.5.

BANNIRES

Le composant Bannires permet d'afficher des bannires publicitaires sur votre site. Une bannire
peut contenir des graphiques ou du code HTML personnalis. Chaque fois quune page de votre site est
visite, une bannire diffrente sera affiche en provenance de votre console dadministration des
bannires. Il est possible de cliquer sur ces bannires et le visiteur sera automatiquement redirig vers un
site li. La console dadministration permet la gestion des bannires, des clients et des catgories. Elle
offre galement des analyses statistiques dtailles.
Retrouvez sur notre site (Joomla! 2.5) une description dtaille du composant Bannires 13.

FICHES DE CONTACT - FORMULAIRES DE CONTACT

Tout site web se doit de proposer un formulaire de contact. Selon la vocation du site vous pouvez
parfois en avoir besoin d'un seul, parfois de plusieurs. Par exemple et s'agissant d'un site web dentreprise
avec plusieurs dpartements, chaque dpartement pourra souhaiter disposer de son propre formulaire de
contact. Peut-tre souhaiterez vous afficher un formulaire de contact pour chaque employ ou chaque
compte d'utilisateur.
Tout cela est ralisable en utilisant le composant Fiches de contact de Joomla!.

13

http://cocoate.com/fr/node/10382

Oct 17, 2012

Page 80

Joomla! 3 - En 10 tapes
Retrouvez sur notre site (Joomla! 2.5) une description dtaille du composant Fiches de contact14 et la
faon de crer un tel formulaire de contact15.

FILS DACTUALIT
Les Fils d'actualit (Newsfeed ou Flux) sont vraiment trs pratiques. Il est possible de souscrire
diffrents types d'actualits et d'informations. Malheureusement, aujourd'hui encore et pour des raisons
inexplicables, les internautes ne les utilisent que trs rarement. Il y a trente ans, vous deviez acheter et
lire un journal pour connatre les "Actus". Il y a quinze ans, vous deviez ouvrir votre navigateur et visiter
les sites Web les uns aprs les autres pour connatre les "News". Aujourdhui, vous pouvez toujours faire
ces deux oprations mais il est galement possible d'utiliser un agrgateur de flux. Google's reader ainsi
que la barre de signets/favoris dynamiques de votre navigateur (par exemple Firefox) sont trs
populaires. Le composant Fils d'actualit de Joomla! est galement un agrgateur. Peut-tre pas aussi
sophistiqu que Google Reader, mais il reste tout de mme trs utile.
Le composant Fils d'actualit vous permet de collecter des lments provenant d'autres sites et de les
publier sur le votre.
Dans notre univers domin par les mdias sociaux, chacun d'entre nous possde probablement
aujourdhui des dizaines de comptes utilisateurs. Nos vidos et images sont souvent stockes sur
youtube.com et flickr.com. Pour une entreprise, la situation est encore plus complexe. Imaginez la
quantit d'informations disponibles en fil d'actualit sur un sujet comme Joomla! ou concernant votre
propre entreprise.
Retrouvez sur notre site (Joomla! 2.5) une description dtaille du composant Fils dactualit16 .

LIENS WEB
Avec le composant Liens web, vous pouvez crer une liste de liens ou une section de tlchargement
intgrer dans votre site web. Pour ce faire, Joomla! utilise un systme de catgories imbriques et
comptabilise les clics individuels sur chaque lien. Ce composant est trs utile pour les catalogues de liens.
Crez autant de catgories et de liens qui vous sont ncessaires, puis connectez les deux en assignant les
catgories. Ajoutez un lien de menu, choisissez une mise en page et configurez les paramtres.
Retrouvez sur notre site (Joomla! 2.5) une description dtaille du composant Liens web17 .

MESSAGERIE PRIVE
14

http://cocoate.com/fr/node/10383

15

http://cocoate.com/fr/node/10346

16

http://cocoate.com/fr/node/10387

17

http://cocoate.com/fr/node/10391

Oct 17, 2012

Page 81

Joomla! 3 - En 10 tapes
La messagerie prive est un composant interne au noyau de Joomla! qui intgre un systme de
messagerie prive pour les utilisateurs ayant accs au backend. Elle vous permet d'envoyer et de recevoir
des messages des autres utilisateurs ayant la permission d'accder la zone d'administration du site.
Le composant de messagerie est trs facile utiliser. Cependant, les utilisateurs oublient souvent la
possibilit de configurer ce composant dans Composants Messagerie prive Paramtres. Vous
pouvez configurer le systme pour pouvoir tre prvenu par e-mail chaque nouveau message,
supprimer les messages aprs un certain nombre de jours, mais galement, verrouiller votre bote de
rception.

MISE JOUR JOOMLA!


Vous pouvez dcider quel type de mise jour automatique du systme oprer. Vous pouvez choisir
entre le support long terme (LTS), le support court terme (STS), les versions en test ou personnaliser
entirement les mises jour.

RECHERCHE

Les visiteurs de votre site s'attendent pouvoir faire des recherches dans votre contenu.
Joomla! utilise par dfaut la recherche de texte intgral. Texte intgral signifie que Joomla! recherche
directement dans la base de donnes tous les mots cls que vous entrez dans le champ de recherche.
Cela peut sembler vident pour la plupart des personnes, mais a ne l'est pas. De nombreux moteurs
de recherche crent d'abord un index de recherche compos de mots utiliss sur votre site web. Pendant
la recherche proprement dite, l'index de recherche est consult pour trouver des correspondances. Ces
correspondances sont lies au contenu. La page de rsultat de recherche est base sur ces
correspondances et liens.
La recherche base sur un index, est plus rapide que la recherche en texte intgral, mais l'index devra
tre mis jour chacune des modifications sur le site, sinon le nouveau contenu ne pourra pas tre
trouv. Afin de compenser l'avantage de performance d'une recherche base sur un index, Joomla! est
pleinement configurable.
Retrouvez sur notre site (Joomla! 2.5) une description dtaille du composant Recherche18.

RECHERCHE AVANCE

La recherche avance tait une nouvelle fonctionnalit introduite dans Joomla! 2.5 et a t
grandement amliore dans Joomla! 3.
La nouvelle version a ajout "un plus" au composant de recherche de base de Joomla!, la recherche
avance devient plus flexible et plus rapide et elle est dote notamment des fonctions dauto-compltion
et de racinisation (le : "Vous vouliez peut tre rechercher").
18

http://cocoate.com/fr/node/10390

Oct 17, 2012

Page 82

Joomla! 3 - En 10 tapes
Racinisation (ndt : ou dsuffixation) ?
Par exemple, en anglais, la racinisation de "fishing", "fished", "fish" et "fisher" donne "fish". Si
on ne conservait dans l'index que les mots tel quel, il serait impossible lors d'une recherche de faire
rfrence aux documents comportant uniquement le mot "fishing" en cherchant "fisher". Grce la
racinisation on sait qu'ils partagent la mme racine et qu' priori ils font partie du mme lexique.
(Wikipedia 19).
Le pack Joomla! de base possde une Racinisation anglaise appele Snowball Stemmer (Composants
Recherche avance Paramtres). La Racinisation anglaise fonctionne toute seule, le Snowball stemmer
ncessite l'extension PHP Stem et fournit un support pour 14 langues comprenant Danois, Allemand,
Anglais, Espagnol, Finnois, Franais, Hongrois, Italien, Norvgien, Hollandais, Portugais, Roumain,
Russe et Turc.
Les donnes doivent tre pralablement indexes afin d'apporter vitesse et flexibilit.
Retrouvez sur notre site (Joomla! 2.5) une description dtaille du composant Recherche avance20.

REDIRECTION

Le Gestionnaire de redirection est une ide magnifique. Il redirige les visiteurs sur une page valide
lorsqu'ils saisissent une url obsolte sur votre site. Il est en effet tout fait possible quune url ait exist et
ait t indexe par un moteur de recherche ou ajoute sur un site extrieur. Ce problme survient
gnralement aprs la refonte d'un site Web.
Le composant de redirection est trs pratique. Si quelqu'un essaie d'accder une url qui n'existe plus,
Joomla! va afficher la page 404 - not found et simultanment crer une nouvelle entre dans le
gestionnaire de redirection. Cela facilite grandement la vie de ladministrateur du site puisquil peut ainsi
vrifier les pages qui ne fonctionnent plus et faire le ncessaire.
Retrouvez sur notre site (Joomla! 2.5) une description dtaille du composant Redirection21 .

LES EXTENSIONS TIERCES


Le site officiel des extensions Joomla! (JED) 22 pertorie plus de 10 000 extensions pour agrmenter
votre site web de fonctionnalits supplmentaires.
Avec le gestionnaire dextensions (Extensions Gestion des extensions), vous pouvez installer, mettre
jour, dcouvrir et grer vos extensions directement depuis votre administration Joomla!

19

http://fr.wikipedia.org/wiki/Racinisation

20

http://cocoate.com/fr/node/10469

21

http://cocoate.com/fr/node/10389

22

http://extensions.joomla.org/

Oct 17, 2012

Page 83

Joomla! 3 - En 10 tapes

LA GESTION DES EXTENSIONS

Vous pouvez installer des extensions de 3 manires diffrentes (Figure 1):

Figure 1: Linstallation dextensions


1. Archive envoyer
Si vous avez tlcharg sur votre ordinateur un dossier zip contenant une extension Joomla!, vous
pouvez utiliser cette option pour la tlcharger et linstaller sur votre site.
2. Installer depuis un dossier
Si vous avez charg sur votre serveur web, la racine du site, un dossier zip contenant une extension
Joomla!, vous pouvez utiliser cette option pour lextraire et linstaller.
3. Installer depuis une adresse URL
Si vous connaissez l'URL du dossier zip contenant une extension Joomla!, vous pouvez utiliser cette
option pour la tlcharger, lextraire et linstaller.
Dans le menu de gauche, vous pouvez accder aux crans de mises jour, gestion (dsactiver, activer,
dsinstaller) et installation de langues.
Lcran Dcouvrir vous permet de vrifier les extensions qui nont pas t charges par le processus
normal dinstallation. Grce cette fonctionnalit, vous pouvez envoyer les fichiers d'extension
directement sur votre serveur Web dans le(s) rpertoire(s) appropri(s) en utilisant d'autres moyens tels les
logiciels FTP ou SFTP, puis lancer la fonction 'Dcouvrir' pour trouver l'extension et l'activer dans
Joomla!.

Oct 17, 2012

Page 84

Joomla! 3 - En 10 tapes

9. Les mdias sociaux et le Cloud


Computing
Ces deux mots la mode sont lis lun lautre. Les rseaux sociaux ne sont pas vraiment possibles
sans "informatique dans les nuages" et le cloud computing devient de plus en plus social :)

LES MDIAS SOCIAUX


Les mdias sociaux proposent des dialogues interactifs et "introduisent des modifications
substantielles et omniprsentes dans la communication entre les organisations, les communauts et les
individus.

Figure 1: Les mdias sociaux23


23

http://www.flickr.com/photos/fncll/6847365223

Oct 17, 2012

Page 85

Joomla! 3 - En 10 tapes
Je suis sr que vous avez un compte Facebook et un compte Google. Peut tre galement un chez
Twitter, Flickr, Pinterest, Slideshare, LinkedIn, Vimeo et plus encore. Jetez un oeil cette prsentation24
pour avoir une ide sur ces services.
Facebook propose ses pages Facebook pour les entreprises et les particuliers, Google propose ses pages
Google + pour les entreprises et les particuliers. Les diaporamas peuvent tre intgrs via Slideshare, les
photos via Flickr, les vidos via YouTube et Vimeo) et mme les tweets de Twitter. Ces services offrent
des badges qui peuvent tre intgrs dans Joomla avec des iframes (En savoir plus sur l'intgration de
cadres iframe dans les articles Joomla dans le chapitre 6 - Contenu).
La plupart de ces services sont un mlange de mdias sociaux et de cloud sur la base d'hbergement
de fichiers. Toutes les captures d'cran de ces livres sont stocks sur flickr25.
Il y a deux faons d'accder vos donnes sur ces rseaux. La premire est la "mthode iframe" et
l'autre est la "mthode API". Une API est une interface de programmation utilises par plusieurs
extensions tierces de Joomla par exemple l'API de Facebook pour mettre en uvre une connexion
Facebook. Le noyau Joomla contient un plugin appel authentification - GMail (Extensions Gestion des
plug-ins). Il propose l'authentification des utilisateurs avec un compte GMail/Googlemail.
En rgle gnrale, je pense qu'il est utile d'crire votre contenu sur votre site Web et d'utiliser les
rseaux sociaux pour en parler et faire du lien vers votre contenu.

24

http://www.slideshare.net/hagengraf/social-media-13278371

25

http://www.flickr.com/photos/hagengraf/sets/72157631559834633

Oct 17, 2012

Page 86

Joomla! 3 - En 10 tapes

CLOUD COMPUTING

Le Cloud computing (ou informatique dans les nuages) est l'utilisation des ressources informatiques
(hardware et software) qui sont fournis en tant que service sur Internet. Le nom vient de l'utilisation d'un
symbole en forme de nuage comme une abstraction de l'infrastructure complexe.

Figure 2 - Cloud Computing - fr.wikipedia.org/wiki/Cloud_computing


Vous pouvez galement utiliser les services de cloud computing pour hberger votre installation de
Joomla. Les socits d'hbergement commencent de plus en plus offrir une installation de Joomla dans
le cloud.

Oct 17, 2012

Page 87

Joomla! 3 - En 10 tapes
Dans l'ensemble, je pense que le cloud computing est utile pour disposer d'une base de contenu
facile entretenir . Il suffit de s'assurer qu'il est possible d'exporter vos contenus de manire simple, dans
le cas o vous souhaiteriez changer de fournisseur de Cloud Computing.

Oct 17, 2012

Page 88

Joomla! 3 - En 10 tapes

10. Tches courantes


Ce livre est plutt court, l'ide sous-jacente tait de vous expliquer en 10 tapes comment
apprhender Joomla! 3. Jespre que sa lecture vous permettra de vous familiariser avec Joomla! 3.
Nanmoins, jaurais pu ajouter bien d'autres chapitres ce livre pour expliquer tous les dtails et
toutes ses superbes fonctionnalits que vous propose Joomla!.
Vous pouvez tout envisager avec Joomla! Jetez un oeil au portail des extensions Joomla! (ndt : le
"JED" Joomla ! extension directory) 26 et agrmentez votre site avec les fonctionnalits dont vous avez
besoin.
Nanmoins, voici une petite liste dextensions que je trouve quasi indispensable :

OPTIMISATION POUR LES MOTEURS DE RECHERCHE ("SEO" SEARCH


ENGINE OPTIMIZATION")
Les trois options ci-dessous permettant doptimiser votre site pour les moteurs de recherche sont
dores et dj incluses dans le noyau de Joomla:
Le noyau de Joomla! est quip doptions SEO-friendly (Systme Configuration Site - Paramtres SEO).
Vous pouvez dfinir une balise mta description pour l'ensemble du site mais aussi pour chaque article.
Sur les rsultats dune requte sur un moteur de recherche, la balise mta description correspond au
bref rsum de contenu qui saffiche sous le titre de la page. Mme si de nos jours, elle n'est plus
considre comme tant une balise cl pour les moteurs de recherche, elle dfinit la russite de votre
taux de clic (c'est dire si les internautes auront envie ou non de cliquer sur votre lien de page). Les
mta descriptions ne doivent pas contenir plus de 160 caractres (Article onglet Options des Mtadonnes).
Le composant de redirection (Composants Redirection)
Rediriger les internautes depuis vos pages obsoltes, anciens documents ou autres vers des nouvelles
URL peut tre ralis facilement en 3 tapes grce au composant de redirection natif de Joomla!. Il est
convivial, ne ncessite pas dapprentissage particulier, et le mieux dans tout a, cest qu chaque fois
qu'un internaute accde une page non-travaille, le composant rpertorie l'URL posant problme,
ainsi que le nombre de fois o elle a t clique. Vous pouvez ainsi rapidement rsoudre le problme en
ajoutant une nouvelle URL afin de rediriger vos futurs visiteurs vers une page qui fonctionne.

LES MISES JOUR


26

http://extensions.joomla.org/

Oct 17, 2012

Page 89

Joomla! 3 - En 10 tapes
Joomla! possde un systme de mises jour automatique. Jetez un il dans Extensions Gestions des
Extensions Mises jour. Cliquer sur le bouton Rechercher des mises jour et installez-les ensuite dun
simple clic.

LA SAUVEGARDE ET LA RESTAURATION
Vous apprendrez l'importance d'une sauvegarde ET dune restauration lorsque votre machine ou
votre hbergeur aura "plant" et que vous n'aurez pas de fichiers de sauvegarde. Selon votre niveau de
paranoa, il vous faut choisir la solution qui vous convient :
Votre hbergeur offre une solution de sauvegarde et de restauration et vous lui faites confiance
Installer un composant tiers comme Akeeba backup27
Utilisez votre propre solution de sauvegarde

RESSOURCES

Vous voulez en savoir plus sur Joomla! ? Et bien, ce livre n'tait qu'un dbut pour vous ;-) J'espre que
vous en avez apprci la lecture. Mon intention tait de vous guider travers les bases de Joomla! 3. Si
vous souhaitez approfondir sujet, je vous invite lire :
Joomla 2.5 - Le Guide du dbutant 28
Joomla! Dveloppement Le Guide du dbutant29
Devenez Mobile avec Joomla!30
Tous ces livres sont disponibles en plusieurs langues, et gratuitement en format PDF.
Quelles sont les autres types de ressources disponibles vous permettant den apprendre encore plus
sur Joomla! ou dentrer en contact avec la communaut Joomla! ?

La Communaut
Joomla! est soutenu par une communaut mondiale. Si lide vous plait, rejoignez-nous !
Devenez membre sur http://community.joomla.org/.
Le portail francophone et le forum joomla.fr http://joomla.fr/
Lisez le magazine de la communaut sur http://magazine.joomla.org/.
27

http://www.akeebabackup.com/

28

http://cocoate.com/fr/node/10587

29

http://cocoate.com/fr/node/10284

30

http://cocoate.com/fr/node/10890

Oct 17, 2012

Page 90

Joomla! 3 - En 10 tapes
Peut-tre existe-il prs de chez vous un groupe dutilisateurs Joomla! : http://community.joomla.org/
user-groups.html
Si ce nest pas le cas, alors crez-en un!
Twitter: http://twitter.com/joomla
Facebook: http://www.facebook.com/joomla
Flickr: http://www.flickr.com/groups/joomla/

Documentation

http://docs.joomla.org/

Liste de Scurit
http://docs.joomla.org/Security_Checklist_1_-_Getting_Started

Les Templates pour Joomla!

Il nexiste pas dannuaire regroupant tous les templates gratuits.


Il nexiste pas dannuaire regroupant tous les templates payants.
Quoi qu'il en soit, il existe de nombreux clubs de template et de professionnels qui fournissent des
templates pour Joomla! Une simple recherche sur le web vous permettra forcment de trouver votre
bonheur.

Les vnements

Joomla! est connu pour ses Joomla! Days


Un Joomla! Day est un vnement se droulant sur un ou deux jours organis par et pour la
communaut. Une liste des Joomla! Days est disponible sur : http://community.joomla.org/
events.html
Une confrence internationale Joomla ! se droulant en Europe, appele "jandbeyond ", est galement
organise. Rendez-vous sur : http://jandbeyond.org/: pour plus dinformations.
La premire confrence mondiale Joomla! aura lieu San Jos (USA) du 16 au 18 novembre 2012.

The Futur

La communaut prvoit de nouvelles versions tous les 6 mois, bases sur les ides que les internautes
postent dans la bote ide de Joomla!.
La prochaine version long terme sera la version Joomla! 3.5 et sortira en Septembre 2013.
La communaut de dveloppeurs Joomla! est constamment la recherche de gens comme vous :-)
http://developer.joomla.org/

Oct 17, 2012

Page 91

Joomla! 3 - En 10 tapes

Formation Support Commercial

http://resources.joomla.org/directory/support-services/training.html
http://resources.joomla.org/
http://cocoate.com

Oct 17, 2012

Page 92

Joomla! 3 - En 10 tapes

Plus de livres par cocoate

Joomla 2.5 - Le Guide du dbutant

Joomla! Dveloppement Le Guide du dbutant

Devenez mobile avec Joomla!


http://cocoate.com/fr/publications

Oct 17, 2012

Page 93

Joomla! 3 - En 10 tapes

Cocoate.com est non seulement lditeur de ce livre mais galement un consultant indpendant en
management, bas en France et travaillant linternational.
Cocoate est spcialis dans trois domaines : le conseil, le coaching et lenseignement. Cocoate.com
met en place des stratgies bases sur le web pour le dveloppement, la gestion de projet et les relations
publiques.
Cocoate propose des formations personnalises sur les CMS (Content Management System) open
source tels que Drupal, Joomla! et WordPress.
Dans le domaine de la gestion et du leadership, cocoate.com labore des projets ducatifs en mettant
laccent sur un apprentissage non formel.
Les projets ducatifs europens se concentrent sur la promotion de lapprentissage continue dans le
but dune insertion sociale. Un accent particulier est mis sur les mthodes dapprentissage afin
dapprendre apprendre, la conception et la ralisation de stratgies dapprentissage intergnrationnel
et le dveloppement des communauts locales.
http://cocoate.com

Oct 17, 2012

Page 94

Joomla! 3 - En 10 tapes

Spend your holidays in Southern France


We were captive to the charme of this old French village from the beginning and that's why we live
and work in Fitou. We restored an old village house into holiday apartments because we like to host
guests and share with them our love for this region.
Fitou is situated in the South of France, between Perpignan and Narbonne and is a typical French
wine village having guarded the distinctive architectural village houses. The region around Fitou is
known for its wine and is as diverse as it can be, situated not too far from the Pyrenees (one hour drive)
and Spain. The Mediterranean climate allows you to enjoy the freshness of the Mediterranean sea at
one of the beautiful beaches enclosing the tang from March until October, as Languedoc-Roussillon is
the sunniest area in France. The country of Cathar offers not only old castles and abbeys but also the
historical Canal du Midi.
Our apartments can be rented during the whole year. The apartments are part of an old traditional
stone house in the heart of Fitou. They have been carefully restored and modernized, respecting
architectural aspects and conforming to the neighboring houses. Feel free to discover our apartments and
the region surrounding them!
http://fimidi.com

Oct 17, 2012

Page 95