Vous êtes sur la page 1sur 223

Joomla! 2.

5
Le Guide Pour Dbutant

Joomla! 2.5 - Le Guide Pour Dbutant

A propos du livre ........................................................................11


Il est gratuit .........................................................................................................11 Il vous aide rsoudre vos tches .......................................................................11 Il est sponsoris ...................................................................................................11 C'est un travail collaboratif .................................................................................11 Il est multilingue ..................................................................................................12 Nous voulons vos retours! ...................................................................................13 Impliquez-vous dans le prochain projet! .............................................................13

Introduction ...............................................................................15
Qui suis-je? ..........................................................................................................18 Qui tes Vous? ....................................................................................................18 De quoi parle ce livre? ........................................................................................20 De quoi serez vous capable aprs avoir lu ce livre? ............................................21 Des questions supplmentaires? ..........................................................................21

Vitrine ........................................................................................23
University of Notre Dame ..................................................................................23 Plus de 3000 sites gouvernementaux construits avec Joomla! .............................24 La Tour Eiffel ......................................................................................................25 eCommerce .........................................................................................................25 Kokoro ................................................................................................................26 Tranquillity Blue .................................................................................................27
Mar 22, 2012 Page 3

Joomla! 2.5 - Le Guide Pour Dbutant

Et? .......................................................................................................................27 Comment trouver des pages Joomla? .................................................................27 Wappalyzer Firefox Extension ............................................................................28 Consultez le Site Web de plus prs .....................................................................29 Allez-y et questionnez vos amis ...........................................................................30 Une autre ide? ...................................................................................................30

Installation ..................................................................................32
Exigence minimum du systme: .........................................................................32 Variantes d'installation ........................................................................................32 Difcults ............................................................................................................32 l'installateur web Joomla! ....................................................................................33 Localisation .........................................................................................................39 D-publier les donnes d'exemple .......................................................................39

Structures et Termes ..................................................................44


Frontend ..............................................................................................................44 Backend ...............................................................................................................44 Fichiers ................................................................................................................45 Base de donnes ..................................................................................................46 Les lments de Joomla! .....................................................................................47

Quoi de neuf dans joomla 2.5? ..................................................54


Nouvelles fonctionnalits dans Joomla 2.5 ..........................................................54
Mar 22, 2012 Page 4

Joomla! 2.5 - Le Guide Pour Dbutant

Multi-langue ........................................................................................................56 Nouvelles fonctionnalits en comparaison Joomla! 1.5 ....................................58

Gestion de contenu .....................................................................63


Types de contenu ................................................................................................63 Comment crer une page "A propos de nous" ...................................................65 Un article type ....................................................................................................72 Exemple darticle ................................................................................................75 Rsultat ...............................................................................................................77 Gestionnaire des Mdias .....................................................................................78 Formulaire de contact .........................................................................................83

Statuts, Corbeille et Verrous .......................................................89


Non publi ..........................................................................................................89 Publi ..................................................................................................................89 En vedette ...........................................................................................................89 Archiv ................................................................................................................89

Structurez votre contenu l'aide des Catgories ........................93 Conguration du site et du contenu .........................................101
Conguration Gnrale ....................................................................................101

Templates .................................................................................107
Joomla! et les templates .....................................................................................108

Mar 22, 2012

Page 5

Joomla! 2.5 - Le Guide Pour Dbutant

Positions ............................................................................................................109 Templates de Base .............................................................................................111 Styles .................................................................................................................112

Navigation ................................................................................113
Fil d'Ariane (breadcrumbs) ...............................................................................113 Menu Joomla ....................................................................................................114 Premier exemple: un catalogue statique ou une structure livre .......................114 Second exemple: Liens sur les catgories (News magazine) ..............................118 Etape 1: Le Menu .............................................................................................119 Etape 2: Les lments de menu .........................................................................119

Utilisateurs et permissions ........................................................122


Inscription et Connexion ..................................................................................122 Groupes d'utilisateurs ........................................................................................125 Niveaux d'accs .................................................................................................127 Notes d'Utilisateur .............................................................................................129 Envoi d'E-mails en nombre aux utilisateurs ......................................................130

Gestion des extensions ..............................................................132


Gestion des extensions ......................................................................................132 Mise jour des extensions ................................................................................134 Installation d'extensions ....................................................................................134 Dcouvrir les Extensions ...................................................................................135
Mar 22, 2012 Page 6

Joomla! 2.5 - Le Guide Pour Dbutant

Avertissements ...................................................................................................135

Extensions intgres .................................................................136


Bannires ..........................................................................................................137 Contacts ............................................................................................................142 Exemple ............................................................................................................142 Messagerie .........................................................................................................145 Fils d'actualit ....................................................................................................146 Redirections ......................................................................................................149 Recherche ..........................................................................................................151 Recherche Avance ...........................................................................................154 Activation ..........................................................................................................154 Indexation .........................................................................................................154 Personnalisation ................................................................................................155 Supprimer la recherche classique de Joomla! ...................................................156 Liens Web ..........................................................................................................157

Modules ....................................................................................158
Similarits entre tous les modules .....................................................................158 Modules intgrs ...............................................................................................159

Plug-Ins ....................................................................................162
Authentication .................................................................................................162 Captcha .............................................................................................................163
Mar 22, 2012 Page 7

Joomla! 2.5 - Le Guide Pour Dbutant

Content .............................................................................................................164 Editors ...............................................................................................................166 Editors-xtd ........................................................................................................166 Extension ...........................................................................................................167 Finder ................................................................................................................167 Quickicons ........................................................................................................168 Recherche ..........................................................................................................168 System ...............................................................................................................169 User ...................................................................................................................171

Travailler avec les templates .....................................................172


Create Your Own Style .....................................................................................172 Personnalisation des templates existants ...........................................................174 Surcharges .........................................................................................................175 Crer un nouveau template en utilisant Atomic ...............................................178

The Beez Template ..................................................................181


Les principales caractristiques .........................................................................181 Accessibilit gnrale ........................................................................................182 beez_20: Choix du Design ................................................................................186 Position de la Navigation ..................................................................................187 JavaScript et WAI ARIA ...................................................................................188 WAI ARIA - Rles des sections: Premiers secours pour l'orientation ..............188
Mar 22, 2012 Page 8

Joomla! 2.5 - Le Guide Pour Dbutant

Ajuster la taille de police ...................................................................................191 beez5: utiliser HTML5 .....................................................................................192

Pourquoi le SEO est important pour vous ...............................194


Joomla 2.5 et le SEO ........................................................................................194 fonctionnalits SEO incluses dans Joomla! 2.5 .................................................195 En Conclusion ...................................................................................................200

Site Multilingue ........................................................................202


Packs de langues Joomla! ..................................................................................202 Plug-in Filtre de langue .....................................................................................203 Module Changement de langue ........................................................................204 Elment de contenu Multi-langues ...................................................................205 Un site web multi-langues .................................................................................206 Surcharges de Langues .....................................................................................208

Un Site Joomla 2.5 partir de zro ..........................................210


Premirement, commencer avec un plan ..........................................................210 Ensuite, prenez en compte la technologie .........................................................212 Maintenant vous tes prts construire ............................................................213

Mise jour partir d'anciennes versions .................................215


Mise jour partir de Joomla! 1.7 ...................................................................215 Migrer partir de Joomla! 1.5 ..........................................................................215 Stratgie Gnrale du Dveloppement Joomla! ................................................218
Mar 22, 2012 Page 9

Joomla! 2.5 - Le Guide Pour Dbutant

Resources ..................................................................................220
Communaut ....................................................................................................220 Documentation .................................................................................................220 Check-liste de Scurit ......................................................................................220 Joomla! Extensions ............................................................................................220 Joomla! Templates .............................................................................................221 Evnements .......................................................................................................221 Le Futur ............................................................................................................221 Formation ..........................................................................................................221 Support Commercial ........................................................................................221 Hbergement ....................................................................................................221 Certicats ..........................................................................................................222

cocoate.com ..............................................................................223

Mar 22, 2012

Page 10

Joomla! 2.5 - Le Guide Pour Dbutant

A propos du livre
Ce livre, comme tous les livres, comporte des chapitres, un sommaire, de nombreuses captures d'cran et il couvre la plus rcente technologie disponible dans la "joomlasphere". Il est bas sur Joomla! 1.6 and 1.7 - Le guide du dbutant, qui a rencontr un grand succs, et a t complt avec des chapitres supplmentaires. Tous les chapitres existants ont t retravaills et les captures d'cran actualises, quand cela t ncessaire. Il est utile pour les lecteurs, publicitaires, auteurs, traducteurs et bien sr pour la communaut Joomla! car:

IL EST GRATUIT

Il est gratuit, consultable sur notre site et tlchargeable en PDF Il y a beaucoup dcouvrir dans ce livre!

IL VOUS AIDE RSOUDRE VOS TCHES IL EST SPONSORIS


Ce livre est sponsoris par diverses entreprises qui ont un rle important dans la communaut Joomla!.Merci tous les sponsors 1 Il est toujours possible de sponsoriser le livre et d'y publier votre publicit2

C'EST UN TRAVAIL COLLABORATIF


Merci:

D'autres auteurs m'paulent pour crire les chapitres! Milena Mitova 3 - Pourquoi le SEO est important pour vous. Angie Radtke4 - Le Template Beez

1 2 3 4

http://cocoate.com/partners?book=10209&contribution=Sponsor http://cocoate.com/j25/ad http://twitter.com/completewebcare http://www.der-auftritt.de/ Page 11

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant Jen Kramer5- Un site web Joomla! 2.5 en partant de zro

IL EST MULTILINGUE

Le livre sera disponible en plusieurs langues. Merci beaucoup au traducteur Isidro Baquera (Gnumla). Merci beaucoup au sponsor Complusoft

Espagnol - Joomla! 2.5 - Gua para principiantes Italien - Joomla 2.5 - Guida per Principanti Allemand - Joomla 2.5 - Ein Anfngerbuch
Merci beaucoup la traductrice Cinzia Pietrone. Merci tous les sponsors 6 Il est toujours possible de sponsoriser le travail et de publier votre publicit dans le livre7. Translator is me (Hagen Graf). Merci tous les sponsors 8. Il est toujours possible de sponsoriser le travail et de publier votre publicit dans le livre9 .

Franais - Joomla 2.5 - Le Guide Pour Dbutant


Merci beaucoup aux traducteurs Serge Billon10 et Simon Grange11. Merci tous les sponsors 12. Il est toujours possible de sponsoriser le travail et de publier votre publicit dans le livre13 .

Russe - Joomla 2.5

5 6 7 8 9

http://www.joomla4web.com/ http://cocoate.com/partners?book=10238&contribution=Sponsor http://cocoate.com/node/10252 http://cocoate.com/partners?book=10226&contribution=Sponsor http://cocoate.com/de/j25de/ad http://cocoate.com/serge-billon http://cocoate.com/simon-grange http://cocoate.com/partners?book=10290&contribution=Sponsor http://cocoate.com/fr/j25fr/ad

10 11 12 13

Mar 22, 2012

Page 12

Joomla! 2.5 - Le Guide Pour Dbutant Merci beaucoup au traducteur Alexey Baskinov14. Merci tous les sponsors 15. Il est toujours possible de sponsoriser le travail et de publier votre publicit dans le livre16 .

NOUS VOULONS VOS RETOURS!


Commentez dans les chapitres de la version HTML et apportez vos retours.

IMPLIQUEZ-VOUS DANS LE PROCHAIN PROJET!


Joomla! bouge, la prochaine version n'est jamais bien loin ! Rejoignez-nous!

14 15 16

http://cocoate.com/ru/alexey-baskinov http://cocoate.com/partners?book=10229&contribution=Sponsor http://cocoate.com/ru/j25ru/ad Page 13

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant


Advertisement

http://www.cloudaccess.net/

Mar 22, 2012

Page 14

Joomla! 2.5 - Le Guide Pour Dbutant

Chapitre 1

Introduction
Bienvenue sur Joomla!. C'est un systme gratuit pour la cration de sites web. C'est un projet open source, qui, comme la plupart des projets open source, est constamment en mouvement. Il est imprvisible, parfois indescriptible, partiellement controvers, souvent trs sexy, parfois un peu endormi et provincial. Nanmoins, ou peut-tre grce ces raisons, il a rencontr beaucoup de succs depuis maintenant 5 ans et est trs populaire, comptant plusieurs millions d'utilisateurs dans le monde. Le mot Joomla! est driv du mot Jumla qui signie tous ensemble en Swahili, une langue Africaine. Le Projet Joomla! est le rsultat d'une discussion anime entre la Fondation Mambo, fonde en Aot 2005, et son quipe de dveloppement. Joomla! est une volution du brillant systme Mambo. Joomla! est utilis de partout travers le monde pour des sites allant de la simple page personnelle des sites beaucoup plus complexes dvelopps pour des entreprises. Il est trs facile installer, facile grer et trs able. L'quipe Joomla! s'est organise et rorganise au cours de ces 5 dernires annes. De 2005 2009, Joomla 1.0 a t dvelopp jusqu' la version 1.0.15 et ce dveloppement a ofciellement t stopp en Septembre 2009. De 2005 jusqu' aujourd'hui, Joomla 1.5 est toujours dvelopp, il a t prsent comme version stable en janvier 2008 et sera ofciellement stopp en avril 2012. De 2008 jusqu' 2011, Joomla 1.6 a t dvelopp. Une version stable est disponible depuis Janvier 2011. En Juillet 2011, Joomla 1.7 est sorti. Joomla 2.5 en tant que premire version de support long terme (Long Term Release LTR ) depuis Joomla 1.5 est sorti en Janvier 2012 (bientt:)) Les utilisateurs de Joomla! sont rests. Beaucoup d'entre eux ont migr leur site web de Mambo vers Joomla! et ils ont appris beaucoup au l des ans. De nombreux utilisateurs sont monts bord ces dernires annes mais il reste encore des gens dans le monde qui ne connaissent pas ce systme. Joomla!, avec Drupal et Wordpress, est l'un des Systmes de Gestion de Contenu (en Anglais: Content Managment System) les plus utiliss dans le monde.

Mar 22, 2012

Page 15

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 1: Tendance mondiale Google 2012-01-17 pour Drupal, Joomla!, WordPress


Sur la Figure 1, Joomla! et Wordpress suivent la mme tendance dans le volume de recherche Google. Joomla! et Wordpress sont recherchs trois fois plus souvent que Drupal. Cependant, le volume de recherche pour Joomla! est en dclin depuis 2010. Il tait temps pour Joomla! de commencer ragir avec la sortie de la version Joomla 1.6 en janvier 2011 et la version Joomla 1.7 en juillet 2011

Figure 2: Google Trend pour l'Allemagne 2012-01-17 pour Drupal, Joomla!, WordPress

Mar 22, 2012

Page 16

Joomla! 2.5 - Le Guide Pour Dbutant En comparaison avec la tendance mondiale, la situation est diffrente par exemple en Allemagne (Figure 2). Joomla! a un volume de recherche presque 2 fois suprieur celui de Wordpress qui lui-meme est presque 4 fois suprieur celui de Drupal. Voici quelques statistiques venant de Google Trends (Table 1): Country Monde entier Chili France Allemagne Italie Pologne Fdration de Russie Espagne Suisse Royaume Uni USA Chine Drupal 0.3 0 0.2 0.16 0.17 0.15 0.3 0.26 0.15 0.4 0.66 0.8 Joomla 1 1 1 1 1 1 1 1 1 1 1 1 WordPress 1.08 0.82 0.68 0.61 0.6 0.43 0.5 1 0.45 1.65 2.3 3.2

Table 1: Tendance Google Drupal, Joomla, WordPress


Il y a d'importantes disparits selon les pays dans l'utilisation des Systmes de Gestion de Contenu. En Allemagne, par exemple, le CMS TYPO3 joue lui aussi un rle. Son volume de recherche est comparable celui de Joomla!. En Janvier 2012, 2,8% des sites web du monde sont propulss par Joomla! 17 La gamme des sites web Joomla! va des pages personnelles trs simples jusqu'aux applications commerciales complexes, en passant par des projets bass sur le Joomla Framework. Ce qui permet un tel succs Joomla! ainsi que les faons avec lesquelles vous pourrez vous en servir sont le sujet de ce livre.
17

w3techs.com/technologies/overview/content_management/all Page 17

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant

QUI SUIS-JE?

Mon nom est Hagen Graf, j'ai 47 ans et je vis Fitou18, en France. Je suis mari la femme de mes rves et j'ai quatre lles. Mon travail consiste en de nombreuses activits diffrentes comme enseigner, conseiller, couter, tester, programmer, comprendre les structures, dvelopper de nouvelles applications, me questionner en essayant toujours de nouvelles choses.En fait, mon travail pourrait tre fait entirement en ligne mais parfois les clients peuvent mettre des rserves sur l'entire ralisation en ligne des projets, ce qui explique que je voyage beaucoup. Voyager beaucoup signie partir la rencontre des clients dans diffrents pays avec diffrentes langues et cultures, de longs trajets en voiture, en bus ou en train, ainsi que peu de temps pour rpondre aux demandes de mes clients qui me contactent par e-mail, par message sur Facebook ou par des tweets. Cette faon de travailler a des consquences sur ce que j'ai appel au dbut le bureau. J'ai besoin d'avoir accs n'importe o dans le monde mes e-mails, images, vidos, tweets, et documents. Mon bureau est situ l'endroit mme o je suis.

QUI TES VOUS?


Bien sr, je ne sais pas exactement ce que vous faites, mais beaucoup de gens avec qui j'ai travaill travaillent d'une manire similaire la mienne. Pour diverses raisons cependant, les employs des grandes entreprises ne peuvent souvent pas travailler de manire aussi exible. Votre propre exprience avec l'informatique est probablement semblable la mienne. Beaucoup d'entre nous ont commenc avec un vieux PC et un systme Windows l'cole ou la maison, et ont ensuite appris connatre par exprience la dure ralit des applications de bureautique, des pertes de donnes, de la mmoire insufsante, ainsi que des aventures de conguration d'un disque dur ou d'une imprimante. Les merveilleuses relations entre toutes ces choses ont t modies avec le fonctionnement centr sur l'utilisateur du Web 2.0 et l'utilisation des smart phones, mais cela ne rend pas forcement la chose plus facile. Si vous n'aimez pas passer vos nuits bricoler avec passion votre systme d'exploitation ou votre tlphone, ou trier vos photos et votre musique, et les dplacer toutes d'un appareil l'autre, alors vous tes probablement exactement comme moi - heureux quand vos priphriques et vos applications fonctionnent, quand vous pouvez accder vos donnes sur Internet et que tout se passe sereinement. Si vous travaillez partir d'un bureau domicile, un environnement agrable devient particulirement important. Un logiciel ou du matriel qui ne fonctionne pas peut rapidement faire tourner votre situation au cauchemar. Je distingue les types d'utilisateurs suivants:

18 http://goo.gl/maps/3dU6

Mar 22, 2012

Page 18

Joomla! 2.5 - Le Guide Pour Dbutant Les Visiteurs: Ils visitent le site Web et ils ne se soucient gure du systme que vous avez utilis pour crer ce site. Les Utilisateurs: Ils utilisent le site web. Ils crent du contenu en utilisant des procdures prdnies. Les Designers ou Intgrateurs de Site Web: Ils installent un site Joomla! sur un serveur, crent des catgories, du contenu, des liens et des modules de menu; congurent les templates et les langues, sont polyvalents et ont gnralement la responsabilit exclusive du site. Les Designers CSS: Ils aiment gnralement travailler exclusivement avec les chiers ayant pour extension .css. Les Designers HTML: Ils donnent aux Designers CSS la structure dont ils ont besoin pour faire leur travail. Dans Joomla!, ils crent ce que l'on appelle les templates overrides. Les Dveloppeurs: Ils connaissent les langages de programmation PHP et JavaScript et aiment les utiliser. Ils amliorent le noyau de Joomla! avec des fonctions supplmentaires. Les Architectes: Ils rchissent la scurit, la vitesse et la qualit du code. Le designer de site web joue un rle spcial dans cette liste. Il doit gnralement couvrir tous les autres rles, ce qui constitue un rel challenge. En crivant ce livre, je me surprends souvent penser au designer de site web. Une entreprise, une institution, un club, une organisation, oui, probablement tout le monde a besoin d'une prsence sur internet qui soit facilement utilisable et exible. Une prsence, se dveloppant au l du temps, qui peut facilement tre modie via un navigateur web; une prsence qui remplace vos classeurs pour ranger vos dossiers et votre carnet d'adresses en cuir, une prsence qui permet de communiquer avec diffrents appareils et qui peut facilement tre tendue. Je suppose que votre site est dj l'endroit o vous expliquez ce que vous faites ou ce que fait votre entreprise. C'est l'endroit o vous entretenez vos relations avec votre clientle 24 heures par jour, sept jours par semaine. Votre site web contient probablement une collection d'applications et de donnes rsumant vos activits. Votre site doit galement contenir des interfaces permettant d'autres applications de les utiliser. Jusqu' il y a quelques annes, la cration d'un site web tait une chose difcile effectuer. Mme si vous n'aviez pas besoin d'tre un spcialiste de renom, une combinaison de persvrance et de passion pour cette tche tait ncessaire pour produire des rsultats attrayants. Vous deviez crer des pages HTML statiques dans un diteur HTML, puis les charger via un client FTP (File Transfer Protocol) sur un serveur. Pour crer ne serait-ce qu'une simple interactivit, comme par exemple un formulaire de contact ou un forum, vous deviez apprendre un langage de programmation. Il est plus que comprhensible que de nombreuses personnes ne prenaient alors pas en charge cette tche eux-mmes et conaient la cration de leur site web une agence web, ou ne se lanaient tout Mar 22, 2012 Page 19

Joomla! 2.5 - Le Guide Pour Dbutant simplement pas dans le projet. Grce Facebook et aux kits tels que Google Sites, la cration de pages Web simples est devenu relativement facile, mais si vous voulez quelque chose d'unique, vous devez vous familiariser avec un systme de gestion de contenu. Joomla! propose tout ce dont vous avez besoin pour crer votre propre site web personnel.

DE QUOI PARLE CE LIVRE?

Tout d'abord il s'agit de Joomla et de son utilisation.

Joomla! est un outil comprenant beaucoup de possibilits et vous pouvez utiliser le systme dans une grande varit de congurations, en fonction de vos ides et de vos souhaits. An de permettre un accs facile, j'ai structur le livre comme cela: 1. Cette Introduction 2. Vitrine 3. Installation 4. Termes et Structures 5. Quoi de nouveau avec Joomla! 2.5? 6. Gestion de Contenu 7. Comment crer une page "A propos de nous" 8. Un Article Type 9. Structurez votre Contenu avec des Catgories 10. Gestionnaire de Mdias 11. Formulaire de Contact 12. Statuts, Poubelle et Vrications 13. Site Web et conguration de Contenu 14. Templates 15. Navigation 16. Utilisateurs et Permissions 17. Gestionnaires Extension 18. Extensions du Noyau

Mar 22, 2012

Page 20

Joomla! 2.5 - Le Guide Pour Dbutant 19. Modules 20. Plug-Ins 21. Site Web Multilingues 22. Travailler avec les Templates 23. Angie Radtke propos de son Template Beez 24. Optimisation pour les Moteurs de Recherche (SEO) 25. Migrer depuis d'anciennes Versions 26. Un Site Web Joomla! depuis zro 27. Ressources

DE QUOI SEREZ VOUS CAPABLE APRS AVOIR LU CE LIVRE?


Mme si vous tes dbutant, vous serez en mesure de grer votre propre site web Joomla! via un navigateur Web. Si vous tes quelque peu familier avec les langages HTML et CSS ainsi quavec les logiciels de retouche d'image, vous serez capable de modier un template pour votre site.

DES QUESTIONS SUPPLMENTAIRES?


N'hsitez pas!19 Bien sr, je ne peut pas apporter de support technique. Les forums Joomla! fournissent une richesse de connaissances et vous y trouverez certainement les rponses vos questions. Cependant, si vous avez des commentaires ou des questions sur le livre, veuillez les laisser dans la section commentaires ci-dessous.

19

http://cocoate.com/fr/j25fr Page 21

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant


Advertisement

JoomlArt.com est un des crateurs les plus populaires de templates et de thmes pour Joomla, Magento et Drupal. JoomlArt est l'auteur du trs aprci "T3 Framework" pour Joomla!... Avec plus de 130 templates disponibles pour Joomla!, vous devez venir visiter notre vitrine de template. http://www.joomlart.com/

Mar 22, 2012

Page 22

Joomla! 2.5 - Le Guide Pour Dbutant

Chapitre 2

Vitrine
A quoi ressemble les Sites Web crs avec Joomla ? Il est impossible de rpondre cette question simplement, vu le nombre important de sites web bass sur le logiciel Joomla!, mais gnralement, le design est cr par une agence et est "transform" en un template pour Joomla!. Donc lextrieur d'un Site web peut tromper. Cependant, voici quelques captures d'cran pour vous donner une ide.

UNIVERSITY OF NOTRE DAME

The Alliance for Catholic Education, ou ACE, utilise Joomla 1.7 pour grer sa prsence multifacettes sur le web.

Figure 1: University of Notre Dame


Mar 22, 2012 Page 23

Joomla! 2.5 - Le Guide Pour Dbutant ACE est un projet collaboratif de 12 programmes diffrents, travaillant tous soutenir l'Ecole Catholique aux Etats Unis d'Amriques. Joomla!, avec le framework de template Gantry, permet ACE d'organiser 12 sites uniques en un, en utilisant Joomla! et l'option multi templates de Gantry (p.e.: http:// ace.nd.edu/teach est une page d'accueil unique pour l'un des programmes dans le site). Toutes les units ACE sont construites dans la mme instance Joomla! Avec la mme base de donnes, ce qui permet de maintenir une forte connexion visuelle en rapport avec la page d'accueil, ainsi que de partager les mmes rglages pour tous les membres de l'organisation y compris : l'intgration d'un l d'actualit, une adhsion en ligne, un rseau JomSocial, plusieurs blogs, un tableau de bord et un catalogue en ligne des publications. Les extensions favorites d'ACE sont: Yootheme's Zoo, Sh404sef, JCE, JSPT et Socialable's Autogroup. Les projets futurs consisteront intgrer un CRM (CiviCRM) qui fonctionnera avec le Framework Joomla! (Figure 2)! Site Web: ace.nd.edu Crateur: CloudAccess.net, Ricky Austin20

PLUS DE 3000 SITES GOUVERNEMENTAUX CONSTRUITS AVEC JOOMLA!

Figure 2: JoomlaGov JoomlaGov est une vitrine des sites gouvernementaux propulss par Joomla! dans le monde. Plus de 200 pays sont reprsents et, un mois aprs son lancement 'J and Beyond' 2011, il contenait plus de 3000 site. Ce site est un bel exemple de comment la communaut Joomla! peut collaborer, pour mettre
20

http://ace.nd.edu/directory/ricky-austin Page 24

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant en avant les qualits du CMS Joomla!. Par exemple, le Citizen Portal of the Federal District Government Mexico City, Mexico vaut le coup d'il. (Figure 3).Construction de Site Web utilisant Joomla!, K2 & Google Maps (API version 3). Cette vido t enregistre au Joomla! Day Aque du Sud 2011. Cas tudi Comment nous avons construit le Site Web joomlagov.info - Dwight Barnard (ZA) 21 Site Web: www.joomlagov.info Crateur: raramuridesign & piezoworks.be

LA TOUR EIFFEL

Vous connaissez surement cet dice (Figure 3)!

Figure 3: Tour Eiffel


Site Web: tour-eiffel.fr Crateur: Mairie de Paris (paris.fr)

ECOMMERCE

Un magasin danois bas sur Joomla! et le composant RedShop. (Figure 4).

21

http://vimeo.com/32790888 Page 25

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 4: Trend Bazaar Site Web: www.trendbazaar.dk Crateur: redweb.dk

KOKORO
Kokoro pour: chocolat qui vient du cur et l'me. (Figure 5).

Figure 5: Kokoro Website built using Joomla, K2 & Google Maps (API version 3) Mar 22, 2012 Page 26

Joomla! 2.5 - Le Guide Pour Dbutant Site Web: kokorochocolate.com Crateur: ohappens.nl

TRANQUILLITY BLUE
Tranquillity Blue est un Site Web prsentant les activits et les aventures d'une petite ville ctire sur la cte Sud-Ouest de l'Afrique. L'objectif tait de rendre le site facile grer par le client et sufsamment souple an de pouvoir se dvelopper et englober des fonctionnalits avances en cas de besoin (Figure 6).

Figure 6: Tranquillity Blue Site Web: www.tranquillityblue.co.za Agency: raramuridesign.com Design: Dwight Barnard

ET?

Ces Sites Web ressemblent ce que doit ressembler un site web. :-) Si je ne vous avais pas dit qu'ils avaient t crs avec Joomla!, Vous ne vous en seriez probablement pas rendu compte. Jetez un il sur cet article de janvier 2012 en techrepublic: 15 Joomla implementations 22

COMMENT TROUVER DES PAGES JOOMLA?


22

Je vais vous montrer quelques mthodes pour trouver les Sites Web crs avec Joomla!.

http://www.techrepublic.com/blog/webmaster/inspiration-15-joomla-implementations/1085 Page 27

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant

joomla.org

Jetez juste un il au site de projet! J'ai trouv quelques sites prsents ci-dessus dans le Joomla Showcase 23 . Vous trouverez 2 000 Sites Web classs par catgories. Il y a le site du mois, une vue d'ensemble avec les sites les plus consults, et beaucoup plus encore (Figure 7).

Figure 7: Joomla Showcase

Google

Vous pouvez faire une recherche avec le terme com_content 24. Le composant "content" utilise ce terme dans les URLs des pages. De nos jours, ce type de recherche ne fonctionne plus vraiment cause des diffrentes extensions permettant l'optimisation des URLs mais le rsultat reste impressionnant.

WAPPALYZER FIREFOX EXTENSION

Wappalyzer25 est une extension pour navigateur qui identie les logiciels sur les Sites Web (Figure 8).

23 24 25

http://community.joomla.org/showcase/ http://www.google.de/search?q=com_content https://addons.mozilla.org/en-US/refox/addon/wappalyzer/ Page 28

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 8: Wappalyzer

CONSULTEZ LE SITE WEB DE PLUS PRS


Si vous tes sur un Site Web et que vous souhaitez savoir s'il a t cr avec Joomla!, jetez un il au code source. Dans la section header vous devriez trouver cette ligne : <meta name="generator" content="Joomla - Open Source Content Management" /> Vous pouvez galement simplement taper l'URL d'administration : http://example.com/administrator Voici l'exemple du site de la tour Eiffel: 26:

Administration du site de la tour Eiffel


26 http://www.tour-eiffel.fr/administrator/

Mar 22, 2012

Page 29

Joomla! 2.5 - Le Guide Pour Dbutant

ALLEZ-Y ET QUESTIONNEZ VOS AMIS


J'ai twitt Je veux VOTRE site :) Je cherche les 5+ grands sites Joomla! Pour le chapitre vitrine cocoate.com/j25/ showcase svp rpondez un lien+RT et j'ai reu les liens des sites ci-dessus !

UNE AUTRE IDE?

Vous connaissez une autre mthode pour dtecter un site Joomla! ? Laissez un commentaire.27.

27

http://cocoate.com/fr/node/10556 Page 30

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant


Advertisement

Le composant SEBLOD aide la cration d'Applications Web pour Joomla!. Son concept tend les fonctionnalits du CMS le plus utilis dans le monde, sans hack. Un environnement simple et 100% Open Source pour rpondre aux demandes les plus spciques... Bas sur le concept CCK (Content Construction Kit), SEBLOD permet la gestion avance des types de contenu tout en restant compatible avec toutes les extensions Joomla. Il est facilement possible de produire des catalogues personnaliss pour des sites vitrine, immobilier, des lms ... Mais aussi des rpertoires, calendriers, ou des applications Extranet plus complexes.

http://www.seblod.com/

Mar 22, 2012

Page 31

Joomla! 2.5 - Le Guide Pour Dbutant

Chapitre 3

Installation
Grce l'installateur web, Joomla! peut tre install en quelques minutes. Dans l'ordre, pour installer Joomla! sur votre PC, il est ncessaire de rgler votre propre internet. Pour cela, vous aurez besoin d'un navigateur, d'un serveur web, d'un environnement PHP et galement d'une base de donnes pouvant supporter Joomla!. Nous appelons a une Compilation LAMP28 (ou XAMP) et un systme client/serveur. Les chiers Joomla! seront copis sur ce systme et congurs avec l'installateur web Joomla!.

EXIGENCE MINIMUM DU SYSTME:


Un serveur web install et fonctionnel comme Apache (with mod_mysql, mod_xml, et mod_zlib), version 2.x ou Microsoft ISS 7. Le langage script PHP, version 5.2.4. Le systme de base de donnes MySQL, version 5.0.4.

VARIANTES D'INSTALLATION
Puisque cette question est la mme pour tous les systmes bass sur PHP, je tiens vous rfrer au chapitre installation variants of PHP-based systems 29.

DIFFICULTS

Ce sujet est trs complexe car il y a un grand nombre de fournisseurs et un nombre encore plus lev de serveurs web, de versions PHP et MySQL et d'outils de gestion d'espace web. L'installation consiste souvent en: Un Mode Safe PHP activ, qui vous prvient des chiers chargs, 'interdire la rcriture de chemin avec le serveur web Apache car ce que l'on appelle Apache Rewrite Engine (mod_rewrite) n'est pas activ, Les permissions du rpertoire sur Linux et OSX, sont rgles de manire diffrente par rapport Windows. En fait, la faon la plus simple est trs souvent la suivante:
28 29

http://fr.wikipedia.org/wiki/LAMP http://cocoate.com/node/6540 Page 32

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant Tlchargez le pack sur Joomla.org (ou sur Joomla.fr) sur votre PC et dzippez le tout dans un dossier temporaire. Chargez ces chiers via FTP sur votre serveur que vous louez ou dans le rpertoire de votre installation locale. Le pack doit tre install dans un rpertoire publique. Ces rpertoires sont gnralement appels htdocs, public_html ou html. S'il y a dj d'autres installations dans ces rpertoires, vous pouvez spcier un sous-rpertoire dans lequel vos chiers Joomla! devront tre installs. Beaucoup d'hbergeurs vous permettent de lier votre nom de domaine que vous louez un rpertoire. Vous devez trouver le nom de votre base de donnes. Dans la plupart des cas, une ou plusieurs bases de donnes sont inclues dans votre forfait d'hbergement Web. Parfois, les noms d'utilisateurs, de base de donnes et le mot de passe sont les mmes; parfois, il faut les dnir en premier. Normalement, vous pouvez tout congurer par une interface dans votre navigateur. Vous aurez besoin des informations d'accs la base de donnes pour l'installateur web Joomla!.

L'INSTALLATEUR WEB JOOMLA!


Tlchargez Joomla 2.5 sur joomla.org (ou sur Joomla.fr) et dzippez le pack sur le rpertoire racine de votre serveur web (.g.: /htdocs). A partir de maintenant, tout va aller trs vite car l'installateur web de Joomla! va travailler pour vous. Aller l'URL http://localhost/.

Etape - 1 Slectionner une langue

L'installateur web apparat avec une slection de langues. Choisissez la langue lors de cette premire des sept tapes d'installation. Puis cliquez sur le bouton "suivant" (Figure 1).

Figure 1: Installateur - Slection de langues

tape 2 - Vrication de la pr-installation


La vrication de pr-installation (Figure 2) vous aide vrier si votre environnement serveur est adapt l'installation de Joomla! ou pas. Mar 22, 2012 Page 33

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 2: Installateur - Vrication de pr-installation


C'est bon signe si une grande partie des rsultats de tests est en vert. Selon votre conguration, il peut y avoir des diffrences. L'installateur Joomla! considre les paramtres de conguration du serveur web (Apache dans notre cas), PHP et le systme d'exploitation. Quand vous utilisez un Systme Unix (Linux, Mac OSX), vous devez faire attention aux permissions des chiers. C'est particulirement important pour le chier conguration.php. Ce chier sera gnr la n de l'installation avec vos valeurs personnelles. Si l'installateur ne peut pas crire dans ce dossier, Joomla! ne pourra pas crer le chier et l'installation chouera. Dans ce cas, essayez de congurer les droits et puis cliquez sur le bouton Verier nouveau. Ensuite, cliquez sur le bouton Suivant et vous serez redirig vers l'tape suivante, Licence.

tape 3 License
Tous les logiciels possdent une licence dcrivant l'utilisation autorise. Joomla! est sous licence GNU General Public License, version 2.0 (Figure 3).

Figure 3: Installateur Licence


Mar 22, 2012 Page 34

Joomla! 2.5 - Le Guide Pour Dbutant

tape 4 Base de donnes

Dans la quatrime tape conguration de la base de donnes, les paramtres de votre base de donnes vous seront demands (Figure 4). Vous pouvez crer un nombre illimit de bases de donnes dans votre environnement serveur local. Dans votre compilation MAMP dans Ubuntu Linux, vous disposez d'un utilisateur MySQL avec le nom root. L'utilisateur root est l'administrateur MySQL et peut, par consquent, tout faire dans votre systme MySQL. Le mot de passe dpend de l'environnement de votre serveur (aucun mot de passe n'est ncessaire avec XAMPP, avec MAMP le mot de passe est root).

Figure 4: Installateur Conguration de la Base de donnes


Entrez les valeurs suivantes dans votre installation locale: Nom du serveur: localhost Nom d'utilisateur: root Mot de passe: [seulement si vous le connaissez] Ensuite, slectionnez le nom de la base de donnes. Dans un environnement en production, avec une base de donnes sur un serveur chez un fournisseur, vous aurez probablement un quota xe de bases de donnes et les limites de la base de donnes seront prdnies. Si vous avez la permission root sur votre serveur MySQL, vous pouvez entrer un nom d'une nouvelle base de donnes. Joomla! va alors crer cette base de donnes. Vous pouvez choisir les tables d'une installation Joomla! existante dans cette base de donnes. Toutes les tables seront supprimes ou sauvegardes avec un prexe bak_. Le prexe de table MySQL est trs pratique. En face de chaque nom de table gnre par l'installateur web, il crit le texte que vous avez tap dans le champ appropri. Par dfaut, l'installateur Web suggre un prxe au hasard, comme w02rh_ . Il y a une raison simple cela. Parfois, vous ne pouvez tre en mesure de n'obtenir qu'une seule base de donnes MySQL de votre fournisseur. Si vous Mar 22, 2012 Page 35

Joomla! 2.5 - Le Guide Pour Dbutant voulez installer deux ou plusieurs sites Joomla!, si les tables ne diffrent pas les unes des autres, vous rencontrerez des problmes. Avec le prxe de table il est possible de distinguer de nombreuses tables (w01client_ ou w02client_).Ici, vous pouvez utiliser la valeur par dfaut w02rh_ . Le prxe est galement utilis pour indiquer des donnes sauvegardes (bak_); voir ci-dessus.

tape 5 Conguration FTP


An d'viter les problmes lis aux droits d'accs et au mode PHP scuris potentiellement activ, vous pouvez utiliser les fonctions FTP du PHP pour charger et grer les chiers. Ce n'est pas ncessaire sur une installation locale. Si vous avez install Joomla! sur un serveur virtuel avec votre fournisseur, vous pouvez entrer les donnes FTP fournies par votre FAI. Si votre fournisseur permet cette fonction, il est conseill, pour des raisons de scurit, de crer diffrents comptes FTP pour les utilisateurs et pour l'installation Joomla!. Activez le compte FTP seulement pour le rpertoire Joomla! (Figure 5).

Figure 5: Installateur - Conguration FTP

tape 6 - Conguration
La conguration principale se divise en trois parties. Dans la premire partie de cette conguration, le nom de votre site vous sera demand. Ce titre apparaitra dans la barre du navigateur des visiteurs arrivant sur votre site. Ce nom est galement utilis d'autres emplacements, comme l'email de conrmation lors de l'enregistrement des utilisateurs. Pour notre exemple, je vais utiliser le nom Joomla! (Figure 6). Dans la seconde partie, le nom, l'adresse e-mail et le mot de passe administrateur vous seront demands. L'criture du mot de passe sur un morceau de papier est probablement une bonne ide (mais pas sur un sticker coll sur l'cran ou sous le clavier :-)). Dans la troisime partie, vous devez spcier le type de donnes que votre installation Joomla! doit contenir.

Installation des Donnes d'exemple


Mar 22, 2012 Page 36

Joomla! 2.5 - Le Guide Pour Dbutant Les donnes sont la chose la plus importante pendant votre installation. Joomla! offre la possibilit (fortement conseille pour les dbutants) d'installer des donnes d'exemple. Un petit manuel sur Joomla! vous sera fourni avec ainsi que de nombreux exemples pour exprimenter en toute scurit. Cliquez sur le bouton Installer les donnes d'exemple. L'installeur va charger les donnes dans votre base de donnes et l'afchage va changer (Figure 6). Ce processus est un peu anodin, mais ncessaire pour l'installation des donnes d'exemple. Le bouton disparat et une petite bote de texte apparat.

Figure 6: Installateur Conguration Nom, E-Mail, Mot de Passe Donnes d'exemple


Cliquez sur le bouton SUIVANT et les donnes seront transfres.

tape 7 - Finalisation
Dans la septime et dernire tape, vous serez flicit pour avoir russi installer Joomla! (Figure 7). Flicitations de ma part galement! Vous verrez maintenant un message en caractres gras apparaissant l'cran, vous invitant supprimer le rpertoire appel installation. Vous devez suivre cet avis, car sans a, votre site Joomla! ne pourrait pas fonctionner correctement.

Mar 22, 2012

Page 37

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 7: Installer Completion


Note:Un chier nomm conguration.php a t cr dans votre rpertoire document. Si vous souhaitez recommencer l'installation, vous devrez supprimer le chier conguration.php avant de supprimer le rpertoire installation directory. L'installateur Joomla! recommencera alors l'installation quand vous actualiserez l'URL dans votre navigateur, o vos chiers Joomla! sont rangs. Maintenant que vous avez entirement install Joomla! vous pouvez commencer congurer votre site Web et son contenu. Vous avez le choix entre les boutons Site (voir le site) et Administration (interface d'administration). Allez-y et jetez un il votre site web tout juste cr et cliquez sur le bouton Site. Dans le cas o vous n'auriez pas encore supprim le rpertoire installation, vous allez une fois de plus recevoir un rappel amical pour le faire maintenant, et puis actualisez la page. Le rsultat est trs impressionnant (Figure 8).

Mar 22, 2012

Page 38

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 8: Votre site directement aprs l'installation


Faites le tour, naviguez travers les diffrentes pages et options pour vous familiariser avec votre nouveau site. De nombreuses fonctionnalits de Joomla! sont utilises sur ce site contenant les donnes d'exemple. Nous regarderons cela en dtail par la suite!

LOCALISATION
An de grer votre site Joomla dans une autre langue que l'anglais, il y a deux possibilits: 1. Tlcharger le paquet complet localis sur le site correspondant (sur Joomla.fr et l'installer 2. Tlcharger les chiers de langue (sur Joomla.fr) et les installer. L'installation est dcrite dans les chapitres manage extensions and multi-language Web sites, vous trouverez plus d'information propos de la Localisation.

D-PUBLIER LES DONNES D'EXEMPLE


Mar 22, 2012 Page 39

Joomla! 2.5 - Le Guide Pour Dbutant Si vous installez Joomla! pour la premire fois, il est recommand d'installer les donnes d'exemple. Prenez votre temps et explorez le site pour voir comment tout fonctionne ensemble. Les exemples de donnes vous montrent quoi ressemble le site avec du contenu et comment il peut tre afch l'aide de modules de contenu. Pour obtenir un bref aperu, lisez les 50 pages afches dans le menu "Utiliser Joomla!". Maintenant que vous en avez assez vu, vous aimeriez probablement congurer votre site selon vos besoins et vos souhaits.

Comment avoir un Joomla! vide?

Pour obtenir une version vide, vous pouvez:

Installer un Joomla 2.5 neuf sans les donnes d'exemple: Crez un nouveau dossier dans votre serveur web local (/htdocs) et installez le nouveau Joomla!. Maintenant, vous avez deux installations Joomla! compltes. Cette approche est trs utile des ns de formation. Supprimez les donnes d'exemple dans votre administration. D-publiez les donnes d'exemple. Veuillez regarder la vido attache, dans laquelle je vais vous montrer comment faire cela. Si vous dcidez de suivre les tapes 2 ou 3, vous aurez besoin daccder votre administration d'o vous pourrez supprimer et/ou d publier les donnes dexemple et les liens de menu.

Gestionnaire de menu

Allez votre Manager de Menu dans le Menu Haut (Menus -> Menu Haut), cliquez dans les cases de validation situes gauche des intituls de menus, puis cliquez sur l'icne d-publier. Aprs avoir fait cela, vous pourrez voir une icne rouge sur chaque lment de menu (Figure 1) Si vous retournez sur votre site (rafraichissez la page), Vous remarquerez que le Menu Haut n'est plus afch. Rptez la mme procdure avec le Menu Principal et le menu A propos de Joomla!. Assurez vous de slectionner tous les lments de menu, except l'lment Accueil/Page principale. Ce menu ne peut pas tre supprim car vous avez besoin d'une page principale. Dans la zone infrieure, vous pouvez modier le nombre d'lments de menu afchs (Figure 2).

Mar 22, 2012

Page 40

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 9: Gestionnaire de Menu I

Figure 10: Gestionnaire de Menu II

Gestionnaire d'Article

Utilisez la mme procdure que celle dcrite ci-dessus. Ouvrez le gestionnaire d'article et choisissez tous les lments de contenu d-publier ou supprimer.

Mar 22, 2012

Page 41

Joomla! 2.5 - Le Guide Pour Dbutant

Cache

Pour tre sr que ces donnes vont disparatre de votre site, vous devez vider le cache (Maintenance -> Vider le Cache). Encore une fois, choisissez tout le contenu et supprimez-le.

Site Vide
Votre site Joomla! est maintenant vide (Figure 11).

Figure 11: Joomla! sans donnes d'exemple

Mar 22, 2012

Page 42

Joomla! 2.5 - Le Guide Pour Dbutant


Advertisement

Techjoomla est l'un des principaux fournisseurs d'Extensions Joomla & possde une gamme d'Extensions pour des utilisations diverses et varies comme les Rseaux Sociaux, la Publicit, Chat, Newsletters & bien plus encore. Avec des intgrations d'extensions de premier plan comme Community Builder & JomSocial, les Extensions Techjoomla's sont parmis les meilleures de leurs catgories.

http://www.techjoomla.com/

Mar 22, 2012

Page 43

Joomla! 2.5 - Le Guide Pour Dbutant

Chapitre 4

Structures et Termes
J'aimerais expliquer et clarier certains termes et structures avant de commencer avec la conguration.

FRONTEND

Par frontend nous entendons les zones du site Web que les visiteurs ou les utilisateurs enregistrs peuvent voir. Un utilisateur enregistr n'accde, normalement, qu'au frontend. C'est comme dans un magasin, o les marchandises sont exposes dans les vitrines et sur les tagres. C'est l que vous pouvez regarder ce qui y est prsent.

BACKEND
C'est votre espace d'administration, donc, nous lappellerons simplement administration. Vous pouvez donner aux utilisateurs enregistrs le droit de travailler dans votre backend. Ce privilge est gnralement limit quelques employs, qui sont chargs d'administrer certaines tches sur le site. Vous pouvez accder la page de connexion de votre administration via /administrator. http://localhost/administrator L, vous pouvez vous connecter avec vos identiants de connexion et choisir votre langue prfre. (Figure 1).

Figure 1: Joomla Administration registration


Une fois connect, vous aurez accs l'administration, qui est structure en accord avec vos droits utilisateur (Figure 2).

Mar 22, 2012

Page 44

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 2: Administration
Vous pouvez accder chaque fonction, soit en utilisant le systme de menus (et sous menus) soit en cliquant simplement sur une icne de l'cran de dmarrage.

FICHIERS

Joomla! se compose de centaines de chiers: Images, scripts PHP, chiers CSS, chiers JavaScript, et beaucoup d'autres.. Vous avez dj probablement remarqu cela quand vous avez dcompress le paquet zip et copi son ensemble dans le dossier htdocs. En fait, vous avez dj install deux paquets Joomla!: un pour le frontend et un pour le backend. Le Backend Joomla! est situ dans le dossier /administrator (Figure 3). Ce dossier est recherch quand vous appelez /administrator dans votre navigateur. Dans ce dossier, il y a d'autres dossiers comme cache, components, language, modules et templates. Les dossiers spciques au backend sont rangs dans ces rpertoires. Vous trouverez les mmes noms de dossier de nouveau en dehors du dossier administrator. Ces dossiers contiennent les chiers du frontend. Ce ne sont pas rellement deux paquets Joomla!, mais il y a une sparation claire entre backend et frontend. Par exemple, tous les chiers chargs par le Gestionnaire des Mdias seront sauvs dans le dossier /media. Tous les chiers doivent tre sauvs lors d'une sauvegarde.

Mar 22, 2012

Page 45

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 3: chiers et dossiers Joomla!

BASE DE DONNES
En plus des chiers (graphiques, documents, dossiers systme, etc), Joomla! a galement besoin d'une base de donnes. Durant la procdure d'installation, l'installeur web de Joomla! cr 61 tables dans la base de donnes que vous avez spcie (Figure 4). L'ensemble du contenu sera gr dans ces tables.

Figure 4: Les tables de la base de donnes Joomla!


Mar 22, 2012 Page 46

Joomla! 2.5 - Le Guide Pour Dbutant Quand je dis contenu, je veux parler des textes et paramtres de conguration. Les tables dans la capture d'cran sont afches par le biais de phpMyAdmin. PhpMyAdmin est une partie de XAMPP et MAMP et est accessible via: http://localhost/phpMyAdmin Habituellement, aucune modication ne doit tre apporte ces tables. Dans le cas o vous oublieriez votre mot de passe admin, phpMyAdmin sera trs utile. Ce logiciel peut galement tre utilis pour la sauvegarde de votre base de donnes en crant ce que l'on appelle un dump SQL, car vos tables doivent tre sauvegardes rgulirement.

LES LMENTS DE JOOMLA!


La structure de Joomla! est simple, sophistique et efcace. Joomla! suppose que vous voulez crire un article. Un article est constitu en gnral d'un titre, du texte et de quelques rglages de conguration.

Article
Les articles peuvent tre afchs seuls ou en liste. Sur la page d'accueil du site Joomla! que vous avez rcemment install vous devez voir ces quatre articles (Figure 5).

Figure 5: Articles en page d'accueil


Les articles sont tris d'une certaine manire. Le premier article est afch en utilisant toute la largeur du site. Les autres articles sont placs en dessous en trois colonnes. Si les articles sont trop longs, vous pouvez insrer un lien lire la suite. Cette reprsentation est un afchage en liste. En cliquant sur le Mar 22, 2012 Page 47

Joomla! 2.5 - Le Guide Pour Dbutant lien lire la suite vous serez redirig sur une page afchant cet article seul (Figure 6). Le type d'afchage peut tre modi en dnissant des options dans le backend, cependant, ces rglages ne sont excutables que par l'utilisateur possdant les droits d'accs correspondants.

Figure 6: Afchage d'un article seul


Les articles peuvent tre publis ou non-publis. Vous pouvez prsenter des articles sur votre page d'accueil, vous pouvez les archiver ou les mettre la poubelle et les rcuprer. Vous pouvez les copier et les dplacer.

Catgories
An d'afcher clairement les articles, vous pouvez crer des catgories, puis leur affecter un article. Chaque article peut tre assign exactement une catgorie (Figure 7). Les catgories peuvent tre imbriques jusqu' n'importe quelle profondeur. Les articles d'une ou plusieurs catgories peuvent tre attribus un lment de menu et afchs de diffrentes manires. En cliquant sur cet lment de menu, tous les articles des diffrentes catgories seront afchs. Ce principe est utilis par les journaux en ligne,

Mar 22, 2012

Page 48

Joomla! 2.5 - Le Guide Pour Dbutant par exemple. Vous cliquez sur Sports et vous obtenez tous les articles catgoriss pour ce sujet. Si le journal veut discerner diffrentes formes de sport, il utilise des arbres de catgories imbriques: Sports Football Handball Politique National Europe Monde

Figure 7: Affectation de catgories

Utilisateur
Les utilisateurs sont ncessaires pour produire du contenu. Il faut au moins un utilisateur enregistr sur chaque site Joomla, savoir celui que vous avez cr lors de l'installation, avec les droits pour tout congurer sur votre site. En fonction des droits accords, un utilisateur peut travailler dans le frontend et / ou le backend pour crire un article. Chaque utilisateur a besoin d'un identiant, une adresse email et d'un mot de passe. Chaque utilisateur peut tre assign n'importe quel groupe d'utilisateurs ainsi qu' n'importe quel niveau d'accs. Cela permet l'utilisateur de crer des articles qui sont visibles seulement par certains groupes d'utilisateurs.

Navigation

Pour trouver votre chemin dans le site web, vous aurez besoin de navigation avec des liens correspondants. Dans Joomla! nous appelons cela un menu. Vous pouvez crer autant de menus que

Mar 22, 2012

Page 49

Joomla! 2.5 - Le Guide Pour Dbutant vous le dsirez et les imbriquer en autant de faons diffrentes que vous le souhaitez. Chaque menu est un module qui peut tre positionn sur une zone prvue dans le template.

Module
Un module est quelque chose que vous pouvez positionner ct d'un article. Un menu, par exemple, est un module. Le petit bloc d'inscription sur le ct gauche est galement un module. Vous pouvez crer autant de modules dots de fonctions intelligentes selon vos besoins, et les placer sur des zones prdnies dans le template.

Templates

Un template est une organisation graphique pour votre site web. La plupart des chiers qui le composent sont des chiers HTML et CSS. Joomla! offre plusieurs templates parmi lesquels vous pouvez faire votre choix. Les templates sont congurables, ce qui vous permet de charger un logo diffrent, changer la couleur de fond, etc. Chaque template offre des zones o les modules peuvent tre positionns (Figure 8).

Figure 8: Positions de templates


Mar 22, 2012 Page 50

Joomla! 2.5 - Le Guide Pour Dbutant Vous pouvez regrouper des modules autour d'un ou plusieurs articles.

Plug-ins

Un plug-in offre des services pratiques, mais est gnralement invisible pour les visiteurs du site. Un diteur WYSIWYG (What You See Is What You Get en anglais Ce que vous voyez est ce que vous obtenez en franais), par exemple, est un plug-in. Les Plug-ins sont des extensions, qui peuvent tre installes un nombre de fois illimit. Le paquet du noyau comprend dj de nombreux Plug-ins trs utiles.

Composants

Les composants sont les petits paquets surprise qui vous aident crer peu prs n'importe quoi sur votre site. Vous souhaitez avoir un systme de rservation pour des ateliers? Une plate-forme pour des biens immobiliers? Un forum? Une galerie d'images? Vous n'avez qu' installer le bon composant, tout simplement!! Le paquet du noyau de Joomla! contient dj quelques composants, p.e., le composant de contact qui vous permet d'intgrer des formulaires de contact sur votre site. Il existe de nombreux composants pour amliorer votre systme Joomla!.

Paramtres
Vous aurez besoin de rglages de conguration individuelle pour votre site; nous appelons cela les paramtres. Ces paramtres sont appliqus l'ensemble du site, pour les utilisateurs, les catgories, les modules, et les composants. Vous trouverez toujours une icne nomme paramtres comme par exemple celle-ci (Figure 9), qui vous donne la possibilit de voir la position des modules (Figure 8) en insrant: http://localhost/index.php?tp=1 Les initiales tp sont celles de template position.

Figure 9: Paramtres

Autres structures
Mar 22, 2012 Page 51

Joomla! 2.5 - Le Guide Pour Dbutant D'autres structures pour les interfaces utilisateur, les templates et les relations techniques sont galement disponibles. Pour le moment, vous tes dj bien quip en vous souvenant des structures dcrites ci-dessus.

Mar 22, 2012

Page 52

Joomla! 2.5 - Le Guide Pour Dbutant


Advertisement

Sigsiu.NET produit actuellement les composants d'annuaire les plus populaires sur le march du CMS (Content Management System) Joomla! - Sobi2 and SobiPro. Sur une priode d'un peu plus de 5 ans, le commerce en Ligne de Sigsiu, Index 2, ou Sobi2 , est devenu leader avec plus de 500,000 tlchargements. SobiPro est la prochaine gnration d'extensions d'annuaire avec une aide la construction de contenu pour Joomla!. SobiPro est un composant multi-rpertoires trs extensible et hautement congurable qui vous permettra d'tendre facilement votre site Joomla!, en l'alimentant avec un rpertoire de produits, un rpertoire de tlchargement, le tlchargement et la gestion des documents, la fonctionnalit de l'immobilier et beaucoup, beaucoup plus partir d'une seule installation. Devenez membre du Club SobiPro, bnciez ainsi des applications additionnelles, de la documentation et accdez au forum de support exclusivement rserv aux membres SobiPro.

http://sobipro.sigsiu.net/

Mar 22, 2012

Page 53

Joomla! 2.5 - Le Guide Pour Dbutant

Chapitre 5

Quoi de neuf dans joomla 2.5?


Joomla 2.5 sera disponible en Janvier 2012 et sera le successeur de Joomla 1.5. Ce sera ce que l'on appelle une version avec support long terme (LTS) et constituera la referencet pour Joomla! jusqu'en Juillet 2013. Les versions 1.6 et 1.7 ont t des versions de courte dure (STS) et ont ouvert la voie Joomla 2.5. Lorsque vous avez mis jour votre site de Joomla 1.5 Joomla 1.7 en juillet 2011, vous avez probablement dj utilis toutes les nouvelles fonctionnalits introduites avec Joomla 1.6 et 1.7. Si vous faites dler cette page vers le bas et que vous observez la liste des nouvelles fonctionnalits par rapport Joomla 1.5 vous raliserez alors que 2011 a t une anne trs intressante pour Joomla!. Mais jetons un coup d'il aux nouvelles fonctionnalits pour Joomla! 2.5.

NOUVELLES FONCTIONNALITS DANS JOOMLA 2.5 Une Joomla! Platform ambant neuve !
La Joomla Platform Version 11.4 est maintenant la base du CMS.

Cela signie beaucoup plus de possibilits pour les dveloppeurs tiers p.e. pour la manipulation d'images avec la classe JImage et la gnration de tables HTML avec la classe JGrid. Une nouvelle version de la librairie JavaScript MooTools est utilise (1.4). Si vous ne savez pas ce qu'est Joomla! Platform, vous pouvez lire Ecrivez votre propre application en utilisant Joomla! Platform30 et l'annonce ofciel de sortie de Joomla Platform31 .

Trouver plus de contenu avec Smart Search


Les recherches sont rinventes dans Joomla 2.5 avec Finder. Le nouveau composant de recherche fonctionne avec un index (Figure 1).

30 31

http://cocoate.com/fr/jdevfr/app http://developer.joomla.org/news/378-version-11-3-of-the-joomla-platform-released.html Page 54

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 1: Cration de l'index de recherche


Finder pr-recherche votre contenu. Les rsultats de la recherche sont marqus de faon dynamique en fonction du contexte et de la frquence des termes de recherche. Le contenu le plus pertinent sera toujours indiqu en haut des rsultats. Il suggre des phrases alternatives (Figure 2) et son systme d'adaptateur enchable permet d'installer de nouveaux adaptateurs de recherche qui supportent le contenu standard de Joomla! et de nombreux autres types de documents. Les ltres de recherche personnaliss vous permettent de faciliter la recherche contextuelle lorsque votre visiteur sintresse certaines sections de votre site Web.

Figure 2: Suggestions

Etendre Joomla! d'autres plateformes en utilisant d'autres bases de donnes


Avec Joomla 2.5 il sera posible de faire tourner Joomla! sur MySQL, Microsoft Azure et le serveur Microsoft SQL. Les drivers pour PostgreSQL et Oracle semble tres trs prochainement disponibles (Getting Ready for Multi-Database Support 32).

De meilleurs choix pour le mode hors-ligne


Vous pouvez utiliser le message de mode hors-ligne par dfaut, le dsactiver ou crer un message personnalis. De plus, vous pouvez slectionner une image pour la page de mode hors-ligne (Figure 3). Vous avez mme la possibilit de dnir le site en mode hors-ligne pendant l'installation, an qu'aucune personne non autorise ne puisse voir le site avant que vous ne le dcidiez.
32

http://community.joomla.org/blogs/community/1526-getting-ready-for-muti.html Page 55

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 3: Option de mode hors-ligne

Enregistrement des utilisateurs avec captcha


Un plugin captcha utilisant le service reCAPTCHA33 peut tre activ (Figure 4). Une fois que vous vous tes inscrit gratuitement chez reCAPTCHA et avez entr vos cls, vous pouvez activer captcha pour les enregistrement de nouveaux utilisateurs. Cela peut galement tre utile aux autres extensions ncessitant captcha.

Figure 4: Captcha

Une manipulation plus facile pour des mises en page simples


Vous pouvez dsormais joindre une image au texte d'introduction utilis dans les prsentations de blog ou les articles mis en vedette, une image pour le texte de l'article complet et jusqu' trois liens pour l'ensemble de la mise en page de l'article. Cela signie que vos crateurs de contenu n'auront pas le tracas de l'image dans le texte et que le format de votre article sera plus propre et plus cohrent.

MULTI-LANGUE
33

http://www.google.com/recaptcha Page 56

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant Vous pouvez remplacer les chanes de langue par dfaut dans un nouveau gestionnaire du backend (Figure 5).

Figure 5:Gestionnaire de surcharge de langue

Notes des utilisateurs

Une nouvelle fonctionnalit notes des utilisateurs permet de crer des notes jointes des comptes utilisateurs spciques. Vous pouvez crer une note pour y entrer une date utiliser plus tard, par exemple pour l'organisation des tches de l'utilisateur. Vous pouvez avoir plusieurs notes par utilisateur et les notes peuvent tre classes dans diffrentes catgories (Figure 6).

Figure 6: Gestionnaire de notes des utilisateurs

Classement/Rangement

Filtrage par catgorie dans le Gestionnaire d'articles

C'est tout simplement trs pratique! Depuis Joomla! 1.6, il tait possible de ltrer par catgorie avec le gestionnaire d'article, mais vous ne pouviez pas voir les articles des sous-catgories. Maintenant, la logique du ltre inclut galement les articles des sous-catgories. Lier les nouveaux menus un module Mar 22, 2012 Page 57

Joomla! 2.5 - Le Guide Pour Dbutant Dans Joomla! 2.5 les modules ne sont PAS crs automatiquement pour chaque nouveau menu. Ce n'est pas un bogue, c'est une fonctionnalit :) Tout le monde n'utilise pas le module de menu de base, mais utilise la place celui d'un template personnalis ou d'un module d'une extension tierce. Pour cette raison, les menus ne crent pas automatiquement de module dans 1.6/1.7. Ce changement trouble les gens et cre du travail supplmentaire. Dans Joomla 2.5, s'il n'y a pas de module associ au menu, il y a un lien dans le gestionnaire de menu sur lequel vous pouvez cliquer et qui vous mne directement dans un nouveau module que vous pouvez crer. Vous avez alors le choix de sauver ce module de menu standard ou d'annuler et d'utiliser un module de menu diffrent. Les Filtres de Texte Personnaliss sont dplacs vers la conguration globale. Ils ltrent le contenu en fonction de listes noires et blanches de balises selon votre conguration et les permissions. Vous pouvez maintenant dcider que l'administrateur reoive un nouveau message lorsqu'un utilisateur cre un compte. Ceci est utile lorsque la Notication de nouveau compte utilisateur est rgle sur Auto. Dans ce cas, l'utilisateur reoit un e-mail aprs l'inscription avec un lien d'activation (Figure 7). Aprs avoir cliqu sur ce lien le compte est activ.

Figure 7: Notication pour l'Administrateur


Les options tendues dans "Slectionner un type d'lment de menu" ne sont pas chargs moins que vous n'en ayez besoin. Vous trouverez un bon rsum sous forme d'une prsentation cre par Mike Carson34

NOUVELLES FONCTIONNALITS EN COMPARAISON JOOMLA! 1.5


34

http://www.slideshare.net/carson3511/joomla-25-new-features-and-hidden-gems Page 58

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant En comparaison avec Joomla! 1.5, les diffrences sont normes et la liste des nouvelles fonctionnalits et amliorations est longue. Voici une liste des changements les plus importants dans Joomla 1.6 et 1.7 Il n'y a plus aucune section. Les catgories peuvent tre imbriques aussi profondment que vous le souhaitez. Le concept d'accs est totalement reconstruit. Les groupes d'utilisateurs existants utiliss dans Joomla! 1.5 sont toujours les mmes dans Joomla! 2.5 mais ils peuvent tre amliors et renomms. Un nombre illimit de niveaux d'accs peut galement tre dni. Les utilisateurs peuvent tre affects des groupes et ces groupes d'utilisateurs peuvent ensuite tre affects des niveaux d'accs. Multi-traitement Les oprations de copie et de dplacement, et la rpartition des niveaux d'accs peuvent dsormais se faire par un traitement en batch. Mises jour par simple clic de souris Une fonctionnalit simple. Le systme dtecte les mises jour disponibles et les installe aprs un clic sur le bouton correspondant. Templates Il y a eu de nombreux changements dans le domaine des templates. Il y a maintenant deux templates administration et trois templates de site Web. Styles de Template Parfois, vous souhaitez afcher un template avec diffrentes options. Vous pouvez souhaiter crer une page avec un fond rouge et une autre page avec du bleu. Pour cela, vous aurez besoin de styles de templates. Crez autant de versions (Styles) d'un template avec des paramtres diffrents que vous le souhaitez et affectez-les un lien du menu. Mise en page de template Parfois, vous souhaitez afcher uniquement 'un composant ou un module avec un afchage diffrent sans modier le Template. C'est possible avec les mises en page de Template. Interface utilisateur homogne Le message d'enregistrement est un bon exemple. Enregistrer: le contenu sera sauvegard, vous restez en mode dition. Enregistrer & Fermer: le contenu sera sauvegard, vous quittez le mode dition. Enregistrer & Nouveau: le contenu sera sauvegard; un nouveau masque d'dition vide apparat. Enregistrer une copie: le contenu sera sauvegard comme une copie, vous restez dans le masque d'dition. Mar 22, 2012 Page 59

Joomla! 2.5 - Le Guide Pour Dbutant Conguration minimale requise Les exigences minimales relatives votre environnement de serveur et les navigateurs web de vos visiteurs ont augment. Navigateur: Internet Explorer, version 7 ou suprieure, Firefox, version 3 ou suprieure, Safari, version 4 ou suprieure Server: PHP: version minimale PHP 5.2.4, MySQL: version minimale 5.04 Legacy Mode Le Legacy Mode de Joomla 1.5 n'est plus ncessaire. Le Legacy Mode permettait l'excution de composants initialement dvelopps pour Joomla 1.0, et qui avaient t seulement adapts pour Joomla! 1.5. La procdure d'adaptation de vieux composants est compense par le dveloppement de composants natifs Joomla! 1.5 et 2.5, qui utilisent le Framework Joomla. Optimisation pour les moteurs de recherche Vous pouvez maintenant utiliser la norme Unicode dans les URL, ce qui signie que vous pouvez maintenant utiliser des caractres spciaux comme 'o' et 'A' ou les caractres arabes ou hbreux dans les URL. Vous pouvez affecter des mta-textes et des mots-cls aux catgories. Vous pouvez combiner le titre d'un site avec les titres de ses pages et dcider de l'ordre dans lequel ils apparaissent. Les Modules peuvent tre publis en temps contrl. Les options d'affectation des lments de menu ont t tendues. Multi-langues Le noyau Joomla! propose maintenant la possibilit de crer des articles, des catgories et des modules dans plusieurs langues. Avec les nouveaux plug-in et le module de commutation des langues, vous pouvez ltrer l'ensemble du site pour une langue choisie. CodeMirror est le nouvel diteur qui est fourni en plus de TinyMCE. Ce n'est pas un diteur WYSIWYG, mais il offre un moyen commode de travailler avec du contenu sous forme de code, qui sera afch de manire structure avec coloration syntaxique. Composants Le nouveau composant de redirection permet de rediriger vers des URL an d'viter les erreurs '404 non trouv '. Un nouveau composant de recherche volutive a t introduit. Il pr-cherche dans le contenu, trie les rsultats par pertinence, suggre des formules de recherche alternatives, fonctionne avec une large gamme de types de documents, etc. Le composant de sondage a t supprim. Mar 22, 2012 Page 60

Joomla! 2.5 - Le Guide Pour Dbutant Nouveau cycle de sortie des versions Tous les 18 mois une version supporte long terme (Long Term Release LTR ) de Joomla! sortira. Introduction de la Joomla! Platform Joomla se compose de deux parties: La Joomla! Platform Le Cms Joomla! There are many more very nice little features like the possibility to place a background image into a module or to display articles with page breaks in a tab or slider layout.

Mar 22, 2012

Page 61

Joomla! 2.5 - Le Guide Pour Dbutant


Advertisement

Mar 22, 2012

Page 62

Joomla! 2.5 - Le Guide Pour Dbutant

Chapitre 6

Gestion de contenu
Un systme de gestion de contenu (CMS en anglais) est fait pour la gestion de contenu - qui y aurait pens ? ! Donc, la prochaine question est : Qu'est ce que le contenu ? Dans la production de mdias et l'dition, le contenu est l'information ou les expriences qui peuvent apporter de la valeur pour un utilisateur nal / un public dans des contextes spciques.35 Ok, je vois, mais qu'est-ce qui apporte de la valeur ? Il est effectivement trs difcile de rpondre cette question et tout fait personnel, mais je pense que vous avez maintenant une ide sur le contenu et sur un systme de gestion de contenu comme Joomla !. Un systme de gestion de contenu est utile pour grer l'information qui apporte de la valeur votre public (Hagen Graf :-) ).

TYPES DE CONTENU
Dans le noyau Joomla! vous avez des articles, catgories, liens web, bannires, contacts et des ux. Je ne suis pas sr que la cration de valeur avec des bannires soit possible, mais les bannires sont aussi un type de contenu. Les Modules peuvent aussi tre utiliss pour la cration du contenu. Souvent, vous voudrez peut-tre enrichir votre contenu avec des chiers comme des photos et d'autres types de mdias. Pour cela Joomla! a son propre gestionnaire de mdias. C'est ce que le noyau Joomla! vous fournit comme bote outils pour grer tous ces morceaux an de crer de la valeur votre public. Je vais parcourir tous ces outils dans les chapitres suivants.Si cela ne vous suft pas, vous pouvez amliorer Joomla! avec ce qu'on appelle des content construction kits 36 comme K237, FlexiContent 38 ou CCK jSeblod 39 et beaucoup d'autres extensions, mais ce serait l'objet d'un autre livre entirement.:-)

35 36 37 38 39

http://en.wikipedia.org/wiki/Content_(media) http://extensions.joomla.org/extensions/news-production/content-construction http://getk2.org http://www.exicontent.org/ http://www.seblod.com/ Page 63

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant


Advertisement

Mar 22, 2012

Page 64

Joomla! 2.5 - Le Guide Pour Dbutant

COMMENT CRER UNE PAGE "A PROPOS DE NOUS"

Pour vous donner un premier vrai d, nous allons crer une premire page sur votre nouveau site. Ce sera la page "A propos de nous" sur laquelle vous pouvez dcrire votre entreprise, votre projet ou vous-mme. La plupart du temps, une page comme celle-ci contient un titre, du texte et peut-tre quelques images.

Contenu statique contre dynamique


Une page "A propos de nous" est gnralement cr une fois, est accessible via un lien du menu, et l'avenir tout ce que vous aurez faire sera de changer mesure que vous aurez le faire. Cela a un caractre statique. Un communiqu de presse ou un article de blog, cependant, a un caractre dynamique. Pour les pages statiques, contrairement aux pages dynamiques, la date de cration et l'auteur ne comptent pas vraiment. Les pages statiques sont habituellement accessibles par l'intermdiaire d'un lien de menu, tandis que des pages dynamiques peuvent tre accdes par des listes.

Le plan
La page 'A propos de nous' devrait comporter les lments suivants: un titre, un texte, une image. La page ne devrait pas gurer sur la premire page. Nous voulons un lien vers la page dans le menu horizontal suprieur (Menu haut ou top menu). Cela peut paratre simple au premier abord :-). Allez-y et connectez-vous l'interface d'administration!

tape 1 - Cration du contenu

Allez au Gestionnaire d'articles (Contenu Gestion des articles). L vous pourriez encore voir vos donnes d'examples non publies (Figure 1).

Mar 22, 2012

Page 65

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 1: Gestionnaire d'articles


Cliquez sur l'icne pour accder au formulaire appropri puis ajouter le titre et le texte. Dans le volet suprieur, sous le titre, slectionnez Non catgoris comme catgorie. Cette catgorie a t cre en installant les donnes d'exemple. Le champ En vedette indique si le contenu doit tre afch dans la mise en page blog en vedette, qui est principalement utilise sur la page d'accueil. Cela fonctionne toujours dans Joomla ! 2.5 mais les termes peuvent facilement tre incompris. Slectionnez Non. Dans la fentre de l'diteur, vous pouvez maintenant entrer votre texte. Joomla! est fourni avec l'diteur par dfaut TinyMCE (Figure 2).

Figure 2: Formulaire d'dition d'article

Insertion d'une image provenant d'une URL


Comme premier exemple nous allons utiliser une image dj existante sur le web. Par exemple, celleci: http://farm2.staticickr.com/1198/898250237_78a0e75cba_m_d.jpg (Figure 3) Mar 22, 2012 Page 66

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 3: Example image


Dplacez le curseur dans le texte la position laquelle vous souhaitez insrer l'image. Cliquez sur l'icne image de la barre d'outils diteur et collez l'URL de l'image dans la fentre pop-up. Congurez l'image avec un alignement gauche et utilisez des espaces de 10 pixels horizontaux et verticaux (Figure 4).

Figure 4: Insert image


L'image apparatra dans la fentre de votre diteur. Cliquez sur Insrer et votre objet est stock. Il y a plusieurs manires de l'enregistrer : Enregistrer - L'lment est enregistr. Le formulaire n'est pas ferm. Utilis pour enregistrer lorsque vous souhaitez toujours continuer travailler. Enregister & Fermer - L'lment est enregistr et le formulaire sera ferm.

Mar 22, 2012

Page 67

Joomla! 2.5 - Le Guide Pour Dbutant Enregistrer & Nouveau - L'lement est enregistr, le formulaire sera ferm et un nouveau formulaire d'article vide est ouvert. Quittez le formulaire.

tape 2 - Cration d'un lien de menu

L'article a t cr, mais n'apparat pas sur le site. Pour qu'il apparaisse, nous avons besoin d'un lien ! Cliquez sur l'icne Nouveau dans le gestionnaire de menu dans le menu suprieur (Menus Menu haut). Astuce: En anglais, le menu haut s'appelle top-menu et ce nom fait rfrence la position "top" du template par dfaut. Si vous n'utilisez pas le template par dfaut et les donnes d'exemple le "menu haut" n'existe pas ou peut avoir un autre nom. Cliquez sur le bouton Slection ct du champ de type de liens de Menu. Une fentre avec diffrents liens s'afchera. Cliquez sur le lien Article (Figure 5).

Figure 5: Slectionnez un type d'lment de menu


Vous devez maintenant choisir l'article dsir. Cliquez sur le bouton Slectionner / changer dans le volet droit (slectionnez l'Article) pour le slectionner. Vous verrez une bote de recherche avec tous les articles. Dans le cas o vous ne trouveriez pas votre article sur la page tout de suite, vous pouvez ltrer la liste en tapant une partie du titre de l'article dans la bote de recherche, puis en cliquant sur le titre de l'article correct dans la liste des rsultats (Figure 6).

Mar 22, 2012

Page 68

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 6: Type de Menu - simple article - Slectionner l'article


Entrez un titre pour le lien A propos de nous et s'assurer que Menu haut est slectionn dans l'emplacement du menu. Nous pouvons laisser le reste des paramtres avec leurs rglages pour l'instant.

tape 3 - A propos de nous sur le site

Si vous chargez maintenant l'interface du site Web par le frontend, vous dcouvrirez le nouveau lien dans le menu du haut. Cliquez dessus et vous verrez le contenu d'A propos de nous - flicitations pour avoir cr votre premire page (Figure 7).

Figure 7: page A propos de nous

tape 4 - tlchargement de l'Image


Si votre image n'est pas dj disponible sur Internet, vous devrez la tlcharger partir de votre PC. Voyons un exemple ensemble. Allez dans le Gestionnaire d'article (Contenu Gestion des articles). Si vous ne trouvez pas votre article, localiser le facilement l'aide de la bote de recherche. Slectionnez le titre de l'article et le formulaire d'dition s'ouvrira. Supprimez l'image lie du texte. Au-dessous de la fentre de

Mar 22, 2012

Page 69

Joomla! 2.5 - Le Guide Pour Dbutant l'diteur, vous trouverez le bouton Image. Ce bouton lance une bote de dialogue pour tlcharger une image. Vous pouvez choisir entre des images existantes ou en tlcharger de nouvelles (Figure 8).

Figure 8: Tlchargement d'image


Une fois que l'image a t insre dans le texte, la mise en forme peut tre modie l'aide de l' icne de l'image dans la barre d'outils de l'diteur. Cette sparation des fonctions dans Joomla ! a t dlibrment choisie parce que vous avez la possibilit d'utiliser diffrents diteurs. Le Bouton image Joomla! restera toujours le mme, mais l'image dans l'diteur peut diffrer. Attention: Joomla ! utilise les images comme elles sont. Les images ne seront pas redimensionnes ! Pour rsoudre ce problme, regardez ce post sur le blog de Brian Teemans: Making Joomla Idiot Proof40 - May be FBoxBot41 is available for Joomla 2.5 too when you read these lines.

40 41

http://brian.teeman.net/tips-and-tricks/making-joomla-idiot-proof-part-1.html http://extensions.joomla.org/extensions/photos-a-images/articles-images/1162 Page 70

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant


Advertisement

Mar 22, 2012

Page 71

Joomla! 2.5 - Le Guide Pour Dbutant

UN ARTICLE TYPE

Les lments suivants doivent gnralement tre pris en considration lorsqu'il s'agit de crer un article sur votre site web: un texte avec une ou plusieurs images une introduction du texte pour les vues en liste avec un lien Lire la suite pointant vers la page de l'article complet l'article devrait gurer sur la premire page et ne ncessite d'aucun lien de menu bon avoir: une date de publication planie bon avoir: une version imprimable pour les visiteurs qui souhaitent imprimer l'article bon avoir: une option pour envoyer l'article par email

Commencement
L'article devrait pouvoir gurer sur la premire page de votre site. Si vous n'avez pas install les donnes d'exemple, ou que vous les avez supprimes ou changes, la page d'accueil de votre site Joomla! devrait ressembler la Figure 1. Bien sr, ce n'est pas une mauvaise chose si des posts y apparaissent. :-)

Figure 1: Site web vide


Mar 22, 2012 Page 72

Joomla! 2.5 - Le Guide Pour Dbutant Lorsque vous vous connectez dans l'administration, vous voyez une icne appeleAjouter un nouvel article. Vous pouvez soit cliquer sur cette icne soit accder au formulaire via le menu principal Contenu Gestion des articles Ajouter un nouvel article (Figure 2)

Figure 2: Administration

Formulaire d'article
Vous tes maintenant dans le formulaire d'article, par lequel vous allez surement crire tous les articles que vous aurez crire dans Joomla!. Un endroit trs important! Le formulaire est structur comme dans la Figure 3.

Figure 3: Entry form for contributions


Le minimum requis pour un article est un titre (1), une catgorie (2), et un texte (3). Si vous regardez de plus prs, vous remarquerez les textes d'aide qui apparaissent lorsque vous dplacez la souris travers la description d'un champ. J'ai numrot les zones du formulaire de la Figure 3 de 1 6. Mar 22, 2012 Page 73

Joomla! 2.5 - Le Guide Pour Dbutant

1. Titre
La partie la plus importante est le Titre. Il apparait en une de votre site (en gnral dans la plus grande taille des balises HTML <h1>) et dans la barre du navigateur situe au-dessus (vous pouvez activer ou dsactiver ce comportement). Le titre est l'lment fondamental pour la dnition de l'alias, qui est automatiquement gnr par Joomla! lorsque vous enregistrez l'article et dont l'apparence peut galement tre modie. Le but d'utiliser un alias est essentiellement d'avoir une URL simple, courte et lisible dans la barre d'adresse du navigateur, et qui peut ainsi facilement tre utilise dans les e-mails ou les chats. Dans l'exemple: http://example.com/rst-article - l'alias est rst-article.

2. Catgorie
Il s'agit de la classication ou catgorisation de l'article. Chaque article DOIT tre assign une catgorie. Si vous voulez explicitement ne pas classer l'article, vous pouvez l'affecter la catgorie noncatgoris. Ceci est particulirement utile pour les pages de contenu plus statiques comme les avis juridiques et la page A propos de nous. Dans ce cadre, d'autres attributs importants peuvent tre congurs, y comprisLtat (publi ou non), qui a accs (accs et permission dpendent de diffrents paramtres), la Langue et enn l'attribut en Vedette. En vedetteremplace l'ancien attribut Page d'accueil et s'assure que les articles sont crits dans une disposition prdnie pour la page d'accueil de votre site web. L'IDest cr aprs la sauvegarde de l'article et consiste en un numro de srie.

3. Texte
Dans cette section, vous pouvez crire votre texte, qui devrait tre apprci par votre audience. Cela semble vraiment facile, n'est-ce pas?! :-) Techniquement, vous avez affaire ici un diteur WYSIWYG (What You See Is What You Get). L'diteur transforme votre texte crit en format texte HTML. Joomla! utilise l'diteur TinyMCE42 dans la conguration par dfaut. TinyMCE est un projet open source indpendant, qui a tant de fonctions que vous pourriez crire un livre distinct son sujet.(Peut-tre pas une mauvaise ide) Il fonctionne essentiellement comme n'importe quel autre traitement de texte: vous crivez du texte, vous le slectionnez, puis vous cliquez sur une icne de la barre d'outils et la fonction est applique ou bien une bote de dialogue s'ouvre. Les boutons en dessous de la zone de saisie sont inhabituels et peuvent parfois prter confusion. Ces boutons sont spciques Joomla! et ont seulement une relation indirecte avec l'diteur. Le noyau de Joomla! offre cinq boutons supplmentaires trs pratiques. Vous pouvez ajouter d'autres boutons en ajoutant des extensions Joomla: 1. Article: Permet de faire un lien vers d'autres articles existants de votre site. 2. Image: Permet d'insrer une image ou une photo existante via le Gestionnaire de Mdias ou de charger une nouvelle image.

42 http://tinymce.moxiecode.com/

Mar 22, 2012

Page 74

Joomla! 2.5 - Le Guide Pour Dbutant 3. Saut de page: Permet d'insrer un saut de page dans votre article. 4. Lire la suite: Permet de stipuler l'endroit o placer le lien Lire la Suite Lire la Suite. 5. Basculer l'diteur: Active ou non l'diteur. Si l'diteur est dsactiv, vous verrez le code HTML de votre article.

4. Paramtres
Ici vous pouvez par exemple, spcier qui a crit l'article (Cr par). L'utilisateur qui a cr l'article a gnralement les autorisations et la responsabilit des modications ultrieurement l'article. Le nom d'utilisateur qui sera rellement afch en dessous du titre de larticle est congur dans Cr par Alias. Les trois champs en-dessous vous permettent de planier la publication. Entrez simplement les dates appropries et Joomla! prendra soin du reste.

5. Plus de Paramtres
Dans cette section vous pouvez congurer de nombreuses options en les activant/dsactivant. Vous pouvez modier la disposition de l'article pour rpondre aux besoins des lecteurs et des moteurs de recherche. Exprimentez ces rglages - c'est la meilleure faon d'apprendre.

6. Droits sur l'article


La sixime et dernire zone concerne les droits pour cet article. Cette slection va nous aider dans de nombreux endroits avec Joomla 2.5 et je vais traiter ce sujet dans le chapitre Utilisateurs et permissions.

EXEMPLE DARTICLE

Crons ensemble l'article type qui a t prsent ci-dessus: Un texte avec une ou plusieurs images

Il vous suft d'crire votre texte. Pour ajouter une ou plusieurs images, il y a de diffrentes possibilits: 1. L'image est dj disponible en ligne, par exemple sur Flickr43. Dans ce cas, cliquez sur l'icne dans la barre d'outils de l'diteur et copiez l'URL de l'image de la bote de dialogue. 2. L'image est dj dans le Gestionnaire de Mdias de Joomla!. Dans ce cas, cliquez sur le bouton image sous le texte pour slectionner l'image et l'insrer dans votre texte (Figure 4).

43

http://www.ickr.com/photos/hagengraf/5186325015/sizes/s/ Page 75

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 4: Insrer une image du Gestionnaire de Mdias


3. L'image est sur votre disque dur. C'est le cas le plus complexe. Vous utilisez galement le bouton image en-dessous du texte. Puis vous trouvez un dialogue de tlchargement l'aide duquel vous pouvez charger votre image "facilement". Rappelez-vous que Joomla!NE VA PAS redimensionner l'image. Si vous tlchargez une photo depuis votre appareil photo numrique, elle sera afche dans sa taille originale complte (largeur > 3000 pixels). Vous devez donc redimensionner l'image avant de la charger. Si tout va bien flicitations! Si cela ne fonctionne pas, cela peut tre d beaucoup de choses, comme l'absence d'autorisations dans les rpertoires du Gestionnaire de Mdias. Au mieux, vous obtiendrez un message d'erreur. Si cela ne fonctionne toujours pas, essayez de poster un commentaire ici. :-) Une fois que vous avez insr l'image dans le gestionnaire de mdias, vous pouvez la slectionner et la formater en cliquant sur l'icne image dans la barre d'outils de l'diteur. Une introduction de texte pour les vues en liste avec un lien Lire la suite vers l'article complet C'est facile. Dplacez le curseur sur la position laquelle le lien Lire la suite devrait apparatre et cliquez sur le bouton Lire la suite en-dessous de la zone de texte. Faire apparatre l'article sur la premire page sans avoir besoin d'aucun lien de menu

Mar 22, 2012

Page 76

Joomla! 2.5 - Le Guide Pour Dbutant Slectionnez Oui dans le champ En Vedette de la zone 2. Une publication planiee serait sympa vitez cela au dbut, de sorte que vous n'aillez pas attendre avant que l'article n'apparaisse sur votre site web :-). Si vous souhaitez l'essayer plus tard avec un autre article, il vous suft de remplir les champs Dbut de publication et Fin de publication avec les informations appropries ou de slectionner les dates en cliquant sur l'icne du calendrier. Une version imprimable de l'article Si vous ne savez pas o les paramtres globaux sont situs, jetez un il sur le chapitre Conguration du site et du contenu et vriez les paramtres actuels. Dans la zone 5, vous pouvez activer l'icne Imprimer pour qu'elle soit afche. Envoyer l'article par e-mail Rglez simplement les paramtres de la zone 5, et activez licne Show Email pour qu'elle soit afche.

RSULTAT
Aprs avoir sauvegard, vous pouvez actualiser votre site et vous verrez votre article sur la premire page comme dans la Figure 5.

Figure 5: Article on the frontpage

Mar 22, 2012

Page 77

Joomla! 2.5 - Le Guide Pour Dbutant

GESTIONNAIRE DES MDIAS

Le gestionnaire de mdias est un petit Systme de Gestion des ressources numriques 44 (Digital Asset Management System, DAM en anglais) de Joomla!. Si vous grez du contenu, vous aurez besoin d'un endroit pour stocker les chiers. Les chiers sont toutes les images, chiers PDF et tout ce que vous dcidez de mentionner dans votre contenu. Habituellement, ces ressources numriques comprennent les chiers et les mta-donnes associes. Dans ce cas, nous avons besoin d'un outil facile utiliser pour grer nos chiers. Jetons un oeil sur ce qu'il est possible de faire avec le gestionnaire de mdias de Joomla.

Comment a marche?

Pour moi, cela ressemble davantage un gestionnaire de chiers. Tout le monde connait l'Explorateur Windows ou le nder OSX. Dans Joomla, ils l'ont nomm le "media manager". Il possde un rpertoire de base o tous les chiers sont stocks. Vous pouvez regarder vos chiers de deux manires diffrentes, l'aide de votre navigateur : par une Vue des miniatures (Figure 1) et par une Vue Dtaille (Figure 2). Il est possible de naviguer dans les dossiers en cliquant dessus.

Figure 1: Media Manager - Vue des miniatures

Figure 2: Media Manager - Vue Dtaille


44

http://fr.wikipedia.org/wiki/Gestion_des_ressources_numriques Page 78

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant Vous pouvez crer autant de dossiers supplmentaires que vous le souhaitez. Dans la vue dtaille, vous pouvez supprimer des dossiers et des chiers. Vous trouverez la mme structure que dans l'administration de Joomla comme vous pouvez le voir dans votre client FTP (Figure 3), mais vous devez tre prudent: Dans le noyau Joomla, vous trouverez galement un rpertoire media. Ce rpertoire N'EST PAS l'emplacement du gestionnaire de mdias. L'emplacement du gestionnaire de mdias dans la structure de Joomla ! est le rpertoire images.

Figure 3: Rpertoire du gestionnaire de mdias dans le client ftp


Si vous regardez dans la barre d'outils vous dcouvrirez licne paramtres - Allez-y et cliquez dessus (Figure 4).

Figure 4: Media manager options


Mar 22, 2012 Page 79

Joomla! 2.5 - Le Guide Pour Dbutant Si vous allez dans les paramtres, vous remarquez que vous pouvez limiter les types de chiers par extension, la taille maximale d'un chier et vous pouvez sparer aussi les images des chiers. Bien, une image est aussi un chier, mais j'aime assez l'ide de les sparer. La vue comme miniatures, par exemple, fait beaucoup plus sens pour les images mais pas pour les autres chiers. Le plus grand avantage de cette sparation est la possibilit de limiter les tlchargements aux utilisateurs infrieurs au rle de manager. Vous pouvez permettre aux utilisateurs enregistrs de tlcharger des images mais vous n'tes pas obligs de les autoriser tlcharger d'autres chiers. C'est, dans certains cas, trs utile. Les prochaines options que vous voyez sont les types MIME 45, de nos jours souvent appels Internet Media Type. Si vous tes un utilisateur de Windows, vous avez l'habitude de distinguer diffrents types de chiers seulement par leur extension. Internet Media Type est une autre faon de reconnatre le type d'un chier sans mme une extension de chier. Vous pouvez permettre ou interdire autant de types de chiers que dsir. Le Flash Uploader (outil de tlchargement en Flash) est l'une des fonctionnalits les plus sophistiques qui est souvent oublie. Dans Joomla! 1.5, il ne fonctionnait pas toujours correctement, mais la version venir, depuis Joomla! 1.6 est excellent pour le tlchargement de plusieurs chiers la fois. Le Flash Uploader fonctionne de manire simple et facile utiliser, mme en 2.5 :)! Essayez-le!(Figure 5).

Figure 5: Media manager Flash Uploader


Comme vous le remarquez, se servir du gestionnaire de Mdias de Joomla n'est pas sorcier, c'est un outil able, facile utiliser pour grer vos images et autres chiers. Si vous avez besoin d'un produit plus sophistiqu, Joomla! propose d'autres solutions dans la categorie File Management46 du rpertoire d'extensions..

Gestionnaire de mdias et diteur

Maintenant vous connaissez l'emplacement de vos chiers, mais comment pouvez-vous vous arrangez pour les connecter votre contenu ?

45 46

http://en.wikipedia.org/wiki/Mime_type http://extensions.joomla.org/extensions/core-enhancements/le-management Page 80

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant Partout o vous voyez un diteur dans Joomla!, Il est gnralement possible d'ajouter des mdias partir du gestionnaire des mdias en cliquant sur le bouton image en-dessous. Nous en avons dj parl de lorsque nous avons cr un article type avec une photo (Figure 6).

Figure 6: Gestionnaire de mdias dans les zones de contenu

Gestionnaire de mdias dans d'autres endroits


Il y a d'autres endroits o le gestionnaire de mdias joue un rle, comme dans les catgories. Il est possible de lier une image une catgorie (Figure 7).

Figure 7: Gestionnaire de mdias dans une catgorie


Cette image apparatra dans la liste des catgories, si vous le congurer ainsi dans les paramtres d'lments de menu.

Mar 22, 2012

Page 81

Joomla! 2.5 - Le Guide Pour Dbutant


Advertisement

Mar 22, 2012

Page 82

Joomla! 2.5 - Le Guide Pour Dbutant

FORMULAIRE DE CONTACT

Avec un formulaire de contact, se pose la question suivante : "Est-ce du contenu?". Je pense que cela en est, c'est pourquoi j'ai rdig ce chapitre comme un sous-chapitre de la gestion des contenus. Sur un formulaire de contact, en premier lieu, il parait vident que quelque chose qui ressemble un CMS est utilis. Les pages HTML cres manuellemnt ne peuvent pas envoyer des emails car cela ncessite un langage de script comme PHP, par exemple, et un serveur congur. Des scripts PHP peuvent tre intgrs comme formulaires de contact dans des pages HTML, mais alors cette partie aura souvent un aspect diffrent que le reste du site. Dans Joomla le formulaire de contact est dj intgr et vous avez seulement le congurer. Habituellement, si votre Joomla s'excute sur un serveur web de votre fournisseur internet, vous n'aurez pas de problme avec l'envoi de mails. En local, c'est un peu plus difcile parce que vous auriez d'abord mettre en place un serveur de messagerie. Gnralement, ce n'est pas un problme et ce n'est pas vraiment ncessaire. ;-) Joomla! envoie des emails de diffrentes manires. Vous en avez un aperu Conguration Serveur (Figure 1). Naturellement, vous devez utiliser la fonction de mail qui est active en standard de PHP. (voyez le chapitre Conguration du site Web et du contenu).

Figure 1: Paramtres du serveur de mail

Cration d'un contact


An d'inclure un contact sur votre site, vous devez au moins avoir: une catgorie de contact un contact Mar 22, 2012 Page 83

Joomla! 2.5 - Le Guide Pour Dbutant un lien dans un menu Peut-tre avez vous toujours une catgorie partir des donnes d'exemple (Donne-exemple de contact). Si ce n'est pas le cas, allez-y et crez-en une. Dans la prochaine tape, vous allez crer un nouveau contact. Pour ce faire, ouvrez Composants Contacts dans votre zone d'administration et cliquez sur l'icne Nouveau. Remplissez ensuite le formulaire apparaissant (Figure 2). J'ai tiquet certaines zones de la capture d'cran pour une meilleure comprhension.

Figure 2: Crer un contact


1. Le nom et le prnom de la personne de contact, ou le nom du dpartement ou de la socit si ce n'est pas une personne. Le contact peut tre connect avec un compte utilisateur existant. Il doit tre affect une catgorie, doit tre public (tat = Publi) et vraisembablement ne pas apparatre sur la premire page (En vedette = non). 2. La zone de texte peut servir pour des renseignements supplmentaires, par exemple les heures d'ouvertures ou la comptence. 3. Les options de publication rapportent le nom de l'utilisateur qui a cr le contenu, de celui qui peut ensuite le modier ainsi que le calendrier pour la publication. Ce dernier est utilis plutt rarement pour les des sites Web dits normaux. 4. Dans les dtails de Contact, il y a plusieurs champs disponibles, que vous pouvez choisir de remplir ou laisser vide. 5. Dans les Options d'afchage, vous dcidez quels champs seront afchs. Cette zone est importante puisque vous spciez ici si un formulaire de contact sera afch ou non (Montrer Formulaire de contact). Vous pouvez galement spcier si l'expditeur doit recevoir une copie par courriel et vous pourrez Mar 22, 2012 Page 84

Joomla! 2.5 - Le Guide Pour Dbutant congurer certains paramtres de protection contre le spam (E-mail interdits, sujet interdits, etc). Cependant, contre les spammeurs rels , cette protection est plutt pathtique . 6. Dans le champ Redirection aprs envoi, vous pouvez entrer une autre adresse email laquelle le contenu du formulaire doit tre envoy. 7. Les Options Metadata sont, comme les Options d'ditions, disponibles sur chaque page (voyez le chapitre Optimisation pour moteur de recherche / SEO).

Cration d'un lment de menu

Vous avez maintenant cr un contact, mais ne voyez toujours aucun formulaire sur votre site web. C'est exactement ce que nous allons faire dans la prochaine tape. En raison du fait que vous pouvez lier des catgories imbriquables aux contacts, vous pouvez avoir soit un seul formulaire de contact unique soit en avoir plusieurs d'entre eux. Il est certainement possible de crer un formulaire de contact pour chaque employ d'une grande entreprise comme Volkswagen (env. 370 000 employs). Comment un tel CMS dynamique afche cela sur un site Web? Pour grer cela, Joomla! a son propre Gestionnaire de menus avec diffrentes mises en page. Dans le Gestionnaire de menus, vous dcidez si vous voulez avoir une liste de contacts ou de catgories ou tout simplement un formulaire de contact unique. A premire vue, cela peut sembler quelque peu droutant mais c'est bien pens et trs utile. Faisons un lien vers un formulaire dans le menu pour le contact que nous venons de crer. Ouvrez Menus - Top et cliquez sur l'icne Nouveau. Vous avez besoin de trois choses pour un lien de menu : 1. le Type d'lment de menu (type de lien) pour afcher le site et, selon votre choix, un contact ou une catgorie 2. un texte afch comme un lien 3. le menu, dans lequel le lien doit apparatre Pour le numro 1, cliquez sur le bouton Slection ct du champ Type de lien de menu. Une fentre s'ouvrira et vous verrez un choix de types. Cliquez sur Contact (Figure 3).

Mar 22, 2012

Page 85

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 3: Choix de types de menu


La fentre se fermera nouveau. Puisque vous voulez un seul contact, vous devez maintenant choisir le contact dans les Paramtres requis (Figure 4).

Figure 4: Choisissez un contact


Enn, insrer le texte du lien (Titre de menu) et puis sauvez tout. Le menu est dj enregistr correctement par l'ouverture du formulaire. Sur votre site, un lien supplmentaire dans le Menu Haut Mar 22, 2012 Page 86

Joomla! 2.5 - Le Guide Pour Dbutant devrait apparatre, li au contact correspondant (Figure 5). Vous pouvez obtenir le formulaire de contact rel en cliquant sur le signe plus dans le champ de droite. Maintenant, des messages peuvent tre envoys aux contacts par l'intermdiaire de votre site Web.

Figure 5: Contact sur le site

Figure 6: Formulaire de contact


Mar 22, 2012 Page 87

Joomla! 2.5 - Le Guide Pour Dbutant


Advertisement

Mar 22, 2012

Page 88

Joomla! 2.5 - Le Guide Pour Dbutant

Chapitre 8

Statuts, Corbeille et Verrous


Dans Joomla! votre contenu peut avoir plusieurs statuts. Selon le type de contenu il peut y avoir un minimum de trois statuts: publi, Non publi et la corbeille. Qu'est-ce que cela signie? Aprs avoir enregistr votre contenu tout frais pour la premire fois, il existe dans la base de donnes Joomla! et, selon son statut, il apparatra (ou pas) dans diffrents secteurs de votre site Web. Le cycle de vie habituel du contenu dans Joomla! est : 1. Non publi jusqu' ce que en ayez ni avec l'dition et la rvision 2. publi ou programm (et probablement En vedette sur la page d'accueil) 3. toujours publi mais peut-tre retir de la page d'accueil 4. archiv Parfois il est ncessaire de dpublier le contenu et parfois vous pouvez le mettre dans la poubelle. Le contenu lui-mme, bien sr, continuer exister. Il n'a pas t supprim. Vous pouvez ltrer la plupart des tables dans l'interface administration selon les statuts dsirs et attribuer des statuts diffrents votre contenu aussi souvent que vous le souhaitez.

NON PUBLI
Aucun visiteur du site Web ne peut voir le contenu. C'est la phase o vous ditez et vriez votre contenu.

PUBLI
Selon les permissions des utilisateurs et des visiteurs, ils pourront visualiser le contenu mais gnralement le contenu sur votre site Web devrait tre visible parce qu'il a t dit!

EN VEDETTE

La 'fonction' En vedette est une commande que vous pouvez utiliser pour votre contenu le plus important, le plus rcent et habituellement montr en page d'accueil. C'est un statut additionnel parce qu'il est seulement appropri aux articles. C'est pourquoi il est possible pour un article d'tre Non publi et En vedette.

ARCHIV

Il arrivera un moment o vous commencerez penser un archivage de vos articles. Il suft de dnir le statut comme archiv et vous avez presque cr une archive. Joomla! connat la date de cration Mar 22, 2012 Page 89

Joomla! 2.5 - Le Guide Pour Dbutant de vos articles et propose un module d'archivage pouvant tre afch sur votre site. Le module d'archivage est inclus dans les donnes d'exemple. Si il n'est pas disponible, il suft d'en crer un dans Modules Nouveau Articles Archivs. Vos articles seront alors afchs comme dans la Figure 1. Pour en savoir plus lisez le chapitre Modules.

Figure 1: Archive Joomla

Corbeille
Le dernier tat additionnel est "Dans la Corbeille". Si un lment de contenu nit l-haut, il continue d'exister et peut toujours tre rcupr. Vous pouvez placer des modules, des lments de menu, des catgories, des articles, des contacts et mme plus de contenu dans votre corbeille. Vous pouvez voir le contenu de votre corbeille en le ltrant (Figure 2). Dans la vue ltre, l'icne Corbeille se transforme en Vider la corbeille. C'est l'occasion d'en supprimer le contenu.

Figure 2: Corbeille
Mar 22, 2012 Page 90

Joomla! 2.5 - Le Guide Pour Dbutant In the ltered view the Trash icon changes to Empty trash. This is your opportunity to delete content.

Dverouiller

L'icone Dverouiller dans Joomla est un dispositif de scurit pour l'dition du contenu. Ds qu'un utilisateur dmarre l'dition de contenu, Joomla verrouille ce contenu pour tous les autres utilisateurs. L'avantage de ce comportement est que les modications ne peuvent pas tre crases par un autre utilisateur. C'est une fonctionnalit trs pratique. Un gros problme, cependant, apparat lorsque l'utilisateur ditant le contenu ferme la fentre du navigateur accidentellement, amne sa session expiration ou que la centrale lctrique s'arrte ou... vous voyez ce que je veux dire :-). Alors le contenu est verrouill et personne d'autre ne peut l'diter ! Personne d'autre (except un utilisateur avec la permission approprie, par exemple vous en tant qu'administrateur) ne peut dverouiller le contenu pour permettre d'autres de l'diter. Malheureusement, vous pourrez juste remarquer le contenu non coch avec un petit verrou afch prs du titre (Figure 2) ou suite un appel l'aide de l'un de vos utilisateurs :-).

Figure 3: Dverouiller

Mar 22, 2012

Page 91

Joomla! 2.5 - Le Guide Pour Dbutant


Advertisement

Mar 22, 2012

Page 92

Joomla! 2.5 - Le Guide Pour Dbutant

Chapitre 7

Structurez votre contenu l'aide des Catgories


Les articles Joomla! peuvent tre organiss. En gnral, la catgorisation est le processus pour reconnaitre, diffrencier et de comprendre quelque chose au moyen de l'abstraction. Cela peut paratre compliqu, mais s'avre trs utile lors de la gestion de nombreux articles. Joomla! vous offre la possibilit de crer autant de catgories que vous le souhaitez. Il est possible de construire des catgories imbriques puis de lier des articles n'importe laquelle de ces catgories. Les journaux, par exemple, utilisent les catgories pour mieux diffrencier leurs articles. Voici un exemple d'un Template Joomla!47 (Figure 1).

Figure 1: Gavick Template Dcembre 2009

47

http://demo.gavick.com/joomla15/dec2009/ Page 93

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant Ils utilisent la catgorie World News et sous cette catgorie, il y a des catgories supplmentaires comme Politics, World, War, Disasters et more. Parfois, deux niveaux sont sufsants comme dans cet exemple; parfois vous en avez besoin de plus. Avec Joomla 1.5 il tait impossible d'avoir plus de deux niveaux. Avec Joomla! 2.5 vous pouvez en avoir autant que souhait. Joomla! ne possde plus de sections seulement des catgories. Dans le Gestionnaire de Catgories (Administration Contenu Gestionnaire de Catgories), vous pouvez organiser votre arborescence de catgories et ltrer jusqu' 10 niveaux (Figure 2).

Figure 2: Gestionnaire de Catgories


Comme un article, une catgorie se compose d'un titre, d'une description et de nombreux autres attributs et options. Il peut y avoir une image supplmentaire qui peut tre utilise dans diffrentes congurations. L'image peut tre slectionne dans les paramtres. Une catgorie peut aussi contenir des images dans sa description (Figure 3).

Mar 22, 2012

Page 94

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 3: Formulaire d'dition d'une catgorie


Lorsque vous accdez votre site Joomla!, vous pouvez voir ces catgories dans les donnes d'exemple. La navigation utilise des liens vers les catgories pour afcher tous les articles et les souscatgories (Figure 4). Mme le l d'ariane rete cette structure.

Figure 4: Catgorie en liens de menu sur le site web


Dans le Gestionnaire de Menu (Administration Menu A propos de Joomla!), vous pouvez voir ces lments de menu, qui pointent vers les articles de la catgorie (Figure 5).

Mar 22, 2012

Page 95

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 5: Catgories comme liens de menu sur le site web


Vous pouvez choisir parmi diffrentes mises en page pour les articles. Dans la Figure 5, vous apercevez la disposition utilise pour chaque lien. Vous pourrez slectionner la mise en forme d'dition en ditant le formulaire des liens de menu (Figure 6). Possibilit de Mise en page: une liste de toutes les catgories un afchage en blog (comme la page daccueil) une liste de catgories Selon votre choix de mise en page, vous avez beaucoup d'options pour congurer l'apparence et le comportement des sous-catgories et articles.

Figure 6: Mise en page de catgories

Une liste de toutes les catgories


This layout lists all the sub categories from one chosen category (Figure 7).

Mar 22, 2012

Page 96

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 7: Mise en page de toutes les Catgories


Dans ce cas, la description de la catgorie se trouvant au plus haut niveau est afche. Un niveau de sous-catgories avec leurs descriptions est galement indiqu sur la page, mme pour les catgories vides. Les articles de la catgorie du premier niveau sont cachs. Exemple: Administration Menus A propos de Joomla! Extensions utilises Editer.

Un afchage en blog (comme sur la page d'accueil)


L'afchage en blog liste tous les articles venant d'une catgorie choisie (Figure 8).

Mar 22, 2012

Page 97

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 8: L'afchage en blog


Dans ce cas, la description de catgorie ComposantComposant sont afchs avec leurs textes d'introduction sur une colonne. Les sept premiers articles dans la catgorie du premier niveau sont cachs. Exemple: Administration -> Menus -> Composants -> Editer (Figure 9).

Figure 9: Paramtre Afchage en blog

Une liste de catgories


Mar 22, 2012 Page 98

Joomla! 2.5 - Le Guide Pour Dbutant L'afchage en liste d'une catgorie liste tous les articles d'une catgorie dans un tableau (Figure 10).

Figure 10: L'afchage en liste d'une catgorie


Dans ce cas, la description des catgories venant de la catgorie nome Joomla! sont afches. Tous les articles en rapport avec Joomla! sont afchs dans un tableau congurable. Vous pouvez choisir d'avoir une partie du tableau cach, et diffrentes options d'afchage sont disponibles. Exemple: Administration Menus Composants Articles d'une Catgorie en liste Editer.

Conclusion
Le systme de catgories est trs puissant et facile utiliser. Vous pouvez facilement structurer votre site web en utilisant un ensemble de catgories imbriques de faon trs conviviale. Un article peut tre assign une catgorie.

Mar 22, 2012

Page 99

Joomla! 2.5 - Le Guide Pour Dbutant


Advertisement

Mar 22, 2012

Page 100

Joomla! 2.5 - Le Guide Pour Dbutant

Chapitre 9

Conguration du site et du contenu


Joomla! a diffrents niveaux de paramtres de conguration. Ces paramtres sont transmis du niveau le plus haut au niveau le plus bas. Conguration Gnrale Paramtres pour articles, composants, modules, plug-ins, langues et templates

CONFIGURATION GNRALE
Dans la section Conguration Gnrale, vous pouvez dnir tous les paramtres valables pour l'ensemble du site. La plupart des valeurs des variables sont enregistres dans le chier conguration.php. Les informations vitales comme le nom d'utilisateur, le nom de la base de donnes, et le mot de passe pour le serveur de la base de donnes, par exemple, ainsi que le moindre des paramtres tel que la longueur pr-dtermine des listes afches sont stocks dans ce chier. La zone de travail est divise en quatre onglets: Paramtres Site Paramtres Systme Paramtres Serveur Droits Text Filter Settings La zone de travail de chaque onglet est compos de plusieurs dizaines de champs, cases cocher, commutateurs et zones de texte. La meilleure faon d'obtenir un aperu est de dplacer votre souris sur les tiquettes, et de lire le texte d'aide qui apparat dans une petite info-bulle jaune (Figure 1). Most of the options are self-explanatory. I'll mention a few settings that are new in Joomla 1.6 with greater detail.

Mar 22, 2012

Page 101

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 1: Info-bulle

Paramtres Site
Les paramtres Sites ont un nouveau champ pour le rglage du niveau d'accs par dfaut pour les nouveaux utilisateurs. La conguration du niveau d'accs est une nouvelle fonctionnalit (regardez le chapitre Utilisateurs et permissions) et la page afcher lorsque le site est hors-ligne est maintenant congurable avec un message personnel ainsi qu'une image. Les paramtres de Mtadonnes contiennent l'option d'ajouter les donnes de Droits Lgaux. Joomla! va ajouter vos donnes dans la meta-dclaration rights de votre code HTML. Selon votre religion en ce qui concerne l'optimisation pour moteur de recherche (SEO), il est bon ou mauvais d'avoir cette dclaration dans votre prol meta. Dsormais, Joomla! offre les deux possibilits
<meta name="rights" content=" 2011 cocoate.com EURL, France" />

Figure 2: Paramtres Site


Mar 22, 2012 Page 102

Joomla! 2.5 - Le Guide Pour Dbutant Dans les paramtres SEO, les nouvelles options sont: alias Unicode Vous dnissez des alias pour les titres d'article. Avec cette fonctionnalit, les URL comme http:// example.com/ sont possibles. Inclure le Nom du Site dans le Titre des Pages Avec cette option, le titre apparaitra dans la barre de titre de votre navigateur. Les paramtres Cookie sont une caractristique merveilleuse pour valuer un cookie sur diffrents sous-domaines... Vous aurez besoin de ce rglage si vous avez un site (exemple.com) et un ou plusieurs sous-domaines (blog. exemple.com) et que vous souhaitez offrir vos utilisateurs la possibilit de se connecter sur exemple.com et de poster sur blog. exemple.com. Sans cette option, l'utilisateur devra se connecter nouveau pour poster sur blog. exemple.com.

Paramtres Systme

Les paramtres mdia et utilisateur ne sont plus dans cette zone. Vous les trouverez dsormais dans le Gestionnaire Utilisateurs et le Gestionnaire Media. Les paramtres du cache sont diffrents car le systme cache de base t rcrit et propose plus de possibilits. En gnral, un cache rend vos sites plus rapides en stockant des parties de HTML dans des chiers. Le serveur web peut dlivrer ces chiers trs rapidement. Il est possible d'activer le cache sur les pages, les vues de composants et les modules. Vous pouvez purger et nettoyer le cache dans Site Maintenance.

Paramtres Serveur
Tous les paramtres Serveur sont les mmes que dans Joomla 1.5. Nanmoins, je mentionnerais l'option Forcer SSL. Cette option attire de plus en plus d'attention. Vous pouvez offrir vos utilisateurs un trac entirement scuris. Il est ncessaire d'avoir SSL congur dans votre serveur web et vous aurez besoin d'un certicat SSL.

Figure 3: Paramtres Systme SSL


Mar 22, 2012 Page 103

Joomla! 2.5 - Le Guide Pour Dbutant

Droits

Voici l'endroit o dnir vos autorisations globales pour vos groupes d'utilisateurs. Heureusement, il n'est pas toujours ncessaire de modier les paramtres par dfaut. Si vous modiez le paramtre pour un groupe, il s'appliquera tous les sous-groupes, composants et contenus. Fondamentalement, vous autorisez, refusez et faites hriter les droits Connexion au Site, Connexion l'administration, Super Administrateur, Ofine-Access, Accs aux Composants, Crer, Supprimer, diter, diter les tats et diter ses. Chaque groupe a son propre ensemble d'autorisations (Figure 4).

Figure 4: Paramtres des Droits

Filtres de texte
Les Filtres de texte sont un concept, qui vous permet de rechercher, dans le texte contribu, des formes comme les balises HTML et les ltrer (Figure 5). Il est possible de dnir des ltres diffrents pour les diffrents groupes. Disons qu'un utilisateur enregistr est autoris crire du texte avec des balises HTML l'intrieur mais sans iframe. Seul votre groupe individuel iframers a le droit d'afcher les iframes! Ces ltres sont actifs pour le contenu de l'ensemble du site.

Mar 22, 2012

Page 104

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 5: Filtres de textes

Mar 22, 2012

Page 105

Joomla! 2.5 - Le Guide Pour Dbutant


Advertisement

Mar 22, 2012

Page 106

Joomla! 2.5 - Le Guide Pour Dbutant

Chapitre 10

Templates
Le template est une des pices les plus importantes d'un site Web. Il donne l'apparence, le design. Il encourage les nouveaux visiteurs rester sur votre site et l'explorer. Les visiteurs rguliers et les utilisateurs apprcient d'tre sur un site avec un design superbe et pratique. Pensez d'autres produits, par exemple. Une voiture a besoin d'un bon moteur et de pneus, mais l'une des motivations les plus importantes l'achat est souvent le design. Mme si la conception n'est pas la raison principale, c'est souvent un lment dclencheur pour envisager d'acheter et peut faire considrer un acheteur des raisons plus tangibles. Si le design est bien fait, les gens s'attendent ce que le reste, aussi, soit bien fait (Figure 1, Figure 2)!

Figure 1: Voiture avec stickers (Richardmasoner CC BY-SA 2.048)

Figure 2: Voiture rouge (FotoSleuth CC BY-SA 2.0 49)


48 49

http://www.ickr.com/photos/bike/201402884 http://www.ickr.com/photos/51811543@N08/4978639642 Page 107

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant Ces deux voitures sont faites pour diffrents groupes cibles. Ce sont des exemples de diffrentes approches dans la conception. La conception de sites Web est un peu comme de l'artisanat. Possder des comptences techniques comme HTML, CSS, JavaScript, PHP, retouche d'image et autres est impratif. Joomla n'est qu'un outil de plus dans votre bote outils. Un bon template n'est pas seulement des couleurs et du graphisme. La forme et le positionnement du contenu est tout aussi important. Le site doit tre convivial et able. Pour tout dire, ce d me rappelle encore les deux voitures. La conception de site Web est encore une profession jeune. Un web designer doit souvent faire face une faible bande passante, des navigateurs incompatibles, des diteurs de contenu inexpriments et d'autres personnes impliques dans le processus de cration d'un bon site. La cration d'un site web Joomla! est souvent un processus dans lequel toute personne implique apprend beaucoup. La bonne conception web est un travail difcile. :-)

JOOMLA! ET LES TEMPLATES

Joomla! est connu pour sa qualit et sa simplicit. Dans Joomla! une page simple est gnre par le rsultat en HTML d'un composant, plusieurs modules et le template. Chaque page est accessible via une URL unique. Prenez la page d'accueil comme exemple. Le composant com_content produit la sortie en HTML pour les articles dans le milieu (Figure 3). Les blocs ct des articles sont diffrents modules. Vous pouvez combiner la sortie HTML d'un composant avec la sortie HTML de n'importe quel nombre de modules. Des modules existants peuvent galement tre rutiliss sur d'autres pages.

Mar 22, 2012

Page 108

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 3: Page d'accueil Joomla!

POSITIONS
Vous devez savoir, bien sr, quel point vous pouvez assigner des modules tout. A cet effet, chaque template fournit ce qu'on appelle des positions . Pour voir ces positions, vous devez activer le bouton: Prvisualisez la position des modules (Extension Gestion des templates Paramtres). Aprs cela, vous pouvez accder votre site Web en utilisant le paramtre tp=1 (http://localhost/index.php?tp=1). Vous verrez les positions de module souligns et leurs noms (Figure 4). Sinon, vous les apercevrez aussi en cliquant sur l'icone qui a maintenant change ct du nom du template dans (Extension Gestion des templates Paramtres) Dans Extensions Gestion des modules vous pouvez assigner une de ces positions un module. Si vous avez besoin du module diffrentes positions, vous pouvez galement le copier (Figure 5).

Mar 22, 2012

Page 109

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 4: positions des Modules

Figure 5: Icone de prvisualisation


Mar 22, 2012 Page 110

Joomla! 2.5 - Le Guide Pour Dbutant

TEMPLATES DE BASE

Joomla! est livr avec trois templates de sites et deux templates d'administration. Vous pouvez en avoir un aperu dans Extensions Gestion des templates Onglet Templates (Figure 6).

Figure 6: Templates pour le site


Le Template Atomic est un exemple de ce quoi ressemble un template de base. Dans le chapitre Crer un nouveau template partir d'Atomic, Nous utiliserons ce template comme base pour crer notre propre template. Le template Beez5 est la Version html 5 de Beez2. Pour l'Administration, aussi, un autre template est disponible (Figure 7)

Figure 7: Templates admin


Mar 22, 2012 Page 111

Joomla! 2.5 - Le Guide Pour Dbutant

STYLES

Les styles sont une nouvelle fonctionnalit depuis Joomla ! 1.6. Ils offrent la possibilit de crer et d'utiliser des versions diffrentes d'un template. Un template a un style au minimum. Dans ce style, des congurations peuvent tre faites selon le template, comme changer les couleurs ou le tlchargement de logo d'en-tte. Vous pouvez dnir le style de votre site par dfaut dans Extensions Gestionnaire de template Styles. Vous pouvez ltrer entre les Styles site et administration en choisissant l'emplacement. Le template par dfaut Beez2 est livr avec deux styles prdnis: default et Parks Site. Vous pouvez crer des styles supplmentaires en les copiant. Chaque style peut tre assign un lment de menu. Si vous souhaitez un fond vert sur votre site lorsque les utilisateurs cliquent sur l'lment de menu A, par exemple, et un fond bleu quand ils cliquent sur l'lment de menu B, vous pouvez assigner les styles correspondants (Figure 8).

Figure 8: Attribuer un style un lment de menu


Vous en trouverez d'avantage sur les templates dans le chapitre Travailler avec les templates.

Mar 22, 2012

Page 112

Joomla! 2.5 - Le Guide Pour Dbutant

Chapitre 11

Navigation

Photo: http://www.ickr.com/photos/62904109@N00/5214296452 CC BY 2.0


Tous les sites ont besoin d'un moyen de navigation facile, car sans cela, il serait difcile pour les utilisateurs de trouver ce qu'ils recherchent. Cela peut paratre simple mais ce n'est pas facile faire. Dans un monde parfait, il devrait tre possible d'accder n'importe quelle page sur un site en deux ou trois clics. Un autre fait est que, souvent, sinon toujours, vos visiteurs arrivent via un moteur de recherche ou via les rseaux sociaux et atterrissent n'importe o sur votre site mais par sur votre page d'accueil. C'est la raison pour laquelle vous devez penser avoir un bouton accueil sur chaque page! Un site web a souvent un systme de navigation principal et un secondaire. La navigation principale est gnralement en haut ou sur l'un des cots gauche ou droit. La navigation secondaire se situe quant elle dans le bas ou le haut de la page mais gnralement en plus petit que la navigation principale. Elle contient des liens comme contact, propos de nous et les mentions lgales. L'ide derrire cela est d'avoir ces liens sur le site mais pas dans une position trs importante. En rgle gnrale, ne mettez pas plus de quatre huit liens dans un niveau de navigation.

FIL D'ARIANE (BREADCRUMBS)

Mar 22, 2012

Page 113

Joomla! 2.5 - Le Guide Pour Dbutant Un Fil d'Ariane est une aide la navigation. L'origine de ce terme vient de la mythologie grecque et d'un l qu'Ariane aurait offert Thse50 pour l'aider sortir d'un labyrinthe. Gnralement, le l d'Ariane se positionne horizontalement dans le haut de la page web. Deux structures sont utilises: afchage des liens vers chaque page sur laquelle l'utilisateur est pass pour se rendre la page actuelle Afchage des pages parentes de la page actuelle Les Fils d'Ariane sont des moyens pour empcher que les visiteurs se sentent perdus sur votre site. Idalement, les visiteurs doivent toujours savoir o ils sont sur le site et comment revenir en arrire. Joomla! fournit un module Fil d'Ariane pour cette tche, et la majorit des templates ont une position spcique pour ce module (Figure 1).

Figure 1: Fil d'Ariane

MENU JOOMLA
La navigation Joomla! est cre par ce que l'on appelle les menus. Vous pouvez crer autant de menus que vous le souhaitez sur votre site. Chaque menu peut contenir n'importe quel nombre de sous menus, et vous pouvez mme les ltrer par niveaux. Un lment de menu est assign un composant ou une URL externe. Les styles de module ou de template peuvent tre assigns aux lments de menu. Dans les donnes d'exemple, quelques menus pralablement crs sont afchs. Jetons un coup dil deux exemples de navigation principale avec des pages statiques et des catgories dynamiques.

PREMIER EXEMPLE: UN CATALOGUE STATIQUE OU UNE STRUCTURE


LIVRE
50

http://fr.wikipedia.org/wiki/Ariane_(mythologie) Page 114

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant Parfois vous avez besoin d'une navigation pour un livre, un catalogue ou un guide. Vous trouverez cette conguration dans les donnes d'exemple avec le menu A propos de Joomla. Prenons l'exemple que nous crivons un petit livre compos de trois chapitres. La navigation devrait tre lie toutes les pages et ressembler la gure 2.

Figure 2: Structure statique de livre

Prparation
Crer une structure de livre avec quelques chapitres. Le livre Joomla! Introduction Contenu Comment Utiliser A Comment Utiliser B Templates Avant de crer des lments de menu, vous devez d'abord crer des articles (pages) individuels. Allez dans Contenu Gestion d'Article Nouveau (Figure 3). Vous pouvez assigner la catgorie Non-catgoris ces articles ou crer une catgorie livre et l'assigner.

Mar 22, 2012

Page 115

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 3: Six chapitres de livre

Etape 1 Crer le menu


Vous pouvez utiliser un menu existant pour vos liens principaux ou vous pouvez en crer un en accdant Menus Gestion des menus Nouveau et remplir le formulaire (Figure 4).

Figure 4: Ajouter un nouveau menu

Etape 2 Crer des lments de menu


Allez dans Menus Liens principaux et ajoutez les six articles en lien. Choisissez Article comme Type d'lment de Menu. Slectionnez l'article et entrez un Titre de Menu (Figure 5). Si vous ne vous souvenez plus comment faire, jetez un oeil au chapitre: Comment crer une page "A propos de nous".

Mar 22, 2012

Page 116

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 5: Liens de menu Principaux

Etape 3: crer et assigner le module


Cette tape est un peu dlicate. Vous avez maintenant les articles, les menus et les liens de menu mais vous aurez galement besoin d'un module placer sur votre site. Continuons et crons le. Allez dans Extensions Modules Nouveau puis remplissez le formulaire. Dans le champ Menu afcher dans Options de base, choisissez Liens principaux. Slectionnez Oui dans le champ Afcher tous les liens (Figure 6).

Figure 6: Module Liens Principaux


Mar 22, 2012 Page 117

Joomla! 2.5 - Le Guide Pour Dbutant La dernire tape est la position dans le template. Cliquez sur le bouton Selectionnez la position ltrez pour le Beez_20 et choisissez la position-4. Sauvez tout, et vous avez ni.

Figure 7:Slection de position de template

SECOND EXEMPLE: LIENS SUR LES CATGORIES (NEWS MAGAZINE)


Il est possible de crer un lien vers quelques pages comme dans le premier exemple, mais que ferezvous si vous avez des milliers d'articles. La rponse est simple avec Joomla! 2.5: Construire une structure avec des catgories, assigner les articles et les lier une mise en page catgorie.

Prparations
Nous aurons besoin de quelques catgories avec des articles: News World Africa Europe Technology Mar 22, 2012 Page 118

Joomla! 2.5 - Le Guide Pour Dbutant Internet Cars Crez-les ou utilisez des catgories dj existantes Vous pouvez lire: (Structurez votre contenu l'aide des Catgories

ETAPE 1: LE MENU
C'est vous de dcider comment continuer. Le plus simple est d'utiliser les Liens pricipaux du menu existant. Mais si vous voulez, vous pouvez crer un menu News, comme moi.

ETAPE 2: LES LMENTS DE MENU

Lorsque vous traitez des catgories vous devez penser ce qui devrait tre afch aprs que vous ayez cliqu sur le lien. Le comportement attendu dans notre cas est Catgorie News = Toutes les nouvelles devront tres afches Catgorie News World = Nous voulons seulement les News World et ainsi de suite (Figure 8).

Figure 8: Elment de menu dans le menu News


Pour obtenir le rsultat attendu, crez un lment de menu avec comme Type Blog d'une Catgorie. Dans Paramtres requis, choisissez votre nouvelle catgorie News. Dans Options d'afchage du Blog, choisissez Inclure les sous-catgories Tout et #Articles complet = 0.Continuez crer des lments de menu imbriqus pour chaque catgorie supplmentaire et vous avez termin (Figure 9).

Mar 22, 2012

Page 119

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 9: Options de Catgorie


Maintenant, vous pouvez grer des milliers d'articles. Votre navigation est prte pour que vos visiteurs comprennent le systme immdiatement (Figure 10).

Figure 10: Article dans une structure de catgorie

Quelques ajustements
Comme vous l'avez vu, il y a des possibilits presque innies de paramtrage. Beaucoup de choses sont ralisables et il est gnralement possible d'atteindre vos objectifs. En ce qui concerne la conception Mar 22, 2012 Page 120

Joomla! 2.5 - Le Guide Pour Dbutant de navigation, vous pouvez ltrer le niveau des lments de menu dans le module. Il est possible, par exemple, de mettre le premier niveau de notre menu News la position menu-haut et le niveau des deuxime et troisime dans la barre latrale gauche ou droite l'ensemble du menu en haut et l'utilisation de menus droulants (selon les capacits du template) En faisant quelques essais, vous trouverez une solution pour presque tous les cas. Le systme de navigation de Joomla! peut paraitre un peu complexe, mais il est trs puissant. .

Mar 22, 2012

Page 121

Joomla! 2.5 - Le Guide Pour Dbutant

Chapitre 12

Utilisateurs et permissions
Les visiteurs essayent simplement d'utiliser le site web Joomla! que vous avez fait pour eux de manire active ou passive. Plus agrable est l'exprience, mieux le site sera peru. Joomla! - comme tous les CMS fait une diffrence entre les visiteurs et les utilisateurs enregistrs avec des autorisations diffrentes. Les visiteurs arrivent en gnral via un moteur de recherche ou une recommandation sur un mdia social et peuvent ensuite devenir enregistrs. Les utilisateurs dj enregistrs, pour la plupart, savent ce qu'ils cherchent et viennent sur votre site avec certaines attentes. Plus votre site aura d'utilisateurs, plus la question utilisateurs et permissions sera complexe. Dans les versions prcdant Joomla 1.6, il y avait un systme statique constitu de groupes d'utilisateurs, les permissions et les niveaux d'accs ne pouvaient pas tre changs. Avec Joomla 2.5, l'ancien systme existe toujours et constitue la conguration par dfaut d'un systme trs puissant appel access control list (ACL) 51. Chaque accs au site sera valu par un groupe de permissions, mme pour l'accs d'un visiteur. Aprs s'tre enregistr sur votre site web Joomla!, l'utilisateur deviendra automatiquement un membre d'un groupe de permissions. Le groupe dispose d'autorisations prdnies et appartient un Niveau d'accs. Un Niveau d'accs peut avoir n'importe quel nombre de groupe de permissions. Un groupe peut avoir n'importe quel nombre d'utilisateurs/visiteurs. Les autorisations peuvent tre transmises et modies plusieurs endroits. Commenons par jeter un oeil la procdure d'enregistrement.

INSCRIPTION ET CONNEXION

Le premier processus d'enregistrement dans le cycle de vie de votre site Web a t complt par l'installation de Joomla!. Dans la dernire tape il vous a t demand un nom d'utilisateur, une adresse e-mail et un mot de passe. La personne qui a install Joomla! est maintenant le Super Utilisateur, qui a la permission de tout faire sur le site. C'est pourquoi chaque site Joomla! doit avoir au moins un compte utilisateur. Il revient ce seul utilisateur de modier le comportement du site dans Utilisateurs - Gestion des Utilisateurs - Paramtres (Figure 1).

51

http://en.wikipedia.org/wiki/Access_control_list Page 122

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 1: Paramtres Utilisateur


On your Joomla site, you can create as many users as you would like. You can also allow visitors to register themselves. Depending on the their permissions, users can create their own content and/or view content that has been created for them in particular.

Paramtres Utilisateur
Le formulaire de paramtres Utilisateur comporte trois onglets: Composants Dans cette zone, vous pouvez congurer, si vous le souhaitez, un formulaire d'inscription sur votre site. Une des nouvelles caractristiques depuis Joomla 1.6, est la possibilit de prdterminer un groupe d'utilisateurs par dfaut. Envoi d'Emails en nombre Il est possible d'envoyer des emails en nombre vos utilisateurs. Dans cet onglet, vous pouvez congurer les paramtres de messagerie statiques. Droits Dans cet onglet, vous pouvez grer les paramtres de permission pour chaque groupe d'utilisateurs.

Connexion
Les visiteurs peuvent s'enregistrer sur votre site web Joomla! via un module de connexion, qui peut tre positionn sur le site (Figure 2).

Mar 22, 2012

Page 123

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 2: Module de connexion


Ce module peut tre congur avec de nombreuses fonctionnalits supplmentaires comme un texte personnalis, un cryptage SSL, et une redirection connexion/dconnexion. Jetez un oeil Extensions Gestion des modules (Figure 3).

Figure 3: Options du module de connexion


L'avantage du formulaire, qui est fourni avec le module de connexion, c'est qu'il n'y a aucune ncessit pour l'utilisateur de cliquer sur un lien avant que le formulaire n'apparaisse. Si ce comportement n'est pas ncessaire ou si vous ne souhaitez pas avoir le formulaire de connexion en tant que module, vous pouvez galement le crer via un composant. Pour cela, vous avez juste crer des lments de menu avec les types souhaits (Figure 4).

Mar 22, 2012

Page 124

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 4: Type d'lments de menu pour utilisateurs

Champs de prol supplmentaires


Dans le pass, il tait seulement possible d'avoir des champs supplmentaires dans le formulaire d'inscription par le biais de linstallation d'extensions complmentaires. An de rpondre cette demande et de connecter les donnes des utilisateurs l'lment de contact, le noyau de Joomla! 2.5 est quip d'un plug-in appel utilisateur prol. Dans Extensions -> Gestion des plug-ins, vous pouvez activer et congurer le plug-in (Lisez galementContact). Ce module fournit plusieurs champs supplmentaires, mme une option Conditions d'utilisation que les utilisateurs devront accepter au cours du processus d'inscription en cochant une case (Figure 5).

Figure 5: Champs de prol supplmentaires

GROUPES D'UTILISATEURS
Mar 22, 2012 Page 125

Joomla! 2.5 - Le Guide Pour Dbutant L'ide d'un groupe d'utilisateurs ACL est de crer des ensembles d'autorisations au niveau du contrle d'accs Joomla!. Cela ne doit pas tre mlang avec d'autres fonctions disponibles grce des extensions additionelles qui permettent aux utilisateurs de s'organiser en groupes d'intrts spciaux. "Si vous souhaitez devenir auteur sur notre site, vous aurez besoin des permissions suivantes." Au lieu d'attribuer ces autorisations chaque utilisateur, elle sont affectes un groupe. L'utilisateur individuel est alors attribu un ou plusieurs groupes. Imaginez que vous ayez 10 000 utilisateurs dans 4 groupes diffrents. Il est facile pour l'administrateur de modier les autorisations pour chacun des groupes. Sans les groupes, vous auriez changer manuellement chaque compte d'utilisateur alors qu'avec l'utilisation des groupes, vous n'avez changer les permissions qu'une seule fois! Dans Joomla 2.5, vous pouvez crer autant de groupes d'utilisateurs que vous le souhaitez. Dans Gestion des Utilisateurs -> Groupes, vous pouvez voir un aperu de tous les groupes qui sont dans le noyau Joomla! (Figure 6).

Figure 6: Groupe d'utilisateurs


Le rglage par dfaut est le mme qu'il tait pour Joomla 1.5. Si cette structure vous convient, il n'est pas ncessaire de changer quoi que ce soit.

Permissions par dfaut pour le groupe d'utilisateurs du frontend du site:

Groupe Enregistr Un utilisateur enregistr peut se connecter, diter ses propres contributions et accder certaines parties du site interdites aux utilisateurs non-enregistrs. Groupe Auteur L'auteur peut faire tout ce que l'utilisateur enregistr peut faire. Un auteur peut galement crire un

Mar 22, 2012

Page 126

Joomla! 2.5 - Le Guide Pour Dbutant article et modier son propre contenu. Gnralement, il y a un lien dans le menu utilisateur pour faire ceci. Groupe Rdacteur Le rdacteur peut faire tout ce que l'auteur peut faire. Un rdacteur peut galement crire et diter tous les articles qui apparaissent sur le frontend. Groupe Editeur L'diteur peut faire tout ce que le rdacteur peut faire. Un diteur peut galement crire des articles et modier chaque lment d'information qui apparat sur le frontend. En outre, un diteur peut dcider si les articles sont publis ou non.

Permissions par dfaut pour le groupe d'utilisateurs du backend du site:


Groupe Gestionnaire Un gestionnaire peut crer du contenu et voir diverses informations sur le systme. Il n'est pas autoris : Grer les utilisateurs Installer des modules et des composants Passer le statut d'un utilisateur en super utilisateur ou modier un super utilisateur Travailler sur l'lment de menu Site | Conguration Envoyer des Emails en nombre tous les utilisateurs Changer et/ou dsinstaller les templates et les chiers de langues Administrateur Un administrateur n'est pas autoris : Passer le statut d'un utilisateur en super utilisateur ou modier un super utilisateur Travailler sur l'lment de menu Site | Conguration Envoyer des Emails en nombre tous les utilisateurs Changer et/ou d-installer les templates et les chiers de langues Super Administrateur ou Super Utilisateur Cet utilisateur est autoris excuter toutes les fonctions dans ladministration Joomla!. Seul un Super Utilisateur peut ajouter un nouveau Super Utilisateur.

NIVEAUX D'ACCS
Les groupes d'utilisateurs peuvent tre assigns des niveaux d'accs. Nous avons donc un utilisateur connect un groupe, et les groupes relis un niveau d'accs (Figure 7, Figure 8) Mar 22, 2012 Page 127

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 7: Niveaux d'accs

Figure 8: Groupes relis un niveau d'accs

Pourquoi des niveaux d'accs?


Comme nous l'avons vu, les niveaux d'accs sont un faisceau de groupes. Avec la combinaison de permissions de groupe et niveaux d'accs, tous les cas d'utilisation deviennent possibles. Dans un article, par exemple, vous pouvez limiter laccessibilit un niveau d'accs (Figure 9).

Mar 22, 2012

Page 128

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 9: Niveau d'accs dans un article


Une telle fonctionnalit est ncessaire an de limiter l'accs au contenu et aux fonctions des grandes organisations ou pour supporter un site e-commerce, ou d'abonnements, bass sur un site Joomla!. Le systme ACL de Joomla! n'est pas seulement disponible pour le contenu Joomla! ou les fonctions de bases, mais galement utilisable pour les extensions Joomla!. Par exemple Community Builder et d'autres solutions de gestion des adhsions peuvent proter de cette fonctionnalit ACL amliore.

NOTES D'UTILISATEUR
Vous pouvez crer des notes avec des dates d'examen pour chaque utilisateur (Figure 10). Il est possible de regrouper les notes des utilisateurs dans les catgories. Cette fonctionnalit vous permet de congurer un processus de workow, par exemple, pour l'examen des comptes d'utilisateurs. Il est possible de trier les notes des utilisateurs par date de rvision (Figure 11).

Mar 22, 2012

Page 129

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 10: Notes d'utilisateur

Figure 11: Liste de notes d'utilisateur

ENVOI D'E-MAILS EN NOMBRE AUX UTILISATEURS


Vous souhaitez parfois envoyer des messages par mail tous vos utilisateurs. Vous voulez, d'autres fois, envoyer ces messages seulement certain(s) groupe(s) de vos utilisateurs ou seulement ceux qui ont accs l'administration du site. Envoyer ces mails est toujours un peu dlicat. Personne ne souhaite tre un SPAMMEUR et personne ne souhaite recevoir de SPAM, soyez donc prudent! An d'utiliser le composant d'envoi d'E-mails en nombre , vous devez congurer Joomla ! pour envoyer des E-mails dans Conguration Serveur Rglages E-mail. Vous pouvez ensuite congurer le Prxe de l'objet et le Sufxe du message dans Utilisateurs Envoi d'e-mails en nombre: paramtres. L'interface utilisateur du composant d'envoi d'emails en nombre est facile comprendre. Vous pouvez choisir le groupe d'utilisateurs qui doit recevoir l'e-mail. Depuis Joomla ! 1.7 il est possible de dcider si les utilisateurs dsactivs (bloqus) peuvent recevoir le courrier ou non. Vous pouvez dterminer si les sous-groupes d'utilisateurs devraient galement recevoir les emails, Si le courriel est au format html ou texte brut, et si tous les destinataires sont lists dans l'Email ou marqus comme CCI (Blind Carbon Copy). Le message possde une ligne "sujet" ainsi qu'un corps de page. Vous pouvez utiliser le HTML mais aucun diteur WYSIWYG n'est fourni (Figure 12).

Figure 12: Mass mail form


Mar 22, 2012 Page 130

Joomla! 2.5 - Le Guide Pour Dbutant Stocker des E-mails en nombre dans Joomla! n'est pas possible. Aprs avoir rempli le formulaire, cliquez sur l'icne envoyer. Les mails ont dsormais t envoys.

Mar 22, 2012

Page 131

Joomla! 2.5 - Le Guide Pour Dbutant

Chapitre 13

Gestion des extensions


Il y a beaucoup de choses dans le paquet de base de Joomla. Des mots comme composants, modules, plug-ins, templates et languages dont vous avez dj entendu parler auparavant. En plus de ces parties bien connues, Joomla se compose aussi de parties qui le sont moins comme bibliothques (libraries) et packages. Les composants, modules, plugins et languages supplmentaires sont catalogus dans le JED: Joomla extension directory. Joomla n'a aucun dpot centralis pour les templates et les bibliothques. La raison en est simple. Les bibliothques sont mises au point en dehors du projet Joomla et beaucoup ont galement t utilises par d'autres projets open source. Les templates sont quelque chose de trs individuel et sont donc disponibles sur les sites Web de leurs concepteurs. Un rpertoire central pour les templates serait utile l'avenir. Avec le gestionnaire d'extensions, entirement rcrit, vous pouvez installer, mettre jour, dcouvrir et grer les extensions directement depuis votre administration de Joomla.

GESTION DES EXTENSIONS


Jetons un coup d'oeil l'ensemble de vos 122 extensions installes dans Extensions Gestion des Extensions Gestion. Vous pouvez ltrer cette liste selon divers paramtres. Certaines extensions sont protges. Votre installation Joomla risquerait de ne plus fonctionner si vous avez dsinstall ces extensions protges (Figure 1). Dans cette zone vous pouvez activer, dsactiver et dsinstaller des extensions. Activation et dsactivation fonctionnent exactement comme un interrupteur. Vous commutez simplement l'extension sur on et off, toutes les donnes connexes sont toujours conserves. Si vous dsinstallez une extension, elle sera supprime. Souvent les extensions, habituellement des composants, crent des tables de bases de donnes supplmentaires lors de l'installation. C'est selon la routine de dsinstallation de composant, que ces tables seront supprims ou non pendant la dsinstallation. Vriez le manuel ou le chier readme l'avance pour viter les surprises. La dernire icne dans la barre d'outils est l'icne du cache. Chaque extension est capable de garder des donnes en cache. Vous pouvez effacer cette mmoire cache distinctement pour chaque extension.Si votre site Joomla attire beaucoup de visiteurs et que vous ne voulez pas effacer le cache entier pour des raisons de performances, vous pourriez avoir besoin de cette fonction.

Mar 22, 2012

Page 132

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 1: Table with all installed extensions


Si vous ltrez la liste de libraries, vous trouverez ces quatre articles avec le numro de version correspondant: Joomla Application Famework, qui est la Plate-forme Joomla sur laquelle le CMS Joomla! 2,5 est bas. Toutes les autres extensions sont construites sur ce framework. PHPMailer 52 est une classe crite en PHP pour envoyer des emails. Elle est utilise dans le composant de messagerie. SimplePie 53 est une classe, crite en PHP pour grer les ux RSS et Atom feeds. Elle est utilise dans le composant newsfeeds. phputf854 est une Bibliothque de fonctions UTF-855 mettant en miroir les propres fonctions de chanes de PHP. Vous pouvez avoir une ide de ce que cette bibliothque fait en lisant UTF-8 and PHP56.
52 53 54 55 56

http://phpmailer.worxware.com http://simplepie.org/ http://sourceforge.net/projects/phputf8/ http://en.wikipedia.org/wiki/UTF-8 http://www.phpwact.org/php/i18n/utf-8 Page 133

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant Si vous ltrez la liste par paquets, vous ne trouverez rien dans Joomla!. Si vous installiez une langue autre que l'anglais, vous trouverez ce paquet de langue l.

MISE JOUR DES EXTENSIONS


Dans ce domaine, les extensions tierce et mme la version de Joomla ! sont listes. Ici, vous pouvez vrier les mises jour d'extension disponibles disponibles en cliquant sur l'icne Rechercher des mises jour. Si Joomla ! trouve une mise jour d'extension et que vous souhaitez mettre jour automatiquement, slectionnez l'extension que vous souhaitez mettre jour et cliquez sur l'icne Mise jour. Le processus est entirement automatique et vous allez recevoir des messages et des conseils, en fonction de l'extension, pendant que cela se met jour.

INSTALLATION D'EXTENSIONS

Vous pouvez installer les extensions de trois faons diffrentes (Figure 2):

Figure 2: Installing extensions


Archive transfrer Si vous avez tlcharg un chier zip contenant une extension Joomla sur votre PC local, vous pouvez utiliser cette option pour tlcharger et l'installer. Installer depuis un dossier Si vous avez tlcharg dans sur votre serveur un dossier contenant une extension dzippe, vous pouvez utiliser cette option pour installer votre extension.

Mar 22, 2012

Page 134

Joomla! 2.5 - Le Guide Pour Dbutant Installer depuis une adresse URL Si vous connaissez l'URL d'un chier zip qui contient une extension Joomla !, vous pouvez utiliser cette option pour tlcharger, extraire et l'installer sur votre site.

DCOUVRIR LES EXTENSIONS

Parfois les choses se passent mal pendant le procd d'installation, comme cause de dossiers qui sont trop grands, de permissions n'tant pas donnes correctement ou pour d'autres raisons tranges. Dans cette zone, Joomla ! essaye de trouver des extensions qui ne sont pas installes, mais qui existent nanmoins dans le rpertoire du chier. Si une ou plusieurs extensions sont dcouvertes, vous pouvez les installer directement. En utilisant l'opration de dcouverte, vous pouvez installer plusieurs extensions en mme temps!

AVERTISSEMENTS
Les messages d'erreurs lies aux installations et aux mises jour apparaissent dans cette zone. Si vous ne pouvez pas rsoudre le problme par vous-mme, googlisez le texte du message, vous pourrez gnralement trouver une solution ou au moins quelques conseils.

Mar 22, 2012

Page 135

Joomla! 2.5 - Le Guide Pour Dbutant

Chapitre 14

Extensions intgres
Comme nous l'avons dj vu dans le gestionnaires d'extensions, le pack Joomla 2.5 contient beaucoup d'extensions intgres. Nous en avons dj essay quelques unes d'entre elles. En tant qu'utilisateur de site Web, vous ne vous tes probablement jamais pos la question du fonctionnement des extensions que vous rencontrez partir du moment o celles ci fonctionnent. En tant qu'administrateur, cependant, vous devez savoir exactement ce qui se passe. Nous avons dj regard plusieurs extensions Joomla! comme l'extension content, qui vous permet d'crire et de grer les articles ainsi que de les publier de diffrentes manires sur le site. L'extension user s'applique aux utilisateurs, l'extension category aux catgories et ainsi de suite. Dans les chapitres suivants, je vais couvrir la fonctionnalit d'extensions supplmentaires qui font partie du noyau de Joomla!. Dans le menu Composant, vous devez voir Bannires, Contacts, Messagerie Prive, Fils d'actualit, Redirection, Recherche, Recherche avance et Liens web. Nous allons jeter un oeil ces composants, y compris aux modules et Plugins qui leur sont lis. Nous nirons par l'un des plus gros morceaux, l'Envoi d'e-mails en nombre du composant User qui vous permet d'envoyer des mails en masse tous les utilisateurs.

Mar 22, 2012

Page 136

Joomla! 2.5 - Le Guide Pour Dbutant

BANNIRES

Le composant bannires donne la possibilit d'afcher des bannires publicitaires sur votre site. Une bannire peut contenir des graphiques ou du code HTML personnalis. Chaque fois qu'une page de votre site est visite, une bannire diffrente est afche partir de votre bannire d'administration. Vous pouvez cliquer sur ces bannires et elles sont lies au site du client. Le composant bannire propose une administration client, catgorie, et bannire ainsi que des analyses dtailles. Je vais vous guider travers un exemple concret et complet dans ce chapitre. Si vous souhaitez vendre de la publicit sur votre site, vous aurez besoin de trois choses: des clients, des bannires et des pages sur votre site web pour afcher ces bannires. Oh, j'ai oubli une chose. Vous aurez aussi besoin de trac (visites) sur votre site. Plus vous aurez de trac mieux a sera. Selon les termes des contrats que vous avez avec vos clients, vous aurez peut tre galement besoin d'un aperu de suivi comportant toutes les impressions et tous les clics. Commenons avec le client. Je vis dans une zone touristique et les entreprises locales veulent faire la publicit de leurs services. Joomla! permet des contrats annuels, mensuels, hebdomadaires, quotidiens et illimits. Vous pouvez congurer le type de contrat par dfaut dans Composants -> Bannires -> Paramtres. Mon client souhaite payer une redevance mensuelle pour apparatre sur toutes les pages avec trois diffrentes bannires en rotation. J'ajoute le client dans Composant -> Bannires -> Clients -> Nouveau puis je remplis le formulaire (Figure 1).

Figure 1: Ajouter un client


Avant de pouvoir crer des bannires individuelles, je dois premirement crer une catgorie. Les catgories sont trs utiles parce que plus tard dans le module bannires, je pourrai choisir partir de quel client et de quelle catgorie une bannire doit tre afche (Composants -> Bannires -> Catgories). Je suis libre de choisir la taille de chaque bannire, mais normalement vous allez utiliser les formats de bannires standards du web. (Figure 2)

Mar 22, 2012

Page 137

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 2: Tailles standard des bannires sur le webs


Le client souhaite avoir trois bannires leaderboard (728 x 90 pixels). Je vais les crer dans Composants -> Bannires -> Bannires. Je choisis la catgorie et le client, charge la bannire et remplis la taille. Dans les Options de Publication je peux congurer de nombreuses options, par exemple, les dates de dbut et de n de publication de la bannire. Ceci est particulirement utile pour les plans de souscription limite dans le temps. Il y a aussi une option pour rinitialiser le nombre de clics et d'impressions (Figure 3, Figure 4).

Mar 22, 2012

Page 138

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 3: Formulaire d'ajout de Bannire

Figure 4: Bannires dans l'administration


L'tape suivante consiste crer et / ou activer un ou plusieurs modules de bannires. Pour chaque taille de bannire j'ai besoin d'un module. Dans mon cas, toutes les bannires sont de la mme taille, donc un module sufra. Je vais dans Extensions -> Modules et utilise le ltre pour trouver Bannire Bannire. Pour le moment, il n'y a rien ici, donc je cre un module en cliquant sur l'icne Nouveau. Selon le Template, je dois choisir la position. Dans mon cas je choisis la position-12 du template Beez2. La bannire apparatra alors au-dessus du contenu. Dans les paramtres de base vous pouvez congurer de nombreuses autres choses. Il est galement possible d'afcher le module dans votre contenu (pour cela, lisez le chapitrer Modules).

Mar 22, 2012

Page 139

Joomla! 2.5 - Le Guide Pour Dbutant La Slection des mots cls est une caractristique intressante. Quand elle est utilise, la bannire sera afche lorsque des mots cls de la bannire (dnis dans la bannire) et les mots cls de la page (dnis dans l'article et d'autres endroits) correspondent. Une autre option pour contrler la visibilit du module et des bannires est le Menu d'Assignement. Une caractristique trs importante est la possibilit d'crire en en-tte et / ou en pied de page. Dans certains pays les publicits doivent tre annonces (Figure 5).

Figure 5: Module Bannire


La bannire va dsormais apparatre sur votre site. Selon la conguration et la quantit de bannires, une bannire diffrente apparatra chaque fois que vous actualiserez la page. La bannire elle-mme est lie au site Web du client et si vous dplacez la souris sur l'image, une info-bulle avec le titre de la bannire sera afche (Figure 6).

Mar 22, 2012

Page 140

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 6: Bannire sur le site


Si le rglage a t fait correctement, toutes les impressions et les clics sur la bannire seront dsormais suivis par le composant bannire. Ce suivi peut tre visualis dans Composant - Bannires - Suivi. Vous pouvez ltrer par dates, clients, catgories et types (clics ou impressions) (Figure 7).

Figure 7: Suivi des Bannires

Mar 22, 2012

Page 141

Joomla! 2.5 - Le Guide Pour Dbutant

CONTACTS

Tout site web a besoin d'un formulaire de contact. Selon l'utilisation du site vous pouvez parfois avoir besoin d'un seul formulaire, parfois de plusieurs. S'il s'agit d'un site web pour une entreprise avec plus d'un dpartement, chaque dpartement peut souhaiter avoir son propre formulaire de contact. Peut-tre souhaitez vous afcher un formulaire de contact pour chaque employ ou chaque compte d'utilisateur. Tout cela peut tre ralisable en utilisant le Composant Contact de Joomla!. Comme nous l'avons dj vu (voir le chapitre Formulaire de Contact), il est assez facile de mettre en place un simple formulaire de contact. Il suft de crer un contact, l'assigner une catgorie et de crer un lment de menu.

EXEMPLE

Si plusieurs formulaires de contact sont ncessaires, vous devez penser la structure suivante. Comme pour les catgories d'article, il est possible d'assigner des catgories de contact pour les lments de menu. En consquence, vous verrez une liste de contacts attribus cette catgorie. Si vous cliquez sur le nom ou le titre de ces contacts, vous verrez plus de dtails et le formulaire lui-mme. J'ai essay diffrents scnarios avec le composant contact et les possibilits sont tonnantes. Comme partout dans Joomla 2.5, vous avez la possibilit de crer des catgories imbriques ainsi que diffrents types de menu. Dans les paramtres (Composants Contact Paramtres), vous pouvez, par exemple, congurer l'apparence du formulaire de contact (Calques, Onglets, Non-format) et rgler un nombre important de paramtres supplmentaires. titre d'exemple, j'ai cr une zone de contact pour notre entreprise, avec trois formulaires de contact pour les diffrents types de demandes de renseignements et un formulaire de contact pour chaque membre de l'quipe. En cliquant sur les liens, le formulaire de contact et des dtails supplmentaires apparaissent (Figure 1).

Mar 22, 2012

Page 142

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 1: Zone de contact


Pour cet exemple, j'ai cr deux catgories: cocoate and quipe. La catgorie quipe est une souscatgorie de cocoate. Il aurait t possible d'ajouter une image et une description, mais j'ai dcid de remplir le champ titre uniquement (Figure 2).

Figure 2: Catgories de Contact


Pour chaque formulaire de contact j'ai besoin d'un contact avec une adresse E-mail. Les contacts peuvent tre assigns des utilisateurs ou en tre spars. Dans ce cas, j'ai cr trois contacts lis la catgorie cocoate sans les assigner un utilisateur. J'ai aussi cr deux contacts lis la catgorie team qui sont galement assigns des comptes utilisateurs existants (Figure 3).

Mar 22, 2012

Page 143

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 3: Contacts
Si l'une des donnes devait changer, comme un numro de tlphone, par exemple, il serait bien que les utilisateurs concerns puissent faire ces changements directement partir de leur prol utilisateur sans passer par la zone d'administration. Pour cela, Joomla! fournit le plug-in Utilisateur-Prol. Il vous suft de l'activer dans Extensions Plug-ins. Dans le prol utilisateur, une nouvelle zone est afche pour les champs de prol, et est relie l'lment de contact.

Mar 22, 2012

Page 144

Joomla! 2.5 - Le Guide Pour Dbutant

MESSAGERIE

La messagerie est un composant de base 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 congurer le composant dans Composants -> Messagerie -> Mes paramtres. Vous pouvez congurer le systme pour pouvoir tre prvenu par e-mail chaque nouveau message, supprimer les messages aprs un nombre x de jours, et aussi verrouiller votre bote de rception.

Mar 22, 2012

Page 145

Joomla! 2.5 - Le Guide Pour Dbutant

FILS D'ACTUALIT

Les Fils d'actualit sont vraiment pratiques. Il est possible de souscrire diffrents types d'actualits et d'informations. Malheureusement, aujourd'hui encore, pour des raisons inexplicables, les gens ne les utilisent pas souvent. Il y a trente ans vous deviez acheter et lire un journal pour connatre les News. Il y a quinze ans vous deviez ouvrir votre navigateur et visiter les Sites Web un un pour connatre les News. Aujourd'hui, vous pouvez toujours faire ces deux choses mais il est galement possible d'utiliser un agrgateur de ux. Google's reader57 ainsi que la barre de signets dynamiques de votre navigateur (par exemple Firefox) sont trs populaires. Le composant Fil d'actualit de Joomla! est galement un agrgateur. Pas aussi sophistiqu que Google Reader, mais galement trs utile. Le composant Fil d'actualit vous permet de collecter des lments provenant d'autres sites et de les publier sur le votre. Aujourd'hui, dans un monde de mdias sociaux, chacun d'entre nous possde probablement des dizaines de comptes utilisateurs. Souvent vidos et images sont stockes sur youtube.com et ickr.com. Dans une entreprise, la situation est cependant plus complexe. Imaginez la quantit d'informations disponibles pour un l d'actualit sur un sujet comme Joomla! ou concernant votre entreprise.

Un l d'actualit sur votre site


Dans l'exemple suivant, nous souhaitons crer un l d'actualit sur notre site. Je vais essayer de rassembler tous les morceaux qui sont crs autour de notre entreprise et de les lister dans un tableau. Nous avons un compte Vimeo pour nos vidos, un compte ickr pour les images, plusieurs comptes Twitter et ce n'est pas tout ;-) Pour commencer, je cre une nouvelle catgorie appele cocoate dans Composants Fil d'actualit Catgories and ainsi qu'une nouvelle entre dans Composants Fil d'actualit Fil d'actualit (Figure 1). Le seul problme est souvent de trouver le Fil d'actualit. Par exemple, le Fil d'actualit de nos vidos ressemble a: http://vimeo.com/cocoate/videos/rss. Le Fil d'actualit de nos photos sur Flickr est lui plus compliqu (http://api.ickr.com/services/feeds/photos_public.gne?id=17963290@N00&lang=enus&format=rss_200. Dans les options de publication, vous devez entrer le nombre d'entres du l que vous voulez montrer et le nombre de secondes avant que le cache ne soit actualis. Joomla! ne stocke que la quantit d'articles que vous avez congur dans son cache. C'est un dtail important car dans certains pays, il n'est pas autoris de stocker le contenu d'un ux public dans votre base de donnes.

57

http://www.google.com/reader Page 146

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 1: Une srie de Fils d'actualit


Enn, vous devez crer un lment de menu dans le menu de votre choix. Le composant Fil d'actualit est fourni avec trois congurations diffrentes: Liste des catgories de ls d'actualit Liste des ls d'actualit d'une catgorie Fil d'actualit Je choisis la seconde car toutes mes actualits sont dans la mme catgorie. Sur le site, Joomla! intgre mes ls, par exemple, le l de mes vidos Vimo (Figure 2)

Figure 2: Donnes du Fil d'actualit

Mar 22, 2012

Page 147

Joomla! 2.5 - Le Guide Pour Dbutant Lorsque vous crez un l de nouvelles, vous pouvez, entre autre, congurer dans les Options d'afchage si vous souhaitez afcher l'image du l ou pas. Vous pouvez aussi limiter le nombre de caractres afcher. Cette fonctionnalit est trs utile si le l contient des articles plus longs ou si vous utilisez le module d'Afchage de l. Vous pouvez en crer un Extensions -> Modules -> Nouveau. Voici en exemple le l d'actualit du New York Times (http://feeds.nytimes.com/nyt/rss/HomePage). Congurer le module en position-4 et choisissez les Paramtres par dfaut (Figure 3).

Figure 3: Module de l d'actualit


Le rsultat sur la page web ressemblera la Figure 4.

Figure 4: Module de l d'actualit sur le site web


Mar 22, 2012 Page 148

Joomla! 2.5 - Le Guide Pour Dbutant

REDIRECTIONS

Le Gestionnaire de redirection est une ide magnique. Il redirige les visiteurs sur une page valide lorsqu'ils entrent une url qui nexiste pas sur votre site. Une url qui existait, par exemple, auparavant et qui a t indexe par un moteur de recherche ou ajoute sur un autre site. 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 pas, Joomla! va afcher la page 404 - not found et simultanment crer une nouvelle entre dans le gestionnaire de redirection. Quand vous accdez au Composant Redirection, vous pouvez voir ces liens (Figure 1). Le plugin Systme -> Redirection doit tre activ dans Extensions Plugins.

Figure 1: Gestionnaire de redirection


Vous pouvez maintenant diter les liens pour ajouter une nouvelle url de redirection. La prochaine fois qu'un visiteur tombera sur une url inexistante, le composant assurera la redirection vers la nouvelle adresse. Vous pouvez crer des redirections vous mme si vous avez conscience de lexistence d'anciennes urls qui ne fonctionnent plus. Le composant utilise le systme de rcriture du serveur web. Actuellement, seul Apache, avec un systme mod_rewrite activ, est support. Dans Site Information Systeme Vous pouvez voir quel serveur web vous utilisez. (Figure 2)

Figure 2: System Information


Mar 22, 2012 Page 149

Joomla! 2.5 - Le Guide Pour Dbutant Si votre serveur web est Apache renommez le chier htaccess.txt en .htaccess. Dans certains cas, renommer ce chier n'est pas possible car il commence par un point. J'utilise mon client ftp ou shell pour renommer le chier (Figure 3). Dans le cas o vous utilisez Internet Information Server, renommez le chier web.cong.txt en web.cong et installez le module IIS Rewrite avant de l'activer.

Figure 3: .htaccess
Afterwards, go to Global Conguration Site SEO Settings Use URL rewriting and switch it to Yes (Figure 4).

Figure 4: Global Conguration - Site

Mar 22, 2012

Page 150

Joomla! 2.5 - Le Guide Pour Dbutant

RECHERCHE

Les visiteurs de votre site s'attendent pouvoir faire des recherches dans votre contenu.

Joomla! utilise la recherche texte intgral. Texte intgral signie que Joomla! recherche tous les mots cls que vous entrez dans le champ de recherche directement dans la base de donnes. Cela peut sembler vident pour la plupart des gens, mais a ne l'est pas. Beaucoup de 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 des liens. La recherche, base sur un index, est plus rapide que la recherche texte intgral, mais l'indice doit tre mis jour chaque changement sur le site; sinon le nouveau contenu ne peut pas tre trouv. An de compenser l'avantage de performance d'une recherche base sur un index, Joomla! est hautement congurable.

Analyse de terme de Recherche

Pour obtenir un premier aperu de ce que les visiteurs recherchent sur votre site vous devez activer les statistiques des recherches (Composants Recherche Paramtres: Recueillir les statistiques des recherches Oui).Alors, tous les termes seront lists dans Composants -> Recherche. N'oubliez pas de cliquer sur Afcher les rsultats de recherche (Figure 1).

Figure 1: Statistiques de Recherche

Interface utilisateur
Vous pouvez choisir entre une bote de recherche apparaissant sur diffrentes pages de votre site web ou un lien vers un formulaire de recherche. L'extension de recherche fournit un module de recherche et une mise en page de recherche d'lments de menu. Le module de recherche est activ par dfaut et la majorit des templates possde un emplacement spcial pour ce module. Il offre de nombreuses options, y compris la conguration du texte des boutons ainsi que la largeur de la bote. Une caractristique supplmentaire depuis Joomla! 2.5 est la possibilit d'ajouter une recherche Joomla! pour la recherche

Mar 22, 2012

Page 151

Joomla! 2.5 - Le Guide Pour Dbutant par dfaut des navigateurs. Le module de recherche Joomla! propose le format OpenSearch (Wikipedia58) (Figure 2).

Figure 2: Module de recherche


La page des rsultats de recherche se compose d'un formulaire de recherche plus dtaill dans le haut de la page ainsi des rsultats de recherche en-dessous (Figure 3).

58

http://fr.wikipedia.org/wiki/OpenSearch Page 152

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 3: Page des rsultats de recherche


L'utilisateur peut congurer les paramtres de recherche (Tous les mots, N'importe quel mot, Phrase exacte) et changer l'ordre dans lequel les rsultats sont afchs. La recherche peut galement tre limite diffrents lments de contenu comme articles and catgories.

Derrire la scne
Vous tes en mesure de congurer la recherche dans les plu-gins de recherche existants. Regardez dans Extensions -> Gestionnaire de Plug-ins et ltrez par type search (Figure 4).

Figure 4: Plug-ins de Recherche


Pour chaque case cocher Rechercher seulement dans dans le formulaire de recherche il y a un plug-in. Vous pouvez changer l'ordre des plug-ins, les activer ou les dsactiver. Vous pouvez aussi congurer quelques options pour chaque plug-ins, par exemple, rechercher dans les articles archivs ou non. Chaque extension supplmentaire installe peut contenir un plug-in de recherche et s'intgrer dans le processus de recherche. Avec cette structure de recherche base sur les plug-ins, le composant de recherche Joomla! est facile utiliser et facile tendre!

Mar 22, 2012

Page 153

Joomla! 2.5 - Le Guide Pour Dbutant

RECHERCHE AVANCE

La recherche avance est une nouvelle fonctionnalit de Joomla 2.5.

Elle ajoute "un plus" au composant de recherche du noyau de Joomla!, elle est plus exible et plus rapide. Elle possde galement un complment automatique et la fonctionnalit "Vouliez-vous rechercher" (Racinisation). Racinisation? Racinisation, en anglais, par exemple, peut identier la chaine de caractres "cats" (et galement "catlike", "catty" etc.) base sur la racine "cat", et "stemmer", "stemming", "stemmed" est bas sur "stem". Un algorithme de racinisation rduit les mots "shing", "shed", "sh", et "sher" la racine, "sh" (Wikipedia)59. Le pack Joomla! de base possde une Racinisation anglaise appele Snowball Stemmer (Composant-> Recherche Avance -> Paramtres). La Racinisation anglaise fonctionne toute seule, la Snowball stemmer a besoin de l'extension PHP Stem et apporte 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 indexes dabord an d'apporter vitesse et exibilit.

ACTIVATION
La recherche avance est dsactive par dfaut. Pour l'activer, vous devez activer le plug-in de Contenu - Indexation de recherche ainsi que les cinq Plug-Ins nder. Le nom nder vient de la base de ce composant. C'tait un composant extrieur qui a t intgr dans le noyau de Joomla! (Figure 1).

Figure 1:Plug-in Finder

INDEXATION
59

http://en.wikipedia.org/wiki/Stemming Page 154

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant Le contenu doit tre index d'abord pour que la recherche avance fonctionne. Ceci est fait automatiquement lors de l'enregistrement de contenu. L'indexation initiale peut tre faite dans Composant -> Recherche avance -> Indexer (Figure 2)

Figure 2: Indexing

PERSONNALISATION
Aprs avoir index et activ la recherche avance, vous devez dcider si vous souhaitez l'utiliser via le module de Recherche avance et/ou le Lien Recherche dans la Navigation. Dans les deux cas, vous aurez les fonctionnalits complment automatique et Racinisation (Vouliez-vous rechercher) (Figure 3, Figure 4)

Figure 3: Complment automatique


Mar 22, 2012 Page 155

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 4: Racinisation
Vous avez plusieurs paramtres disponibles pour utiliser les recherches prdnies. Vous trouverez un rsum dans la documentation Joomla60.

SUPPRIMER LA RECHERCHE CLASSIQUE DE JOOMLA!


Pour supprimer la recherche classique de Joomla Dsactivez ou supprimez tous les modules de type recherche (Extensions -> Modules -> Filtrez par type Recherche) Dsactivez ou supprimez tous les plugins de type recherche (Extensions -> Plug-Ins -> Filtrez par type Search) Supprimez tous les liens de menu dirigeant vers le composant de recherche

60

http://docs.joomla.org/Smart_Search_conguration_options Page 156

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant

LIENS WEB

Avec le composant Liens web, vous pouvez crer une liste de liens ou une section de tlchargement que vous pouvez intgrer dans votre site web. Pour ce faire, Joomla! utilise un systme de catgories imbriques et compte les clics individuels sur chaque lien. Ce composant est trs utile pour les catalogues de liens. Crez autant de catgories et autant de liens dont vous avez besoin, puis connectez les deux en assignant les catgories. Ajoutez un lien de menu, choisissez une mise en page et congurez les paramtres. Le composant Liens web fournit trois types de mise en page: Liste des liens de toutes les catgories, Liste des liens d'une catgorie et Proposer un lien web. Nous avons dj vu les deux premires mises en page dans articles et catgories. En utilisant le troisime, vous pouvez impliquer vos utilisateurs dans la cration d'un catalogue commun. Crez un lment de menu 'Proposer un lien web' dans le menu membre et rglez les droits dans Composants Liens web Paramtres pour permettre aux utilisateurs de crer des liens. La zone de Paramtres comporte six onglets de conguration. Les donnes d'exemple comportent un catalogue de lien (Figure 1).

Figure 1: Catalogue de liens


Dans le gestionnaire de module, vous trouverez un module Liens web, qui permet d'afcher les liens d'une catgorie sur votre site web.

Mar 22, 2012

Page 157

Joomla! 2.5 - Le Guide Pour Dbutant

Chapitre 15

Modules
Un module est un lment de contenu qui peut tre positionn cot d'un article. Un menu, par exemple, est un module. Le petit bloc d'enregistrement situ sur la gauche est galement un module. Vous pouvez crer autant de modules, dots de fonctions pratiques, que vous souhaitez, et les positionner dans des zones prdnies de votre template. Les modules sont des lments de design dans chaque template. La plupart du temps, les modules de recherche et le l dAriane ont une position prdnie prdnie dans le template. C'est galement le cas pour le module de navigation dans la zone den-tte, souvent appele position top.

SIMILARITS ENTRE TOUS LES MODULES


Tous les modules ont un titre qui peut tre afch ou non en en-tte, une position dans un template, un bouton pour publier le module, un ordre d'index pour le tri des modules afchs dans la mme position, gnralement utiliss dans les barres de cot, une fonction de programmation avec une date de dbut et de n, l'option d'tre assign une langue, an de n'apparaitre que lorsque les utilisteurs slectionneront cette langue (regardez le chapitre: Site multilingue) l'option d'ajouter une note au module le mme systme d'assignement de menu que dans les templates. Vous pouvez limiter l'apparence du module.

Options avances

Dans les Options avances, vous pouvez

choisir partir des diffrents types de mise en page de template, si celui-ci vous offre cette possibilit. ajouter un Sufxe de classe, qui ajoutera un texte la classe CSS du module. C'est trs pratique pour les styles individuels.

Mar 22, 2012

Page 158

Joomla! 2.5 - Le Guide Pour Dbutant utiliser le systme de cache en l'activant ou non, et rgler un temps au bout duquel le module sera ractualis

MODULES INTGRS
Le pack Joomla! 2.5 contient 24 types diffrents de modules. Je vais les lister par ordre alphabtique et les dcrire rapidement. (Les descriptions viennent en partie de l'aide Joomla!). Nous avons dj utilis le module Articles archivs dans le chapitre Statuts, Corbeille et Verrous, qui afche une liste de mois avec les liens des articles archivs. Afchage en liste de catgories afche une liste des catgories d'une catgorie parente. Afchage en liste d'articles afche une liste d'articles d'une ou plusieurs catgories. Flash d'information afche un nombre dni d'articles d'une ou plusieurs catgories. Vous pouvez congurer l'ordonnancement, le nombre d'articles, le lien "en savoir plus" et beaucoup plus. Le Module Articles en relation afche d'autres articles en relation avec l'article afch. Les relations sont faites l'aide des mots cls attribus aux articles. Tous les mots cl de l'article afch sont compars avec lensemble des mots cls des autres articles publis. Par exemple, vous pouvez avoir un article "Perroquets d'levage" et un autre "Cacatos noir". Si vous incluez le mot cl "Perroquets" dans les 2 articles, alors le Module Articles en relation va lister l'article "Cacatos noir" quand l'article "Perroquets d'levage" sera afch et vice versa. Le module Bannire afche les bannires actives, nous avons dj vu cela dans le chapitre Bannire. Le module Fils de navigation afche un l de navigation, nous l'avons vu dans le chapitre Navigation. Le module Contenu personnalis vous permet d'crire votre propre code HTML et de l'afcher dans une position de module approprie. Dans les Options de base, ce module possde le trs utile Plug-in de contenu. Joomla! offre la possibilit d'appliquer des fonctions supplmentaires pour le contenu des articles, comme email cloaking, via le mcanisme plug-in. Si vous activez le Plug-in de contenu, le contenu HTML que vous ajoutez au module sera trait comme le contenu de n'importe quel article. Le module Fils d'actualit permet l'afchage d'un l de syndication. Nous l'avons utilis dans le chapitre Fil d'actualit. Le module Copyright de Joomla! afche les informations copyright de Joomla!. Vous tes autoris le dsactiver, mais vous tes galement invit le garder sur votre site web! Le module Changement de langue est nouveau depuis Joomla! 1.6 - Il afche une liste des langues disponibles pour la commutation entre les contenus. Pour en savoir plus, regardez le chapitre Site Multilingue.

Mar 22, 2012

Page 159

Joomla! 2.5 - Le Guide Pour Dbutant Le module Derniers articles afche une liste des articles rcents. Les options de ltres sont: par catgorie, auteur et articles en vedette. Le module Derniers inscrits afche les derniers utilisateurs inscrits. Vous pouvez afcher des liens vers les prols de ces utilisateurs, limiter leur nombre et vous pouvez choisir les diffrentes informations afcher sur ces utilisateurs. Le module Connexion afche un formulaire (nom d'utilisateur et mot de passe) . Il afche galement un lien pour retrouver un mot de passe perdu. Si l'enregistrement des utilisateurs est activ (Gestionnaire d'utilisateur Paramtres), un autre lien sera afch pour permettre aux utilisateurs de s'enregistrer. Il est possible, par exemple, d'ajouter un texte supplmentaire au formulaire, pour rediriger vos utilisateurs aprs la connexion ou la dconnexion, et pour crypter les identiants, le formulaire utilise SSL, qui doit tre fourni par le serveur web. Le module Menu est un conteneur, qui afche les lments de menu d'un menu existant. Un menu peut consister en des lments de menu imbriqus. Vous pouvez ltrer ces lments par le niveau de dbut et de n, par exemple, tous les liens du deuxime et troisime niveau. il est galement possible de dcider de l'afchage ou non des sous-menus. Le module Articles les plus consults afche une liste des articles publis les plus consults. Vous pouvez ltrer par catgorie et choisir le nombre d'articles afcher. Le module image alatoire afche alatoirement des images d'un rpertoire choisi. En gnral, vous utiliserez le gestionnaire de mdia pour stocker ces images. Vous pouvez congurer le type de chier image, une URL de redirection si les images sont cliques et vous pouvez choisir la hauteur et la largeur des images. Cependant, faites attention avec la dernire option. Joomla! ne retouche pas les images originales; il rgle juste les attributs de la balise img. Le module Recherche afche une boite de recherche. Vous pouvez congurer la prsentation de la boite, la position et le texte du bouton. Nous avons dj couvert le module de recherche dans Recherche. Le module Recherche avance est une alternative du module Recherche et afche une boite de recherche. Il offre, en plus des paramtres du module Search, la capacit dnir des ltres. Nous avons dj vu le module Recherche avance dans le chapitre Recherche Avance. Le module Statistiques afche des informations sur votre installation serveur, des statistiques sur les utilisateurs du site, le nombre darticles dans votre base de donnes ainsi que le nombre de liens web que vous fournissez. Le module Lien de ux cre un l de syndication pour la page o le module est afch. Il afche une icne. Vous pouvez entrer un texte qui sera afch prs de l'icne et choisir le format de ux (RSS 2.0, Atom 1.0). Mar 22, 2012 Page 160

Joomla! 2.5 - Le Guide Pour Dbutant Le module Liens web afche des liens web d'une catgorie dnie dans le composant Liens Web. Le module Qui est en ligne ? afche le nombre le nombre d'utilisateurs inconnue (par exemple invits) et d'utilisateurs enregistrs (ceux connects) qui sont actuellement sur le site. Le module Fentre intgre afche une fentre dans une zone prdnie. Vous congurez l'URL o le site externe est situ, rglez Barre "de dlement" sur non, dnissez la largeur et la hauteur et donnez l'iFrame un nom de cible.

Mar 22, 2012

Page 161

Joomla! 2.5 - Le Guide Pour Dbutant

Chapitre 16

Plug-Ins
Un plug-in ajoute des capacits spciques un composant. Le terme plug-in est galement utilis d'autres endroits. Par exemple, les plug-ins sont communment utiliss dans les navigateurs web pour lire les vidos. Un exemple de plug-in bien connu est Adobe's Flash Player. Un bon exemple de l'utilisation de plug-ins dans Joomla! est le Composant de recherche. Cinq plug-ins de recherche travaillent ensemble pour trouver le contenu venant de diffrents composants de Joomla!. Joomla! dispose huit types de plugin: authentication, captcha, content, editors-xtd, editors, extension, nder, quickicon, search, system et user. Ce sont galement les noms des sous-rpertoires dans lesquels sont rangs les chiers de ces plug-ins. Par exemple, les plug-ins de type authentication sont localiss dans le rpertoire plugins/authentication. Il n'est pas possible ni ncessaire de crer un plug-in dans la zone administration comme nous l'avons vu dans le chapitre modules. Un plug-in doit tre install via le Gestionnaire d'extensions.

AUTHENTIFICATION
L'autorisation est le processus de spcication des droits d'accs. Il est prcd par l'authentication, qui vrie si la personne qui essaye d'tre autorise fournit des informations d'identication correctes. Vous vous authentiez avec votre identiant et votre mot de passe, et vous tes autoris parce que vous tes un membre d'un groupe possdant les autorisations (regardez le chapitre Utilisateurs et permissions). Joomla! offre trois possibilits pour l'authentication (Figure 1). Soyez prudent avec la dsactivation des plug-ins. Vous devez avoir au moins un plug-in d'authentication activ ou vous perdrez tout accs votre site.

Figure 1: Plug-ins Authentication

Joomla
Le plug-in fournit le comportement standard pour Joomla!. Vous remplissez le formulaire de connexion avec votre identiant et votre mot de passe, puis vos informations de connexion sont ensuite vries. Mar 22, 2012 Page 162

Joomla! 2.5 - Le Guide Pour Dbutant

GMail

Si vous activez le plug-in Gmail, les utilisateurs pourront se connecter au site en utilisant leur adresse Gmail et leur mot de passe. L'enregistrement pralable n'est pas ncessaire. Avec la premire connexion le System plug-in Joomla! va crer un compte utilisateur dans la base de donnes. Le mot de passe GMail est stock en crypt dans la base de donnes, an que vos utilisateurs se connectant avec leurs comptes Gmail ne puissent pas tre pirats. Ce Plug-in facilite le processus de connexion pour vos utilisateurs. Malheureusement, il n'y a pas d'indication dans le formulaire de connexion expliquant qu'il est possible de s'identier avec Gmail.Vous devrez ajouter du texte supplmentaire ou imaginer une solution alternative.

LDAP

Le Lightweight Directory Access Protocol (LDAP) 61 est un protocole d'application pour la lecture et l'dition des donnes des services d'annuaire. C'est utilis dans les socits pour l'afliation des dpartements de gestion ainsi que pour les numros de tlphone des employs.
dn: cn=John Doe,dc=example,dc=com cn: John Doe givenName: John sn: Doe telephoneNumber: +1 888 555 6789 telephoneNumber: +1 888 555 1232 mail: john@example.com manager: cn=Barbara Doe,dc=example,dc=com objectClass: inetOrgPerson objectClass: organizationalPerson objectClass: person objectClass: top

Pour pouvoir utiliser ce Plug-in pour lauthentication, vous avez besoin d'un serveur LDAP (Open LDAP) et vous devez congurer le Plug-in LDAP avec les donnes spciques du serveur. Vous trouverez un bon tutoriel sur joomla.org: LDAP from Scratch 62.

CAPTCHA
Captcha est une nouvelle fonctionnalit depuis Joomla 2.5. Un Captcha est un programme qui arrive faire la diffrence entre un utilisateur humain et un ordinateur. Vous en avez certainement dj rencontr ce sont les images de couleur avec un texte dform vers le bas des formulaires d'enregistrement web. Captcha est utilis par de nombreux sites web pour prvenir les abus des robots ou programmes automatiques qui gnrent et crivent les spams. Aucun ordinateur ne peut lire un texte
61 62

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

http://community.joomla.org/component/zine/article/507-developer-ldap-from-scratch-sammoffatt.html Mar 22, 2012 Page 163

Joomla! 2.5 - Le Guide Pour Dbutant dform comme un humain peut le faire, donc les robots ne peuvent pas naviguer sur les sites protgs par Captcha. Le Plug-in utilise le service Google reCAPTCHA pour viter les spammeurs. Pour obtenir une cl publique et prive pour votre domaine, visitez http://google.com/recaptcha. Pour ajouter un captcha pour un nouveau compte, allez dans Paramtres dans le Gestionnaire des utilisateurs et slectionnez Captcha reCaptcha.

Figure 2: Plug-in Captcha

CONTENT
Outre le Plug-in de contenu Joomla! tous les autres Plug-ins de contenu sont lis au texte que vous insrez dans les articles. Le module contenu personnalis (voir le chapitre Modules) peut galement utiliser les Plug-ins de contenu (Figure 2).

Figure 3: Plug-ins de Contenu

Indexation de recherche
Ce plug-in permet l'indexation du contenu. C'est une caractristique nouvelle depuis Joomla 2.5 et c'est la base de la Recherche Avance dans Joomla!.

Joomla

Le plug-in Joomla effectue deux tches:

Mar 22, 2012

Page 164

Joomla! 2.5 - Le Guide Pour Dbutant 1. Lorsque vous tentez de supprimer une catgorie, il vrie si la catgorie est vide. Vide signie que la catgorie n'a pas d'articles ou de sous catgories assigns. Vous pouvez dsactiver cette fonctionnalit dans les paramtres de base. 2. Si un nouvel article est soumis via le frontend, le plug-in va envoyer un E-Mail tous les utilisateurs pour lesquels la fonction Envoyer un Email est active (Gestionnaire d'utilisateurs -> Editer l'utilisateur). Cette option peut tre dsactive dans les Options de base.

Chargement de module

Ce Plug-in charge les sorties HTML de tous les modules affects un module de template dans un article. Tous ce que vous avez crire est {loadposition position-14} dans la zone ou vous souhaitez afcher le module. Cette fonctionnalit est particulirement utile pour mettre des bannires publicitaires dans le contenu.

Protection des e-mails

Ce Plug-in transforme une adresse e-mail indique dans le contenu sous la forme de LIEN dans un lien et protge l'adresse email par le biais de JavaScript. L'avantage de cela est que les programmes de collecte d'adresses email ne peuvent pas lire votre adresse email trs facilement.

Code Highlighter
<pre> if ($number > 0) { echo $number; } else{ $number++; } </pre>

Le Plug-in GeSHI rend possible la Coloration Syntaxique et cre une liste impressionnante sur votre site Web si vous formatez le code au sein de balises HTML <pre> </pre>:

Saut de page

Le Plug-in Saut de page s'occupe des Sauts de page dans les articles. Tout comme le Plug-in Image, il est simple de l'intgrer dans le contenu. Outre un simple Saut de page, diffrents titres et en-ttes peuvent tre galement dnis. Vous pouvez rgler les Sauts de page en utilisant la bote de dialogue Saut de page. Le saut de page sera afch dans une fentre de texte comme une simple ligne horizontale. Dans le code HTML, le Saut de page ressemble ceci:
<hr title="Page Title" alt="Table of Contents Alias" class="system-pagebreak" />

Les Plug-ins Editor-xtd - Pagebreak doivent tous les deux tre activs.

Mar 22, 2012

Page 165

Joomla! 2.5 - Le Guide Pour Dbutant

Navigation entre les pages Vote sur article EDITORS

Ce plug-in intgre les fonctions Suivant et Prcdent sous les articles. Ce plug-in permet la fonctionnalit de vote sur les articles.

Joomla! possde deux diteurs intgrs (Figure 4). Dans Conguration -> Site vous pouvez dnir l'diteur par dfaut pour votre site web. De plus, vous pouvez assigner un diteur diffrent chaque compte utilisateur (Utilisateurs -> Gestion des Utilisateurs).

Figure 4: Plug-ins Editor

CodeMirror
CodeMirror63 est une librairie JavaScript qui peut tre utilise pour crer une interface relativement agrable pour l'diteur de code tels que des contenus - les programmes informatiques, des balises HTML, et ainsi de suite. Ce plug-in doit tre activ si vous souhaitez offrir des champs textarea avec l'diteur CodeMirror. Vous pouvez congurer le comportement de l'diteur dans les Paramtres de bases.

None

Ce Plug-in doit tre activ si vous souhaitez offrir des champs textarea sans diteur.

TinyMCE
L'application web TinyMCE 64 est un diteur WYSYWYG Javascript/HTML indpendant de la plateforme. C'est l'diteur par dfaut de Joomla!.

EDITORS-XTD
5).
63 http://codemirror.net/

Les quatre plug-ins editors-xtd gnrent les boutons situs en dessous de la fentre de l'diteur (Figure

64 http://tinymce.moxiecode.com/

Mar 22, 2012

Page 166

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 5: Plug-ins Editor-xtd

Article
Afche un bouton permettant de relier l'article actuel d'autres articles existants. Aprs avoir cliqu sur le bouton, une fentre pop-up s'afchera vous permettant de choisir l'article et de faire un lien vers celui-ci.

Image
Ce plug-in afche un bouton pour insrer des images dans un article. Aprs avoir cliqu sur le bouton, une fentre pop-up s'ouvre vous permettant de choisir une image partir du rpertoire des mdias, ou de tlcharger de nouveaux chiers et d'en congurer les proprits.

Saut de page
Fournit un bouton pour activer un Saut de page dans un article. Une fentre pop-up vous permet de congurer les paramtres utiliser. Ce plug-in doit tre activ en mme temps que le plug-in Content Pagebreak.

Lire la suite

Fournit un bouton qui vous permet d'insrer facilement le lien Lire la suite dans un article. Le plug-in extension est li des tches relatives la gestion des extensions Joomla!.

EXTENSION Joomla
Ce plug-in gre les mises jour des extensions.

FINDER

Le composant recherche avance tait autrefois Finder. C'est la raison du nom du type de ce plug-in. Les plug-ins recherche avance pour Contenus, Liens Web, Contacts, Catgories, et Fils d'actualit peuvent tre activs quand vous en avez besoin. Ils implmentent la fonction recherche du composant Recherche Avance. Ces Plug-ins doivent tres activs si vous essayez d'obtenir des rsultats de recherche

Mar 22, 2012

Page 167

Joomla! 2.5 - Le Guide Pour Dbutant dans les sections respectives. Si vous souhaitez rechercher des composants supplmentaires, les plug-ins respectifs pour ceux-ci doivent tre activs galement (Figure 6).

Figure 6: Plug-ins Recherche Avance

QUICKICONS
Les Plug-ins de ce type assurent la vrication des mises jour pour Joomla! et pour vos extensions tierces installes, et vous avertissent lorsque vous visitez Site -> Panneau d'administration.

Figure: 7 Quickicons

RECHERCHE
Ce sont les plug-ins pour le composant Joomla! de recherche classique Le Plug-ins search pour Contenus, Liens Web, Contacts, Catgories, et Fils d'actualit peuvent tre activs quand vous en avez besoin. Ils implmentent la fonction recherche du composant Recherche. Ces Plug-ins doivent tres activs si vous essayez d'obtenir des rsultats de recherche des sections respectives. Si vous souhaitez rechercher des composants supplmentaires, les plug-ins respectifs pour ceux-ci doivent tre activs galement (Figure 8).

Mar 22, 2012

Page 168

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 8: Plugins Search

SYSTEM
Les plug-ins System sont profondment intgrs dans le Joomla! framework, et ils touchent gnralement le comportement de l'ensemble du site (Figure 9).

Figure 9: System Plug-ins

Filtre de langue
Ce plug-in ltre le contenu afch en fonction de la langue dsire. Il doit tre activ uniquement lorsque le module Language Switcher est publi.

P3P Policy

The Platform for Privacy Preferences (P3P)65, est un protocole permettant aux sites de dclarer l'utilisation des informations qu'ils recueillent sur les utilisateurs les parcourant. La politique du plug-in systme P3P permet Joomla! d'envoyer une chane personnalise de balises politiques P3P dans l'entte HTTP. Ceci
65

http://fr.wikipedia.org/wiki/Platform_for_Privacy_Preferences Page 169

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant est ncessaire pour travailler correctement avec certains navigateurs, par exemple, Internet Explorer 6 et 7.

Dconnexion
Le plug-in system logout permet Joomla! de rediriger l'utilisateur vers la page d'accueil s'il choisit de se dconnecter, tout en tant sur une page d'accs protg.

Debug
Cela permet une fonction de dbogage, ce qui est trs important pour les programmeurs. Vous pouvez congurer les paramtres pour dterminer l'information afcher.

Log

Ce plug-in rend les chiers du systme log disponibles. Vous pouvez dterminer l'emplacement du chier log dans Conguration Systme - Paramtres systme. Ceci est un exemple d'un chier de log (/logs/error.php):
#Version: 1.0 #Date: 2011-07-06 12:39:38 #Fields: date time level c-ip status comment #Software: Joomla! 1.7.0 RC1 [ Ember ] 28-Jun-2011 23:00 GMT 2011-07-06 12:39:38 - 92.143.161.32 Joomla FAILURE: Empty password not allowed

Redirection
Fournit la fonctionnalit de redirection en conjonction avec composant redirections.

Mise en vidence
Ce plug-in met en vidence des termes spciques et est utilis, par exemple, dans le composant Recherche Avance.

Se souvenir de moi
C'est une mthode pour enregistrer les donnes d'accs localement dans un cookie dans le navigateur du client. Quand un utilisateur revient sur votre site, le formulaire de connexion est dj pr-rempli avec ses donnes.

SEF
SEF est l'acronyme de Search Engine Friendly. Ce plug-in cre des URL en clair pour les lments de contenu et peut tre congur dans Conguration -> Site - Paramtres SEO.

Cache
Mar 22, 2012 Page 170

Joomla! 2.5 - Le Guide Pour Dbutant Ce plug-in permet la mise en cache des pages. Vous pouvez le congurer si vous souhaitez utiliser le navigateur du client pour la mise en cache des pages.

Code Langue
Le Plug-in Code Langue offre la possibilit de modier le code de langue dans le document HTML gnr pour amliorer SEO.

USER
Les plug-ins user sont lis aux fonctions spciques des utilisateurs (Figure 10).

Figure 10: User Plug-ins

Prole
Le plug-in user prole vous donne la possibilit de demander l'utilisateur de remplir des champs de prol additionnel, qui peuvent tre congurs dans Paramtres de base. Il peut galement tre combin avec le plug-in contact pour crer automatiquement une che contact pour chaque utilisateur(regardez galementUtilisateurs et permissions).

Contact Creator Joomla

Un plug-in qui cre automatiquement des informations de contact pour les nouveaux utilisateurs. Il fonctionne en conjonction avec le plug-in prol (regardez galementUtilisateurs et permissions). Ce plug-in cre un utilisateur dans la base de donnes aprs la premire authentication russie.

Mar 22, 2012

Page 171

Joomla! 2.5 - Le Guide Pour Dbutant

Chapitre 17

Travailler avec les templates


Pour tre capable de travailler avec les templates, vous aurez non seulement besoin de bonnes comptences en design, mais galement d'une bonne connaissance du HTML et du CSS. Certains navigateurs, malheureusement, ne savent pas afcher les dernires versions de ces langages, ce qui explique pourquoi d'autres versions plus anciennes sont encore trs rpandues. Le prochain d est la discussion interminable entre dveloppeurs et designers sur la manire de "faire les choses correctement. Les Designers dpendent des dveloppeurs parce quils ont besoin du balisage HTML avec la possibilit d'ajouter des classes CSS. Les Dveloppeurs dpendent aussi des designers car sans un template bien dessin le meilleur des composants sera difcile utiliser. Joomla! dispose de solutions intgres pour ces deux challenges! Le template Beez existe aussi bien en version XHTML qu'en version HTML5, et les balises HTML appropries ainsi que les classes CSS sont cres avec ce qu'on appelle des Surcharges. Surcharge signie que le concepteur peut ajouter une couche HTML produite par les extensions du dveloppeur sans modier le code source d'origine. Un autre acteur important de l'industrie des templates est Joe Webmaster. Souvent, il ne veut changer que le graphisme de l'en-tte, les couleurs, la largeur et quelques autres options. Joomla! a encore les solutions parfaites pour faire cela et a s'appelle Template Style. Template Style veut dire que vous pouvez crer n'importe quel nombre de copies d'un Template Style an de congurer vos propres rglages et options et les assigner un ou plusieurs lments de menu. Retournez jeter un il au chapitre Templates puis revenez pour un aperu plus profond.

CREATE YOUR OWN STYLE

Dans le chapitre Site Multilingue, nous avons construit un site web bas sur le template Beez2. Maintenant, je souhaiterais crer mon propre style et changer quelques options dans Extensions Gestion des templates - Beez2 default. Ces changements seront les suivants: Nom du style: Beez2 - cocoate Logo: Je ne veux pas de logo donc je clique sur le bouton Effacer Titre du Site: Joomla! Description du Site: cocoate - consulting, coaching, teaching Style du template: Nature Mar 22, 2012 Page 172

Joomla! 2.5 - Le Guide Pour Dbutant Je sauve le style en tant que copie en cliquant sur l'icne Enregistrer une copie (Figure 1).

Figure 1:Style de template individuel


Mon site web a maintenant un look compltement diffrent (Figure 2). Il est possible de crer des styles diversis pour les diffrentes parties du site en utilisant la fonction Affecter un menu.

Figure 2: Site web avec le style Beez2


Crer des styles diffrents avec des options disponibles est la solution la plus simple, et souvent la meilleure et la plus rapide. Quand une mise jour de Joomla! sortira, vos styles individuels seront toujours accessibles dans la nouvelle version. Comme cela, vous travaillez toujours sur le pack de base de Joomla! 2.5 sans avoir besoin d'aucune extension supplmentaire!

Mar 22, 2012

Page 173

Joomla! 2.5 - Le Guide Pour Dbutant

PERSONNALISATION DES TEMPLATES EXISTANTS

Si vous lisez ce chapitre, je suppose que vous avez dj cr un style de template, compris comment travailler avec toutes les options de templates disponibles, mais souhaitez tout de mme avoir plus de possibilits. Bienvenue dans le monde du HTML et du CSS ! Je partirai aussi du principe que vous connaissez ces deux abrviations. Sinon, jetez un oeil sur Wikipdia pour HyperText Markup Language (HTML) 66 et Cascading Styles Sheets (CSS) 67. Dans Joomla! Il est possible de modier tous les CSS utiliss par le template au sein du Gestionnaire de template. Allez dans Extensions -> Gestionnaire de templates -> Templates et cliquez sur le lien beez_20 Details. L, vous serez en mesure d'apporter des modications dans le template beez2 et d'accder tous les chiers modiables (Figure 3).

Figure 3: Beez2: Customize Template


Les chiers modiables CSS sont des chiers se trouvant dans le dossier htdocs/templates/ [template_name]/css du systme. Cliquez sur le nom du chier CSS et un formulaire s'ouvrira, dans lequel vous pourrez modier le contenu du chier l'aide de l'diteur CodeMirror. En dehors des chiers CSS, vous pouvez galement modier les trois chiers principaux des templates: Main page htdocs/templates/[template_name]/index.php Error page Si une erreur survient lors de l'ouverture d'un site Joomla !, ce modle est utilis pour la page. htdocs/templates/[template_name]/error.php

66 67

http://fr.wikipedia.org/wiki/Hypertext_Markup_Language http://fr.wikipedia.org/wiki/Feuilles_de_style_en_cascade Page 174

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant Print view Ce modle est responsable de la sortie lorsque vous accdez la vue d'impression. htdocs/templates/[template_name]/component.php D'autres lments de template comme les chiers pour la surcharge du noyau sont situs dans htdocs/ templates/[template_name]/html. Les surcharges ne peuvent pas tre dites partir de l'interface administrateur. Les modications que vous apportez ici vont changer les chiers de base de Beez2. C'est une chose garder l'esprit en cas de mises jour.

SURCHARGES
Vous avez dj cr un style, chang les chiers CSS et la page principale de votre template et vous n'tes toujours pas satisfait du rsultat? :-) Alors c'est le moment idal pour discuter de surcharges. Dans Joomla! il y a deux sortes de surcharges (overrides en anglais) : template overrides et alternative layouts.

Surcharges de Template (Template overrides)

Supposons que vous vouliez changer la disposition de la page de rsultats de recherche. Un composant comme le composant de recherche a une mise en page par dfaut, laquelle est stocke dans le chier /httpdocs/components/com_search/views/search/tmpl/default.php. Ce chier fait que la page de recherche ressemble ce qu'elle parait. Ajoutez quelques mots dans le chier, enregistrez-le et vous verrez immdiatement le rsultat ! Par exemple, ajoutez
<strong>I have changed something :-) </strong>

dans la ligne 13 et voyez ce qui se passe (Figure 4).

Figure 4: Changements dans la sortie HTML


Le rsultat est bon pour votre motivation parce que c'tait tellement facile et que c'est afch dans chaque template. Cependant, ce n'est pas bon pour votre rputation, parce que vous avez Mar 22, 2012 Page 175

Joomla! 2.5 - Le Guide Pour Dbutant juste chang le code de base. Avec la prochaine mise jour Joomla!, vos modications auront disparu ! Une meilleure solution serait d'utiliser les surcharges dans chaque template. Copiez le chier modi dans votre dossier de template vers /httpdocs/templates/[template_name]/html/com_search/search/ default.php et supprimez les modications dans le chier d'origine. Le rsultat sur la page Web est le mme, mais dans les coulisses, vous avez substitu le chier original .../default.php avec votre mise en page de contenu voulue - sans modier le code de base - bien jou! Ce systme a t introduit en 2007 avec la sortie de Joomla! 1.5 et fonctionne toujours trs bien aujourd'hui.

Types de mises en page: (Alternative layouts)


Dans Joomla ! 2.5 les surcharges ont une amlioration appele Types de mise en page. Je suis sr que vous avez dj vu le champ Types de mise en page dans le formulaire d'dition d'articles, des modules et des catgories (Figure 5).

Figure 5: Types de mise en page dans un article


Pourquoi avons-nous besoin de mises en page alternatives? Imaginez, vous tes un administrateur ou un webmaster et un template est livr avec trois congurations alternatives pour un article. Parfois, c'est un article normal, parfois, il devrait ressembler un produit, et parfois une page de livre. Vous avez seulement choisir quelle prsentation vous souhaitez utiliser. Cela ressemble une super fonctionnalit et, bien sr, a l'est. La technique est la mme que pour les surcharges de templates. Vous devez crer un dossier portant le mme nom que le composant ou module et un sous-dossier pour la vue. Il ya deux diffrences: 1. videmment, le nom de chier doit tre autre chose que default.php parce que celui-ci a dj t rserv pour les surcharges de templates. 2. La mise en page alternative n'est, bien sr, pas slectionne automatiquement. En complment la disposition alternative, des types d'lment de menu peuvent tre ajouts la mise en page et les lments d'option de cet article peuvent tre commands en les dnissant dans un chier xml avec le mme nom que le chier de conguration alternatif (Figure 6).

Mar 22, 2012

Page 176

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 6: Types d'lments de menu supplmentaires


La cration de ces dossiers n'est pas un sujet de dbutants mais je suis sr que des templates tiers utiliseront bientt ces nouvelles possibilits (Figure 7).

Figure 7: Mises en page complmentaires dans un article

Mar 22, 2012

Page 177

Joomla! 2.5 - Le Guide Pour Dbutant

CRER UN NOUVEAU TEMPLATE EN UTILISANT ATOMIC

Le template Atomic est un squelette pour votre propre template. Il se compose de :

/htdocs/templates/atomic component.php - le template de vue d'impression error.php - le template de page d'erreur favicon.ico - l'icne du site (Favicon68) index.html - un chier de scurit afchant une page blanche lorsque le rpertoire est accd directement (doit galement tre congur par le serveur web, mais l'est gnralement) index.php - La page principale du template templateDetails.xml - Ce chier de conguration contenant toutes les informations sur les chiers, options, et positions, est ncessaire pour montrer le template dans le gestionnaire de templates et pour crer plus tard un package zip installable. template_preview.png - l'image de prvisualisation, afche dans le gestionnaire de template template_thumbnail.png - l'image miniature du template, afche dans le gestionnaire de template /htdocs/templates/atomic/css le dossier pour les chiers CSS /htdocs/templates/atomic/html le dossier pour les chiers de surcharge (override) - Atomic fournit quelques surcharges pour les modules. /htdocs/templates/atomic/images le dossier d'images /htdocs/templates/atomic/js le dossier pour les chiers Java script /htdocs/templates/atomic/languages le dossier de la langue des chiers - Atomic est fourni avec les chiers de langue anglaise la base.

Le chier principal du template index.php


Le nom de ce chier de mise en page doit tre index.php puisque Joomla! cherche ces commandes <jdoc> et PHP. Tout le balisage HTML ncessaire est dj intgr et comment. Vous pouvez modier le contenu du chier selon vos besoins. Pour nous faire une ide, nous allons en faire un parcours rapide: Dans la ligne 24 vous pouvez choisir si vous voulez utiliser le framework CSS blueprint ou pas.

68

http://fr.wikipedia.org/wiki/Favicon Page 178

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant Dans les lignes 50, 55, 61 et plus, vous voyez que le template fournit des positions avec des noms spciaux (atomic-search, atomic-topmenu, ...). Si vous voulez employer ces noms vous devez assigner vos modules ces positions. Si vous voulez changer les noms, vous pouvez faire cela dans le chier templatedetails.xml. Dans la ligne 24 vous verrez:
echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/template.js

Joomla! connait les valeur dans baseurl ainsi le nom de votre template et vous pouvez y accder en cas de besoin. Dans la ligne 46 vous verrez:
echo $app->getCfg('sitename');

Il vous indiquera le nom de votre site. Dans la ligne 48 vous allez voir:
if($this->countModules('atomic-search')) ...

Cela compte le nombre de modules dans la position atomic-search. C'est utilis pour ajuster votre mise en page des situations diffrentes. Dans la ligne 50 vous verrez:
<jdoc:include type="modules" name="atomic-search" style="none" />

C'est une commande <jdoc>, qui n'existe que comme un emplacement de nom dans Joomla!. On s'en sert pour insrer la sortie HTML d'un type donn dans les attributs. Dans ce cas, cela veut dire que la sortie de tous les modules est assigne la position atomic search. L'attribut style est appel module chrome et peut avoir ces valeurs table - La sortie est afche dans un tableau. horz - Le rsultat est afch horizontalement dans une cellule d'une table qui l'entoure. xhtml - La sortie est en dans un lment XHTML <div> compatible. rounded - La sortie est dans un format dans lequel des coins arrondis peuvent tre afches. La classe de l'lment est renomm partir de moduletable vers module. none - aucune mise en forme outline - le type d'afchage de l'aperu de position (?tp=1) Style de template spcique - Certains templates, comme Beez, ont leurs propres styles. Voir le chapitre Le template Beez. Vous trouverez une liste complte des styles dans la documentation Joomla! - What is module chrome. Les autres types <jdoc> sont:
<jdoc:include type="head" /> <jdoc:include type="message" />

Mar 22, 2012

Page 179

Joomla! 2.5 - Le Guide Pour Dbutant


<jdoc:include type="component" style="none" />

Chaque page ncessite un head, parfois un message (aprs sauvegarde) et, bien sr, un composant. Un composant peut tre afch par page. Le composant peut se servir aussi bien du module chrome. Les chiers error et print view fonctionnent exactement comme le chier principal du template.

Dossier CSS

Vous trouverez trois chiers dans ce dossier. 1. Le chier css/template.css avec des commandes prdnies de CSS commentes. Si vous n'utilisez pas le framework blueprint, vous devez dcommenter certaines d'entre elles. Les lignes sont spciquement marques. 2. Le chier css/template_ie.css est vide. Ici vous pouvez ajouter les styles de remplacement de pour Internet Explorer. 3. Le chier css/template_rtl.css est galement vide. Vous pouvez y ajouter les styles de remplacement pour les langues de droite gauche.

Framework Blueprint
Blueprint est un framework CSS conu pour rduire les temps de dveloppement et assurer la compatibilit entre navigateurs. Quelques phrases tires du chier readme: Bienvenue sur Blueprint! Il s'agit d'un framework CSS conu pour rduire votre temps de dveloppement CSS. Il vous donne une base solide pour construire vos propres commandes CSS. Voici quelques-unes des caractristiques out-of-the-box fournies par BP: * Une grille facilement personnalisable * Typographie par dfaut sensible * Une baseline typographique * Rinitialisation perfectionne du navigateur CSS * Une feuille de style pour l'impression * Scripts puissants pour la personnalisation * Absolument aucun excs! Vous trouverez des dmos et tutoriels sur le site Web du projet - - http://www.blueprintcss.org/ .

Mar 22, 2012

Page 180

Joomla! 2.5 - Le Guide Pour Dbutant

Chapitre 18

The Beez Template


Article crit par la conceptrice des templates Beez : Angie Radtke
Un template contient habituellement plus que ce que vous voyez premire vue. Le terme template est gnralement li l'aspect visuel d'un site web. Mais en plus de la conception graphique, il se distingue par la technique de la mise en uvre du site. Il dtermine o le contenu se trouve dans le ux des documents, quand et o certains modules peuvent tre activs et disparaitre, si des pages d'erreurs personnalises sont utilises et quel balisage - version html doit tre utilis. Certains utilisateurs seront certainement familiers avec le template Beez dans Joomla ! 1.5. Tous les deux, beez_20 et beez5 sont visuellement trs diffrents du design de la version prcdente. Pour le design, j'ai pris un gris neutre pour les composants lmentaires du template, comme le menu, pour proposer une solution qui s'harmonise avec beaucoup de couleurs. Ds le dpart, je voulais dvelopper un template conforme, facilement accessible et adaptable. Consciemment, j'avais choisi la couleur pourpre, dans l'espoir que de nombreux designers prennent le code, le modient et le rendent disponible librement. J'avais espr une varit de nombreux nouveaux templates libres. Cela n'a malheureusement pas t le cas. Une autre erreur fut probablement de n'avoir pas communiqu assez clairement sur ce qu'tait le vrai but. La sortie avait t structure de faon ce que n'importe quel design puisse tre install d'une manire simple et directe, avec seulement de lgres modications dans le CSS. J'ai gard ce principe dans les nouvelles versions de Beez. En outre, il ya du JavaScript plus accessible et dans beez5 une petite partie de HTML5. Beez_20 ne ncessite pas de surcharges de templates. La mise en page par tableaux n'est plus d'usage dans Joomla!. Le nouvel afchage HTML suit la structure de l'ancien template Beez. Les noms de classe CSS ont t renomms et unis pour une meilleure comprhension. C'est un avantage norme pour les concepteurs de templates. Le HTML produit par le standard Joomla! est propre et bien ralis. Vous n'avez plus besoin d'utiliser de surcharges (overrides) pour gnrer du code propre et conforme la norme. Les capacits techniques des deux modles de Beez sont presque identiques. Ils diffrent uniquement par leur graphisme. La version Beez5 est galement conue pour l'utilisation du HTML5.

LES PRINCIPALES CARACTRISTIQUES


Accessibilit Position congurable de la navigation Mar 22, 2012 Page 181

Joomla! 2.5 - Le Guide Pour Dbutant Historique des rles WAI-ARIA Reprsentation automatique des modules dans des onglets accessibles Modules droulants fade in et fade out Colonne droulantes fade in et fade out Dans beez_ 20 vous pouvez choisir entre deux formes: naturelle ou humaine Dans beez 5 HTML5 est utilisable

ACCESSIBILIT GNRALE

Pour la plupart des gens l'Internet est devenu la norme. De l'information du monde entier est prte tre rcupre et, plus important, mme les offres spciales de la quincaillerie locale, les heures d'ouverture du Bureau d'enregistrement ou l'annuaire tlphonique sont disponibles sur votre cran. Les appels tlphoniques ennuyants ou les visites la bibliothque sont inutiles, il vous suft de regarder sur le net. Mais tout le monde ne prote pas de ce dveloppement. Les personnes avec une dcience physique ou mentale ont des difcults participer pleinement la socit, mme si elles pourraient bncier normment de la technologie des communications. Mais souvent, ils chouent en raison des obstacles qui entravent leur accs l'information ou qui le rend impossible. Bon nombre de ces obstacles peuvent tre surmonts, si les offres sont conues en consquence. Les exploitants de boutiques en ligne ou les banques qui fournissent des services bancaires par Internet, doivent tre attentifs ce groupe cible qui est assez consquent. L'accessibilit des sites Web vise rendre le contenu et les interactions sur l'Internet disponible pour tous les groupes d'utilisateurs et si possible tous les appareils. Environ 8% de la population allemande a une limitation physique lui rendant difcile l'accs aux informations sur Internet. Habituellement, le terme accessibilit dans la conception web est apparente avec Internet pour les personnes non-voyantes. Je tiens souligner que ce n'est pas tout - en fait, ce n'en est que la plus petite partie. Je me suis souvent demand pourquoi c'est ainsi. La raison en est probablement que le moniteur est devenu le symbole classique de l'ordinateur et que quelqu'un qui ne voit rien, ne peut pas l'utiliser. Dans mon travail quotidien, j'ai remarqu que mme les non-voyants s'en sortent beaucoup mieux que les gens souffrant d'autres types de handicaps. Les Non-voyants sont des personnes dont la vision rsiduelle est seulement de quelques pour cent de la valeur moyenne. Le nombre de personnes non-voyantes en Allemagne se situe entre 150 000 200 000. Certains d'entre eux peuvent dchiffrer les textes justes par la taille de la police informatique et les paramtres de couleur personnaliss, tandis que d'autres dpendent d'informations acoustiques ou lisent en touchant l'afcheur Braille. La proportion de personnes ayant une dcience visuelle svre est signicativement plus grande. Mar 22, 2012 Page 182

Joomla! 2.5 - Le Guide Pour Dbutant Environ un quart de la population en ge de travailler se plaint de divers degrs d'amtropie. Plus tard, le pourcentage est beaucoup plus lev. Certains de ces problmes peuvent tre tout fait bien compenss par des verres, d'autres avec des limitations seulement. Certaines maladies dil telles que la cataracte ou le glaucome peuvent tre soignes ou au moins attnues par la chirurgie. Certaines, comme la rtinite pigmentaire ou la rtinopathie diabtique, conduisent une dtrioration constante de la vision et, nalement, souvent une perte totale de vision. Dans la "soi-disant" vision en tunnel, le champ visuel des personnes touches est extrmement limite - parfois la taille d'une pice de monnaie de deux-Euro, qui est tenue une distance de longueur de bras des yeux. Environ 10% de la population masculine est affect par les formes douces d'achromatopsie ce qui signie habituellement que quelques rouges et verts ne peuvent pas tre distingus entre eux. Aveugles d'autres couleurs, le daltonisme complet ou daltonisme rouge-vert chez les femmes sont trs rares. Un autre groupe potentiel d'utilisateurs a des problmes avec la technologie de saisie habituelle - tout le monde ne peut utiliser une souris ou un clavier standard. Il peut y avoir pour cela de nombreuses raisons : les bras et les doigts sont immobiliss ou se dplacent spontanment et sont difciles contrler. D'autres sont mme sans bras ou sans mains ou sont paralyss du cou jusqu'aux pieds aprs un accident vasculaire crbral d'un ct. Aussi longtemps qu'un tre humain est capable d'envoyer un signal binaire contrl - le fameux 0 ou 1 Il peut apprendre faire fonctionner un ordinateur et ses fonctions avec un logiciel appropri. Il ya environ 60.000 100.000 personnes en Allemagne, qui ont une capacit d'audition extrmement limite. Pour plusieurs milliers d'entre eux, cela a t une gne dans l'apprentissage de la langue allemande, de sorte qu'ils la maitrise imparfaitement (en 6me ou en 4me). Ceci explique la demande de textes plus comprhensibles. Pour communiquer les uns avec les autres, mais galement pour la rception de contenu tranger ou sophistiqu ils prfrent la langue des signes allemande - c'est un idiome lui tout seul, indpendant du langage parl, bas sur un systme de signes et de gestes. Attention Il n'y a pas que les gens avec de faibles capacits auditives qui surfent sur internet sans hauts-parleurs! Il ne suft pas, par exemple, de donner uniquement des annonces audios- elles doivent toujours tre accompagnes d'une notication visuelle clairement interprtable. Plus l'Internet conquiert les domaines de la vie, plus les situations d'incapacit apparaissent: Connexions lentes l'htel, conditions d'clairage incontrlables dans le train en marche, diminution volontaire du son dans le milieu de travail. Tous les gens protent des sites Web accessibles. Il ne s'agit pas de satisfaire toutes les rgles auxquelles les institutions sont pries de se conformer. Mme les petites tapes vers l'accessibilit peuvent de manire signicative amliorer l'usage d'un site Web. Mar 22, 2012 Page 183

Joomla! 2.5 - Le Guide Pour Dbutant En raison de sa forte imprgnation, Joomla ! a la capacit d'inuencer beaucoup. Avec le template standard beez , il est maintenant relativement facile de crer des sites qui sont accessibles et utilisables par beaucoup. Comme dans Beez 1.5 toutes ces choses qui sont ncessaires la conception de templates accessibles sont galement mises en uvre dans beez_20 et beez5. Les plus importantes sont: Separation of content and layout Semantically logical structure Anchors links Keyboard navigability Sufcient colour contrasts

Sparation du contenu et de la mise en page


HTML propre et pur pour le contenu Pas de mise en page par tableau inutile. Formatage exclusivement avec des CSS Une structure logique smantique Liens d'ancre

La premire rgle et la plus importante pour les dveloppeurs est la possibilit de sparation complte du contenu et de la prsentation:

La question de la linarisabilit du contenu et du formatage par l'unique intermdiaire du CSS est l'une des conditions les plus importantes pour une accessibilit pratique. C'est seulement en fonction de cela que la technologie d'assistance peut rutiliser le contenu volont, tandis que la prsentation visuelle peut tre compltement ignore. L'externalisation de la prsentation dans des feuilles de style donne, par exemple, aux utilisateurs malvoyants, la possibilit de dnir des feuilles de style propres dans leur navigateur pour que les pages s'adaptent exactement leurs besoins. Une prsentation linaire des contenus et une structure smantique adquate sont particulirement importantes pour les utilisateurs de lecteurs d'cran. Les lecteurs d'cran saisissent le contenu d'un site de haut en bas, c'est dire linairement. L'utilisation pousse de tableaux entrave la linarisation. Derrire le terme Web smantique, la plupart des gens ne peuvent pas faire jouer leur imagination. Vous y associez sans doute des leons de langage, mais cela joue aussi un rle spcial dans l'criture du contenu Web. Par exemple les lecteurs d'crans permettent leurs utilisateurs de sauter d'en-tte en enMar 22, 2012 Page 184

Joomla! 2.5 - Le Guide Pour Dbutant tte, ou de liste en liste, pour avoir un rapide aperu gnral du document. Si un document Web n'a aucune en-tte, cette fonctionnalit n'est pas disponible. La structure formelle d'un document web doit correspondre en grande partie la structure du contenu. Selon le projet Web le choix de la hirarchie des rubriques peut tre un vritable challenge. Aujourd'hui, on peut trouver ce concept non seulement dans les templates, mais dans tout ce qui est produit par Joomla!. Dans le dveloppement de Joomla ! 1.6, c'tait un lment central du travail de dveloppement. Les raisons taient, en plus de faciliter l'utilisation des technologies d'assistance, galement l'optimisation pour les moteurs de recherche (SEO) et une meilleure ergonomie pour les appareils mobiles. Du code bien structur aide non seulement les personnes handicapes mieux se diriger dans un site, mais aussi google qui apprcie un site bien pens.

Ancres de liens
La prsentation linaire du contenu prsente un grand inconvnient: Vous pouvez devoir parcourir un chemin trs long, avant d'accder aux zones du "n fond" du site. Sur l'cran, une mise en page trois colonnes permet qu'un certain nombre de secteurs commencent en haut et que l'il arrive droit dessus, lorsque, soutenu par les aides visuelles, il souponne des informations intressantes. Le remde propos est le concept des ancres. C'est, en fait, une contrepartie non visuelle la mise en page graphique qui permet l'utilisateur d'appareils de lecture linaire d'identier des domaines cls au dbut de la page et ensuite d'immdiatement passer la zone o il croit que les renseignements qui lintressent se trouvent. Dans la pratique, l'utilisation d'ancres signie mettre en place un menu supplmentaire en haut de chaque page pour la navigation interne de la page. Dans la plupart des cas, il sera utile de masquer ce menu dans la disposition graphique. C'est irritant pour les utilisateurs qui peuvent voir, de cliquer sur un lien, mais que rien (apparemment) ne se passe parce que la cible du lien est dj visible dans la fentre. En tous cas, le menu de liens d'ancrage ne devrait pas tre trop long et construit d'une manire trs bien pense- travers, parce qu'il prolonge et complique, en raison mme de la linarisation, le chemin de la perception. En gnral, il est recommand de proposer le contenu principal comme premire cible, ainsi les visiteurs rguliers, qui connaissent le site et grent la navigation plus prcisment, trouvent le plus court chemin pour aller vraiment o ils veulent. Au moins ici, cela devient clair que des sites Web particuliers avec des pages de contenu plus complexes n'ont pas seulement besoin d'une mise en page graphique, mais aussi d'une conception du contenu qui vise organiser le contenu sous une forme ne contenant pas d'obstacles inutiles pour les utilisateurs de "linarisation". Exemple:
<ul class="skiplinks"> <li><a href="#main" class="u2">Skip to content</a></li> <li><a href="#nav" class="u2">Jump to main navigation and login</a></li> </ul>

Mar 22, 2012

Page 185

Joomla! 2.5 - Le Guide Pour Dbutant

Le Choix des couleurs

Le choix des couleurs est, dans le contexte de l'accessibilit, d'une importance particulire parce que les gens avec une vision des couleurs amoindrie devraient pouvoir utiliser votre site Web entirement. Si vous convertissez une mise en page dans des nuances de gris, vous vous ferez une ide approximative de ce que les daltoniens peuvent voir. Cependant, la perception est trs personnelle et dpend de la gravit des diffrents degrs d'ametropie. Beaucoup de daltoniens, cependant, ont appris au cours de leur vie, quelles couleurs sont reprsentes par ce qu'ils voient. Ils savent, par exemple, que l'herbe est verte, et ils peuvent identier par comparaison les autres nuances de vert. Beaucoup plus rpandue que le daltonisme total, il y a la ccit dite de couleur rouge-vert. Touchs par une anomalie gntique, les personnes ne sont pas capables de distinguer le rouge du vert. Des couleurs mlanges qui contiennent ces composantes de couleur sont brouilles pour eux.

Contrastes
Les couleurs jouent galement un rle important dans diffrents autres types de dcience visuelle, non seulement en raison de la couleur elle-mme, mais aussi un important contraste peut tre utile dans l'utilisation d'une page web. Les couleurs de premier plan et d'arrire-plan dans des lments des textes devraient former un contraste distinct, bien qu'il ne soit pas possible de choisir les arrangements de couleur et de contraste, qui peuvent rpondre toutes les exigences. Du texte noir sur fond blanc ralise un contraste maximum de couleur. Pour viter les effets d'blouissement gnants, une lgre teinte de l'arrire-plan peut tre utile. Quelques personnes malvoyantes auront besoin de contrastes trs forts pour sparer les diffrents lments du contenu entre eux. Pour eux, les combinaisons de couleurs telles que le texte blanc sur un fond orange vif, contrast ne sont pas assez riches. En revanche, les autres contrastes forts agissent comme un rayonnement - le contenu est difcile lire.

BEEZ_20: CHOIX DU DESIGN

Dans le template Beez 2.0, vous pouvez choisir entre un design personnel et nature. La mise en uvre des chiers nature.css et personal.css via les paramtres de template ainsi que la structure des chiers CSS utiliss sont la base de cette mthode.

Mar 22, 2012

Page 186

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 1: Choisir le style


Il y a deux chiers supplmentaires qui sont responsables de l'arrangement de la couleur. Les chiers position.css et layout.css sont responsables du positionnement et l'espacement. Aimeriez-vous changer par la suite uniquement les couleurs du template, vous pouvez simplement modier les chiers personal.css ou nature.css comme vous le voulez. Le positionnement du contenu reste le mme, tels qu'ils est dni dans d'autres chiers. Tous les modles de style sont encore arbitrairement modiables et peuvent tre dits par les dveloppeurs de templates an d'inclure d'autres modles. Dans la conception du code source, j'ai pris en compte la possibilit de variations cratives maximales par la modication des chiers CSS. Je vous dis que trs, trs tranquillement, mais leur manire, les templates de Beez sont quelque chose comme des cadres qui vous feront conomiser beaucoup d'tapes de travail.

POSITION DE LA NAVIGATION
Pour des raisons esthtiques ou pour amliorer la convivialit et l'accessibilit des moteurs de recherche, il peut tre ncessaire de positionner la navigation avant ou aprs le contenu. Les deux versions des templates Beez vous permettent de choisir entre ces deux options dans le backend.

Mar 22, 2012

Page 187

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 2: Slectionnez la position de la navigation


La navigation est visuellement et smantiquement positionne avant ou aprs le contenu et mis en forme par l'utilisation de CSS. Si vous ouvrez index.php dans beez_20 ou dans le modle que vous avez dj modi, vous pouvez trouver autour de la ligne 27 l'affectation suivante :
$navposition = $this->params->get('navposition');

La variable $navposition est affecte la valeur actuellement slectionne dans le backend. La variable renvoie la valeur left ou center. Left reprsente la position avant le contenu, center le positionne aprs le contenu. Le terme center peut prter confusion ici, Il serait logiquement prfrable de dire "right". Mais, selon la faon dont vous concevez le CSS, vous pouvez placer la navigation dans un mise en page trois colonnes au milieu.

JAVASCRIPT ET WAI ARIA


WAI-ARIA (Web Accessibility Initiative - Accessible Rich Internet Applications) est une spcication technique de la Web Accessibility Initiative69 , qui facilitera la participation des personnes handicapes dans les services web actuels de plus en plus complexe et interactif. Cette technique est particulirement utile dans la conception de prsentations de contenu dynamique et d'interfaces utilisateur. La technique est base sur l'utilisation de JavaScript, Ajax, HTML, et CSS. Les non-voyants, en particulier, perdent souvent leur orientation lors de la visite d'un site dont le contenu est tout coup afch ou masqu. Les personnes voyantes percevront ce changement avec les yeux, les personnes non-voyantes ne le comprennent que lorsque le focus est plac sur l'objet. Le focus ne signie rien d'autre que le fait de placer le curseur l'endroit appropri pour rendre le contenu accessible. En HTML et XHTML, nous n'avons pas eu l'occasion de mettre le focus sur tous les lments. Seuls les lments d'interaction comme des liens, des boutons ou des champs de saisie sont "focusables". Cela a chang avec l'utilisation de WAI ARIA et HTML5. Les scripts utiliss dans les templates de Beez s'appuient sur cette technique pour rendre le template accessible aux personnes handicapes.

WAI ARIA - RLES DES SECTIONS: PREMIERS SECOURS POUR L'ORIENTATION


Les rles des sections sont destines faciliter l'orientation sur un site Web en dcrivant les zones de page et leur fonction exacte au sein de la page. La navigation a le rle navigation, recherche a le rle search, le contenu principal a le rle main. La mise en uvre est assez simple. L'lment s'tend

69

http://fr.wikipedia.org/wiki/Web_Accessibility_Initiative Page 188

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant seulement l'attribut rle appropri. Ainsi, les utilisateurs de lecteurs d'crans modernes seront informs de ce rle.
<div id="main" role="main">

l'intrieur du template Beez, cela est effectu automatiquement l'aide de javascript (javascript/ hide.js). L'approbation de la technologie de Wai-Aria est toujours en attente et, avec la mise en uvre directe dans le code source le site Web ne passerait pas le test de validation. On trouvera un aperu complet des rles de sections http://www.w3.org/TR/wai-aria/roles#landmark_roles (en anglais). Si plus tard, vous utilisez le template Beez comme base pour votre propre template et modiez la structure des zones de la page, vous devrez adapter le script en consquence.

Modules et barres latrales droulants

L'activation et la dsactivation de certains secteurs peuvent tre utiles pour l'utilisateur, particulirement sur les pages avec beaucoup de contenu. Les deux templates beez fournissent deux faons diffrentes de le faire. Tout d'abord, la colonne avec des informations complmentaires peuvent tre entirement active ou dsactive, d'autre part, les modules peuvent tre rduits leurs en-ttes.

Masquer la colonne

Pour tester cette fonctionnalit, vous devez placer un module dans la colonne avec plus d'informations. Les positions de module position-6, position-8 et position-3 sont disponibles. Peu importe que la navigation soit avant ou aprs le contenu, chaque fois que cette colonne est afche, un lien apparat juste au-dessus avec le texte "fermer les infos".

Figure 3: Masquer la colonne


En activant ce lien, la colonne est masque, le texte du lien changera pour ouvrir les infos et la colonne va tre ractive en cliquant dessus. Cette fonctionnalit est contrle par JavaScript. Tous les scripts mentionns ici sont bass sur le framework Mootools JavaScript fourni, ce qui diminue notre Mar 22, 2012 Page 189

Joomla! 2.5 - Le Guide Pour Dbutant travail dans de nombreux domaines. Le chier hide.js dans le dossier JavaScript du template est charg de montrer et cacher la colonne. Dans l'index.php du template, autour de la ligne 194, vous trouverez le code HTML ncessaire.
<div id="close"> <a href="#" onclick="auf('right')"> <span id="bild"> <?php echo JText::_('TPL_BEEZ2_TEXTRIGHTCLOSE'); ?> </span> </a> </div>

Les contenus textuels des variables JavaScript sont contrls par les chanes de langue Joomla.

Afcher et masquer les modules

Un des plus grands ds dans la conception d'un site web est la structuration claire du contenu. Surtout sur la page d'accueil, vous avez souvent besoin de placer une varit d'informations sans encombrer la page.

Figure 4: beez-Slider
Les deux templates Beez vous permettent de prsenter les modules sous la forme de sliders. Ici, le premir afchage est le titre du module. En cliquant sur le signe plus ct de la rubrique, le module s'ouvre et son contenu devient visible. Puis, le signe plus est remplac par un signe moins et le module peut tre repli. Mme avec cette mthode j'ai utilis la technologie WAI ARIA. An d'utiliser des modules tels que dcrits, ils devraient tre intgrs dans le template en utilisant la commande Mar 22, 2012 Page 190

Joomla! 2.5 - Le Guide Pour Dbutant


<jdoc:include type="modules" name="position-8" style="beezHide" headerLevel="3" state="0" />

En utilisant le style = "beezHide" tous les modules qui sont chargs cette position sont afchs comme des sliders. Vous avez peut tre remarqu que la commande comprend l'attribut "state", qui contrle si le module est dvelopp ou rduit. Si vous choisissez la valeur 0, il est ferm quand il se charge pour la premire fois, slectionnez la valeur 1 et il sera ouvert par dfaut et pourra tre ferm par l'utilisateur.

Onglets accessibles

La prsentation du contenu dans ce qu'on appelle des onglets est de plus en plus populaire. Il existe dj des modules d'extensions Joomla ! avec cette fonctionnalit. Mais aucun des modules proposs ne satisfait aux exigences d'accessibilit.

Figure 5: Onglets Beez


La solution intgre Beez est base sur les techniques WAI-ARIA pour assurer l'accessibilit. Pour reprsenter les modules dans des onglets, ils sont intgrs comme suit.
<jdoc:include type="modules" name="position-5" style="beezTabs" headerLevel="2" id="1" />

Tous les modules placs en position-5 sont disposs automatiquement sous la forme d'onglets. Vous contrlez l'afchage HTML par l'intermdiaire du style beezTabs. L'utilisation de l'attribut id = "3" est obligatoire. La raison se situe dans la structure des JavaScripts utiliss. Imaginez, vous souhaitez intgrer des modules diffrents endroits dans votre template. La fonction JavaScript ncessite une information unique sur l'endroit o les onglets devraient tre ouverts et ferms. Si cette information est manquante, le script ne fonctionne pas comme souhait. Veuillez utiliser cet endroit des numros uniques pour l'id.

AJUSTER LA TAILLE DE POLICE


Mar 22, 2012 Page 191

Joomla! 2.5 - Le Guide Pour Dbutant Dans l'en-tte de la mise en page l'utilisateur peut changer la taille de polices. La base technique de cette fonction peut tre trouve dans le chier JavaScript templates/your_name/JavaScript/md_stylechanger.js. Dans le index.php vous insrez un conteneur div avec id="fontsize". Cette zone est initialement vide et sera ensuite remplie dynamiquement avec le contenu en utilisant JavaScript. Si vos visiteurs ont dsactiv JavaScript, cette fonction n'est pas disponible. Certains pourraient se demander pourquoi cette fonction est encore ncessaire, puisque tous les navigateurs dispose d'une fonction pour augmenter la taille de la police. Pour les personnes ges cette technique revt souvent une importance particulire, tant donn que la plupart d'entre eux ont une vision plus ou moins altre. Toutefois, et particulirement les personnes ges, elles connaissent trs mal les fonctionnalits des navigateurs web et recherchent une offre visible.

BEEZ5: UTILISER HTML5

Le template Beez5 est peine diffrent de beez_20, except quelques aspects de design. Les fonctionnalits offertes sont largement identiques. La seule diffrence: beez5 permet l'utilisation de HTML5. Si vous jetez un oeil aux paramtres du template beez5, vous voyez que vous pouvez choisir entre du code HTML5 et XHTML. Ceci est bas sur les remplacements de templates HTML5, que vous trouvez dans le dossier HTML de votre template. HTML5 fournit une varit de nouvelles possibilits et apportera un certain nombre de changements et de servitudes l'avenir, mais ce n'est pas encore une norme approuve (Mars 2011). Bon nombre des options proposes ne sont pas applicable actuellement de manire able, mais d'autres peuvent dj tre utilises sans difcult. Une partie trs importante, qui fonctionne dj, sont les nouveaux lments structurants. HTML4 et XHTML avaient un faible poids smantique. Cela s'est grandement amlior avec HTML5. Nous disposons maintenant d'lments vraiment pratiques pour structurer la page. Avec les lments header footer aside nav vous pouvez structurer une page magnique. Des lments tels que section article hgroup

Mar 22, 2012

Page 192

Joomla! 2.5 - Le Guide Pour Dbutant vous aident donner plus d'importance au contenu rel. Le code HTML5 dans Beez5 emploie seulement les lments qui sont ables actuellement. Seule la version 8 d'Internet Explorer a quelques problmes, comme toujours. Dans le haut de la page un script est insr, intgrant les lments inconnus dans la structure du document existant.
<!--[if lt IE 9]> <script type="text/JavaScript" src="<?php beez5/JavaScript/html5.js"></script> <![endif]--> echo $this->baseurl ?>/ templates/

Les bases pour l'intgration du HTML5 dans Joomla! sont les surcharges de template et la rponse au langage de balisage slectionn via le paramtre de modle dans la index.php. Parce que le template permet d'utiliser deux langages de balisage diffrents, vous devez aborder cette possibilit dans index.php. Clairement dit: La construction du index.php est assez complique, car selon le langage de balisage slectionn un autre code HTML est gnr. Cela commence par la dnition du type du document. Si vous ouvrez le index.php du template Beez5, vous pouvez immdiatement voir ce que je veux dire.
<?php if(!$templateparams->get('html5', 0)): ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><?php else: ?> <?php echo '<!DOCTYPE html>'; ?> <?php endif; ?> "http://

Ce concept est appliqu la page entire et les lments HTML5 ne peuvent tre dlivrs que si HTML5 a galement t slectionn dans le backend. Si plus tard vous voulez construire votre propre template en HTML 5, il serait prfrable de supprimer toutes les requtes et les lments XHTML et de sortir directement le code en HTML 5.

Mar 22, 2012

Page 193

Joomla! 2.5 - Le Guide Pour Dbutant

Chapitre 19

ecrit par Milena Mitova

Pourquoi le SEO est important pour vous


En tant que propritaire de site Web, dveloppeur ou crateur, vous savez que l'obtention de visiteurs est la cl d'une prsence russie sur le Web. Dans un monde o internet est la rgle et o utiliser les fonctions de recherche reste la faon la plus rapide pour apprendre, localiser les bons produits et les bons services, ou obtenir des retours d'utilisateurs, vous devrez suivre les pratiques tablies de recherche en ligne si vous souhaitez tre trouv par les personnes qui recherchent des choses similaires ce que vous proposez sur votre site Web. Pour vous donner une ide de l'importance prise par la recherche en ligne ces dernires annes, voici quelques chiffres fournis par ComScore70 , une socit de recherche spcialise en intelligence marketing numrique : recherches Google: 88 billion par mois recherches Twitter: 19 billion par mois recherches Yahoo: 9.4 billion par mois recherches Bing: 4.1 billion par mois

JOOMLA 2.5 ET LE SEO


tant l'un des systmes les plus avancs de gestion de contenu Open Source dans le monde, Joomla ! a t conu pour vous fournir toutes les caractristiques et les fonctionnalits dont vous avez besoin pour rendre votre site Web convivial pour les moteurs de recherche et prt tre dtect par le public voulu. Comme vous le savez probablement,

http://www.comscore.com/Press_Events/Press_Releases/2010/1/ Global_Search_Market_Grows_46_Percent_in_2009
70

Mar 22, 2012

Page 194

Joomla! 2.5 - Le Guide Pour Dbutant l'ensemble de techniques visant favoriser la comprhension de la thmatique et du contenu d'une ou de l'ensemble des pages d'un site Web71 par les moteurs de recherche 72." est appel SEO ou Search Engine Optimization. Les deux principales fonctions du SEO sont pour gnrer du trac constitu de visiteurs de haute intention prts devenir prospects ou clients, et de vous aider construire votre image de marque en ligne. Le SEO a des lments on-page et off-page, que vous pouvez consulter en dtail dans ce trs utile infographique73 par searchengineland.com. La bonne nouvelle est que Joomla ! peut vous aider sur ces deux lments, vous permettant de construire une fondation solide de SEO qui peut tre facilement tendue dans une prsence russie axe sur le trac web.

FONCTIONNALITS SEO INCLUSES DANS JOOMLA! 2.5

Urls SEO-friendly

Figure 1: Urls SEO-friendly


Selon Matt Cutts 74, de Google, les meilleurs URLs de site Web ne comportent pas plus de 3-5 mots. En partant de l, plus longues sont les urls, moins elles auront de puissance de ranking. Voici quoi ressembleront vos urls une fois votre site web mis en place:
71 72 73 74

http://fr.wikipedia.org/wiki/Page_Web http://fr.wikipedia.org/wiki/Moteurs_de_recherche http://searchengineland.com/seotable/ http://www.mattcutts.com/ Page 195

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant http://www.yourdomain/index.php? option=com_content&view=article&id=8:beginners&catid=19&Itemid=260 Et voila comment elles seront aprs avoir modi votre chier access.txt 75 et activer la fonction url SEO accessible dans le panneau de conguration gnrale de Joomla : http://www.yourdomain/products/your-product-name Les moteurs de recherche peuvent lire le premier type d'URL, appeles urls dynamiques, sans aucun problme. Cependant, c'est une pratique courante d'utiliser le second type, appel urls SEO-friendly, la place. Il y a deux raisons cela: 1. Les utilisateurs ont plus tendance cliquer sur les liens url qui ont du sens et des mots de recherche pertinents 2. Les Urls dynamiques sont trs souvent l'origine de ce que les moteurs de recherche pourraient interprter comme du duplicate content, ce qui au nal peut affecter ngativement le classement de vos pages dans les rsultats de recherche. Joomla vous permet de mettre en place votre URL SEO-friendly en deux tapes faciles - en modiant la Conguration globale sur l'admin back-end et en faisant quelques modications mineures dans le chier access.txt se trouvant la racine de votre site. Vous pouvez en outre modier les mots rels que chaque URL contient en les ditant dans l'diteur de texte de votre contenu ou dans votre panneau d'installation d'lment de menu.

Titres SEO dans le navigateur

Figure 2: SEO Browser Page Titles


Les balises de titre, auxquelles on fait souvent rfrences sous le vocable : "Titres dans le navigateur" dans votre interface backend (elles sont gnralement afches en haut de la fentre d'un navigateur) sont http://www.teachmejoomla.net/joomla-mambo-tutorials-and-howtos/general-questions/how-toenable-seo-on-joomla.html
75

Mar 22, 2012

Page 196

Joomla! 2.5 - Le Guide Pour Dbutant les lments SEO les plus importants et qui inuent directement sur le classement de vos pages individuelles. Pour tre efcace, chaque titre doit tre : Unique pour chaque page, Extrmement pertinent par rapport au contenu de cette page, 70 caractres de long, au maximum, Devrait inclure le mot cl de recherche pour lequel vous voulez optimiser la page. Voila comment cela fonctionne, selon l'explication donne par seo.com76 : "Par exemple, supposons que vous ayez un site ducatif qui fournit des informations et des directives sur les obligations de certication pour les professeurs. Vous avez dcid que les mots-cls les plus importants pour votre site sont certication d'enseignement et obligations pour enseigner . Dans ce cas, un titre de page du genre Obligations d'enseignement pour la Certication de Professeur est extrmement pertinent au sujet du site. Les moteurs vont analyser votre site et parce que le titre est le premier lment qu'il voit, le moteur va le lire et aprs examinera le reste de la page an de trouver les mots cls utiliss d'autres endroits an de dterminer le degr de pertinence du titre par rapport au contenu. Si le contenu, balises H, et balise title correspondentVous tes dans le coup! C'est pourquoi il est si important de cibler les mots-cls les plus critiques dans la balise de titre." Avec Joomla, ajouter les balises de titre est une opration facile et sans embtement. Vous pouvez ajouter et modier les balises de l'ensemble de vos pages partir du panneau de conguration de menu.

Meta descriptions SEO pour toutes vos pages

Figure 3: Meta descriptions SEO pour toutes vos pages


76

http://www.seo.com/blog/seo-tips/title-tag-seo-tips/ Page 197

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant La Meta description est un bref rsum afch sous l'url de chaque rponse que l'utilisateur voit dans la page de rsultats aprs avoir effectu une recherche en ligne. Alors qu'il est n'est plus considr comme d'une importance cruciale en ce qui concerne les classements par les moteurs de recherche, il dnit la russite de votre taux de clic (c'est--dire si les utilisateurs se sentiront sufsamment obligs de cliquer sur le lien de votre page). Les Meta descriptions ne devraient pas tre plus longues que 160 caractres.

Figure 4: SEO Meta descriptions dans le moteur de recherche


Joomla vous permet d'ajouter des Meta descriptions pour l'ensemble de vos pages mme lorsque vous crez une page qui afche toute une catgorie d'articles. Vous pouvez grer cette opration deux niveaux au niveau de l'lment de menu (pour les pages de catgorie) et au niveau de l'article ( l'intrieur de l'diteur de texte o vous crivez votre article). (Figure 3).

Titres d'Image faciles pour le SEO

Figure 5: Titres d'images pour le SEO


Les robots de recherche ne sont pas en mesure de voir correctement les images. C'est l que la balise "alt " ou les descriptions/titres d'image entrent en jeu. Ils contribuent rendre vos images consultables, et au nal vous aident dans votre SEO. Joomla vous fournit une bote de dialogue image facile Mar 22, 2012 Page 198

Joomla! 2.5 - Le Guide Pour Dbutant remplir77 o vous tes poliment invit insrer une brve description de votre image. Il s'agit d'une fonctionnalit supplmentaire pour amliorer votre SEO qui peut vous amener des rsultats rapides et efcaces.

Redirection pour de meilleures pratiques SEO

Figure 6: Gestionnaire de redirection


Dans son article sur les Redirects and SEO 78, Stephan Spencer, un expert SEO et blogueur afrme ce qui suit: "L'utilisation du type de redirections appropri est une question de "meilleures pratiques" de rfrencement. Chaque site doit avoir des redirections (par exemple, de votre version sans www de votre site votre version www ou vice versa). Et si vous ne le faites pas, vous laissez de l'argent sur la table. En outre, les emplacements voluent avec le temps et les URLs changent. Et chaque fois que vous apportez des modications vos URLs que ce soit pour le domaine, sousdomaine, les sous-rpertoires, les noms de chiers, ou des chanes de requte vous devez vous assurer que les liens pointant vers les anciennes URLs sont toujours values par Google et les autres moteurs, et que leur pouvoir de vote est transfr la nouvelle URL . " Rorienter vos utilisateurs depuis d'anciennes ou non-existantes pages, documents ou autres lments de sites vers de nouvelles URLs peut tre fait en 3 tapes simples en utilisant le composant de redirection natif de Joomla. C'est user-friendly, ne ncessite pas un haut niveau d'apprentissage, et le meilleur de tout cela est que chaque fois qu'un visiteur touche une page inactive, le composant liste l'URL problme, et

77 78

For more information: http://www.joomlacontenteditor.net/ http://www.stephanspencer.com/redirects-and-seo-best-practic Page 199

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant galement le nombre de fois o il aura t cliqu. Vous pouvez rparer alors rapidement le problme en ajoutant une nouvelle URL d'une page qui fonctionne pour y rexpdier de futurs visiteurs .

FLUX pour un meilleur rfrencement

Figure 7: Module RSS


Les ux RSS vous permettront d'amliorer vos efforts de rfrencement en vous aidant construire davantage de backlinks. Comme vous le savez, plus vous avez de backlinks vers votre site, plus Google et les autres moteurs de recherche lui feront conance et le pousseront vers le haut dans les rsultats du classement de recherche. Le moyen le plus simple d'utiliser les ux pour le rfrencement est de se servir du module Joomla de syndication pour mettre en place les ux RSS vers votre contenu et de poster ces liens de ux sur votre site et les rseaux sociaux (LinkedIn, Facebook, etc.), ainsi que sur quelques-uns des diffrents sites d'agrgation de contenu qui existent sur le web, comme feedage.com, etc . Vous pouvez galement partager vos liens RSS avec les partenaires et autres sites non-concurrents aussi longtemps que vous fournirez avec constance un contenu pertinent et frais, de nombreuses organisations pourraient tre disposs souscrire votre ux et l'afcher sur leur site web, vous aidant ainsi construire davantage de backlinks.

EN CONCLUSION
En utilisant toutes les fonctionnalits voques ci-dessus, vous disposez d'un moyen rapide et facile pour tablir et maintenir les bonnes pratiques SEO pour votre site web. Toutefois, les rsultats axs SEO ne sont pas seulement sur les titres et les images. Cela commence avant mme la construction de votre site et c'est un projet perptuellement en cours qui doit tre gr rgulirement et dont le succs est mesur. Voici quelques excellentes ressources que je voudrais recommander. Elles vous aideront apprendre tout ce que vous devez savoir pour devenir votre propre consultant SEO gratuit et efcace:

Mar 22, 2012

Page 200

Joomla! 2.5 - Le Guide Pour Dbutant Il s'agit d'une srie de formation trs utile en 8 points sur les mots-cls 79 par wordtracker.com, qui est gratuite. Il vous prsente le concept de mots-cls et explique pourquoi SEO commence par la dnition de vos principaux mots cls, de la catgorie et mots-cls de la page, vous aidant comprendre comment trouver vos meilleurs mots-cls et la faon de les inclure dans vos textes an de construire gratuitement un trac organique sans cesse croissant pour votre site. Pour en savoir plus sur le rfrencement et la faon de le mettre en uvre, lisez ceGuide tape par tape de rfrencement 80. Gratuit de searchengineland.com Il s'agit d'un autre article qui offre un accs rapide Guide en 5 tapes pour construire vous mme votre programme de rfrencement81. Le SEO Cheatsheet par SEOMoz82 vous donne des astuces pour acclrer vos processus de rfrencement et en peu de temps. Le dveloppeur Web SEO Cheatsheet par SEOMoz83 est une grande infographie, vous montrant comment vous avez structurer le contenu sur votre page.

79 80 81

http://www.wordtracker.com/academy/keyword-basics-part-1-how-search-engines-work http://searchengineland.com/guide/seo

http://magazine.joomla.org/topics/item/403-5-Quick-SEO-steps-that-will-help-you-get-betterrankings-and-more-trafc-to-your-Joomla-site
82 83

http://static.seomoz.org/user_les/2006/seomoz-cheatsheet.swf http://static.seomoz.org/user_les/SEO_Web_Developer_Cheat_Sheet.pdf Page 201

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant

Chapitre 20

Site Multilingue
J'habite en Europe, L'Union Europenne 23 langues ofcielles. Si vous avez l'intention de crer un site web pour cette rgion, vous devez pensez multilinguisme. Deux choses sont particulirement difciles quand il s'agit de la cration de sites multi-langues: la traduction des chanes de caractres statiques de Joomla! ainsi que la traduction des lments de contenu. Alors que le premier d peut normalement tre facilement surmont, le second prsente un vritable challenge Joomla 2.5 est disponible en plus de 40 langues, et de nouvelles langues sont attendues prochainement. Commenons construire un site web multilingue en utilisant un Joomla 2.5 de base.

PACKS DE LANGUES JOOMLA!

Vous pouvez tlcharger les traductions des packs sur Joomla Code84 ou sur le Joomla extension directory 85 et les installer en utilisant le Gestionnaire d'extensions. J'ai fait cela avec les packs allemands et franais. Aprs l'installation, vous trouverez les trois langues installes (Figure 1) en visitant Extensions -> Gestionnaire de langues dans le backend.

Figure 1: Langues installes

Conguration des langues


A partir de maintenant, il est encore ncessaire de jeter un il la conguration des langues an de s'assurer que les langues sont publies (Extensions Gestionnaire de langues Installes) et que les contenus de langues soient correctement attribus (Figure 2). Regardez dans (Extensions Gestionnaire de langues Contenu). Ici, vous pouvez galement diffrencier le nom du site pour les diffrentes langues. S'il n'y a pas

84 85

http://joomlacode.org/gf/project/jtranslation1_6/frs/ http://extensions.joomla.org/extensions/languages/translations-for-joomla Page 202

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant de d'lments de contenu pour les langues installes, crez en un en cliquant sur l'icne Nouveau. Voici mon cran aprs avoir install le pack de langue franais.

Figure 2: Edition du contenu de langue

PLUG-IN FILTRE DE LANGUE


Pour que Joomla! puisse distinguer les diffrentes langues, le Plug-in Systme Filtre de Langue (Extensions Plug-Ins) doit tre activ. Vous devez congurer la langue qui sera afche au visiteur, soit la langue de votre site web ou soit la langue rgle dans le navigateur du client, en utilisant simplement les Options et Paramtres. Un autre paramtre de conguration est le Changement de langue automatique. Si ce paramtre est activ, le contenu changera automatiquement en changeant les paramtres de langue du frontend.

Figure 3: Plug-In - Filtre de Langues


Chaque utilisateur peut congurer sa langue de frontendune fois qu'il est connect sur le site. La plupart du temps, il y a un menu utilisateur qui, selon vos permissions, vous donne accs diffrents lments de menu. Dans ce menu utilisateur, vous trouverez galement le lien Votre prol.En cliquant sur le lien, vous pourrez voir et diter vos donnes de prol. Dans le formulaire d'dition du prol, dans les paramtres de base, les utilisateurs pourront choisir parmis plusieurs congurations et rgler leur langues frontend (Figure Mar 22, 2012 Page 203

Joomla! 2.5 - Le Guide Pour Dbutant 4). Vous pouvez utiliser la langue par dfaut du site web ou une des langues de contenu disponibles. Selon ces rglages, le plug-in de langue vous permet de voir le site dans la langue correspondante.

Figure 4: Prol utilisateur Paramtres de base

MODULE CHANGEMENT DE LANGUE


En activant le module Changement de langue, vous avez la possibilit de changer de langue sur le frontend, que vous soyez un visiteur ou un utilisateur connect. Dans les paramtres de base, vous pouvez ajouter un texte et choisir si vous souhaitez afcher les diffrentes langues sous forme d'icne drapeaux ou de noms. Je suis sr que certains templates tierces proposeront des positions spciales pour ce module prochainement. Sur le template par dfaut Beez2, la position-7 permet d'afcher correctement ces drapeaux.

Figure 5: Changement de langues


Il est important de lire ce texte qui suit avec attention (et deux fois) Mar 22, 2012 Page 204

Joomla! 2.5 - Le Guide Pour Dbutant Quand le changement de langue est activ et si l'lment de menu afchant la page d'accueil n'est pas associ un autre lment de menu, le module redirige la page d'accueil dnie pour la langue choisie. D'autre part, si le paramtre est rgl pour le plug-in Filtre de langue, il devra rediriger sur l'lment de menu associ la langue choisie. Par la suite, la navigation sera celle dnie pour une langue. Si le plugin 'System - Filtre est dsactiv, cela aura des rsultats non souhaits. Mthode: 1. Ouvrez l'onglet contenu du gestionnaire de langues et assurez-vous que les langues que vous souhaitez utiliser dans les contenus soient publies et aient un code langue pour les URL ainsi qu'un prxe pour l'image utilise dans l'afchage du module. 2. Crez une page d'accueil en assignant une langue un lment de menu et dnissez-la comme page d'accueil par dfaut pour chaque langue de contenu publie. 3. Par la suite, vous pouvez attribuer une langue n'importe quel article, catgorie, module, Fil d'actualit, liens Internet dans Joomla!. 4. Assurez-vous que le module soit publi et le plug-in activ. 5. Quand vous utilisez un lment de menu associ, assurez-vous que le module soit afch sur la page concerne. 6. L'ordre d'afchage des drapeaux ou des noms est dni par l'ordre dans Gestionnaire de langue Contenu. Si ce module est publi, il est conseill de publier le module statut multilingue administrateur.

ELMENT DE CONTENU MULTI-LANGUES

Comme je l'ai dj prcis, chaque lment de contenu, comme un article, peut tre assign une langue. La difcult rside maintenant dans la cration de tous ces lments de contenu dans toutes les langues sources et cibles (Figure 5). Vous pouvez crer des lments de contenu dans toutes les langues mais, malheureusement, Joomla 2.5 n'offre pas encore un workow de traduction, ce qui signie que vous devez faire attention an d'viter les erreurs.

Figure 6: Paramtres langues


Mar 22, 2012 Page 205

Joomla! 2.5 - Le Guide Pour Dbutant

UN SITE WEB MULTI-LANGUES


Mon site web exemple consiste en: une page d'accueil avec articles, un blog, une page A propos de nous un formulaire de contact.

Figure 7: Site d'exemple


Tous les lments de contenu doivent tres disponibles dans les diffrentes langues (Figure 6).

Front page
Pour vous faciliter les choses au dbut, j'ai cr une vido (qui sera publie bientt pour Joomla 2.5) Voici la version 1.7 (qui fonctionne toujours)86 J'ai cr quelques articles pour chaque langue avec les paramtres attribus (voir chapitre Un article type). Je cre un menu appel default avec un lment de menu appel default, li aux Articles en Vedette. Je congure cet lment de menu comme Accueil en cliquant sur le bouton Accueil. Le menu default n'a pas
86

http://vimeo.com/28593435 Page 206

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant besoin de module correspondant, il doit simplement exister (ce comportement est dans la version actuelle de Joomla 2.5 et sera heureusement modi dans les prochaines mises jour). Ensuite, je cre un menu par langue ainsi que les modules menu correspondants. Je cre un lment de menu pour chaque langue: Home, Startseite, Accueil. Ces liens de menu doivent tre congurs comme Accueil en cliquant sur le bouton Accueil. Si vous voyez le drapeau cot de l'lment de menu, tout fonctionne correctement, sinon... regardez la vido :)

Figure 8: Une page d'accueil pour chaque langue

Un blog
Dans mon cas, j'ai dj un blog sur cocoate.com, donc j'utilise le composant Fil d'actualit pour afcher les entres externes du blog. Je cre un lment pour chaque langue ainsi que l'lment de menu correspondant (voir Fils d'actualit).

Une page 'A propos de nous'


Je cre une page 'A propos de nous' dcrite dans le chapitre Comment crer une page "A propos de nous" pour chaque langue.

Un formulaire de contact
J'utilise un formulaire de contact unique pour les demandes de renseignement gnral. Je n'ai besoin que d'un lment de contact, donc il n'est pas ncessaire d'assigner une langue. Seulement si les donnes de contact diffrent dans les diffrentes langues, par exemple, adresse ou e-mail diffrents, il sera ncessaire de crer un lment de contact pour chaque langue.

Formulaire de connexion

Sur chaque page, un formulaire de connexion sera visible. J'ai copi le module de connexion anglais deux fois, congur l'assignement de menu, chang le titre et assign la langue correspondante. Il est maintenant possible de s'enregistrer et de se connecter sur mon site.

Menu utilisateur
Mar 22, 2012 Page 207

Joomla! 2.5 - Le Guide Pour Dbutant J'utilise le menu utilisateur existant, qui vous donne un lien vers votre prol ainsi qu'un lien pour la cration d'un article ou d'un lien web. (Figure 9).

Figure 9: Edition en Front-end


Comme vous pouvez le voir, crer un site multi-langues avec le noyau de Joomla 2.5 est trs simple!

SURCHARGES DE LANGUES
Si vous remarquez des chanes de caractres de langues qui ne sont pas appropries pour votre site, vous pouvez les modier dans Extensions -> Gestionnaire de Langues -> Substitutions. Une chaine de caractres de langues est compose de deux parties: une constante de la langue spcique et sa valeur. Par exemple, dans la chaine de caractres: COM_CONTENT_READ_MORE="Lire la suite: " 'COM_CONTENT_READ_MORE' est la constante 'Lire la suite: ' est la valeur. Vous devez utiliser la constante de la langue spcique pour de crer une substitution de la valeur. Cependant, vous chercher la constante ou la valeur que vous souhaitez changer avec le champ de recherche situ droite. En cliquant sur le rsultat souhait, la constante sera automatiquement insre dans le formulaire. Mar 22, 2012 Page 208

Joomla! 2.5 - Le Guide Pour Dbutant Vous pouvez rechercher dans ces chaines de caractres de langues en remplissant le formulaire, puis modier les textes (Figure 10).

Figure 10: Substitution de Langue

Mar 22, 2012

Page 209

Joomla! 2.5 - Le Guide Pour Dbutant

Chapitre 21

ecrit par Jen Kramer

Un Site Joomla 2.5 partir de zro


PREMIREMENT, COMMENCER AVEC UN PLAN
Il y a deux types de concepteurs de Site Web. Le premier est typique. Un client demande, Je voudrais un site web, et je le veux bleu; combien cela va couter? Le concepteur rpond, Si vous le souhaitez avec un calendrier, cela coutera X, ou vous pouvez aussi en vouloir un avec un blog pour Y. Ce type de concepteur fonctionne comme un bouton-clicker. Le client demande quelque chose, et plutt que d'appliquer une analyse ou des annes d'exprience la rsolution du problme du client, ce concepteur offre tout simplement un site de la faon dont le client l'a demand. Le second type de concepteur de site web a un plus grand avenir avec ses plus clients. Quand on lui pose la mme question, ce concepteur rpond, Bien sr, nous pouvons sans problme faire votre site web bleu. Pouvez-vous me parler de votre structure et de ce que vous esprez que votre site web lui apporte ? En vous renseignant ainsi sur la structure de votre client et sur les problmes qu'il souhaite rsoudre, vous tablissez une relation de conance avec lui. Cela signie que la construction du site n'est que le point de dpart de votre relation avec un client, et n'est en rien l'accomplissement de cette relation. Il est beaucoup plus facile de travailler de manire suivie avec des clients existants que d'en chercher de nouveaux continuellement. En supposant que vous souhaitiez tre le second, concepteur de site web rencontrant plus de succs, voici quelques conseils pour construire votre site web Joomla.2.5 partir de zro.

Objectifs de la structure, utilisateurs, et site web


Mar 22, 2012 Page 210

Joomla! 2.5 - Le Guide Pour Dbutant Engagez une conversation avec votre client sur sa structure, qu'il s'agisse d'une entreprise, d'une association but non lucratif, ou d'un site personnel. Vous pourriez demander quelques-unes des questions suivantes. Ce ne sont pas les seules, il y en a beaucoup d'autres: Quel est le l'objectif de la structure ? (Exemple : combattre la faim dans le monde, gagner de l'argent en vendant des produits tricots, des mises jour au sujet de mes dernires activits) Quand la structure a-t-elle t cre, et qui s'adresse-t-elle? Pourquoi la structure a-t-elle besoin d'un site web? En a-t-elle dj un ou sera-t-il son premier? Si un site existe dj, que doit on garder de l'ancien ? Que voulez vous ajouter au contenu de l'ancien site ? Le message vhicul par le site reste-t-il le mme ou la structure a chang depuis le design de l'ancien site? Qui va administrer le site? (Exemple: le staff, un webmaster travaillant domicile, la secrtaire en plus de ses autres fonctions ou la structure vous envoie les mises jour et c'est vous de faire les modications) Vous aurez probablement envie de poser de nombreuses questions en plus de celles ci-dessus an de bien comprendre votre client et les rponses aux trois questions cls suivantes: Quelles sont les objectifs de la structure? Quels sont les objectifs du site web? Comment va-t-il soutenir les objectifs de la structure? Quelles sont les attentes des visiteurs du site web, et comment intgrer cela avec les objectifs du site et de la structure? En dehors de cette discussion, vous devrez identier les types d'extensions que vous devrez intgrer au site (par exemple : un calendrier avec un module signalant les vnements venir ; un blog avec commentaires et tags, une interface e-commerce intgrant Paypal). Vous devrez galement dvelopper un site map87 pour votre site web. C'est une description dtaille de toutes les pages de votre site web et de comment elles sont lies entre elles. Le terme sitemap fait galement rfrence la page de votre site qui contient les liens de toutes les pages de votre site. Le premier sitemap que vous crez nonce toutes les pages ainsi que la structure de navigation sur une feuille de papier, et le second sitemap peut tre gnr par une extension comme XMap88. For more information on website planning, I recommend the following resources:

87 88

http://usability.gov/methods/design_site/dene.html#CreatingaSiteMap http://extensions.joomla.org/extensions/structure-a-navigation/site-map/3066 Page 211

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant The Elements of User Experience89 , par Jesse James Garrett "Website Strategy and Planning" 90, lynda.com video training, par Jen Kramer

ENSUITE, PRENEZ EN COMPTE LA TECHNOLOGIE


Si vous lisez ce livre, et particulirement le chapitre nomm Un Site Joomla 2.5 partir de zro, je prsume que vous avez choisi Joomla! pour construire votre site web. Les clients peuvent souhaiter savoir pourquoi vous avez choisi Joomla! pour le site, ou pourquoi c'est un bon choix technologique pour eux. Voici quelques arguments que j'utilise lorsque je vends des sites dvelopps avec Joomla!: Joomla! est l'un des trois meilleurs CMS open source91 au monde support par une communaut grandissante et un procd de dveloppement actif. Les nouvelles versions de logiciels sortent tous les six mois. Joomla propulse plus de 23.5 millions de sites travers le monde92, et il a t choisi par 3000 sites gouvernementaux93. Parce que Joomla est une technologie open source, le client n'est pas li une rme de dveloppement Web unique, de la faon dont il le serait avec les logiciels propritaires. Il y a beaucoup d'entreprises disponibles pour assurer la maintenance d'un site Joomla!. L'interface Joomla ! est simple utiliser et les clients aiment la possibilit d'apporter des modications leur site sans impliquer un dveloppeur web. Il est peu probable que vous n'utilisiez seulement les fonctions de base de Joomla! pour construire votre site web. Dans la plupart des cas, vous aurez envie d'ajouter des extensions tierces votre site Web. Un bon endroit pour commencer chercher dans ces extensions est le Joomla Extension Directory (JED) 94. Dbattre de quelles sont les meilleures extensions Joomla! ou les plus critiques pour chaque site Web est un sujet de conversation qui semble ne jamais vieillir parmi les concepteurs et les dveloppeurs de Joomla!.
89 90 91 92

http://www.amazon.com/gp/product/0321683684/ http://www.lynda.com/Interactive-Design-tutorials/websitestrategyandplanning/53259-2.html http://trends.builtwith.com/cms

http://techcrunch.com/2011/06/11/joomla-quietly-crosses-23-million-downloads-now-poweringover-2600-government-sites/
93 94

http://joomlagov.info/ http://extensions.joomla.org/ Page 212

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant N'ajoutez pas de trop nombreuses extensions sur votre site Joomla!. Il est prfrable de choisir un minimum d'extensions, seulement celles dont vous avez le plus besoin, et ne surchargez pas le site avec des technologies additionnelles non ncessaires mme si elles vous les trouvez "cool". Chaque extension doit rpondre un objectif identi dans le cadre du processus de dveloppement des objectifs dcrits cidessus.

MAINTENANT VOUS TES PRTS CONSTRUIRE


1. Installez Joomla.

Avec un plan tablit et des extensions slectionnes, et votre sitemap en place, vous tes prts assembler votre site web Joomla. 2. Crez des catgories suivant votre plan de site. Le catgories doivent tre en concordance avec votre plan de site. Par exemple, si vous avez une partie du site appele A propos de nous, vous devez crer la catgorie correspondante. Les pages comme conseil d'administration, Histoire, mission et vision, ainsi que la gestion seraient inclus dans cette catgorie. 3. Entrez votre contenu dans le site web en utilisant le gestionnaire d'article. Chaque page plani doit devenir un article. Quelques ressources utiles pour la comprhension de ce processus : 4. Un article type 5. Comment crer une page "A propos de nous" 6. Gestionnaire de mdias, qui est utilis pour grer toutes les images et documents que vous souhaitez inclurent avec un article 7. Lis les articles avec la barre de navigation sur le site web via le gestionnaire de Menus. 8. Installez un template qui rends le look du site comme vous le souhaitez. Vous pouvez faire cette tape plus top, mais je trouve qu'il est plus facile d'valuer le look d'un template une fois que le site possde du contenu. 9. Congurez toutes extensions ncessaire votre site web. Par exemple, il est trs probable que vous souhaiterez inclure un formulaire de contact sur votre site. 10. Testez votre site web avec attention. Assurez-vous que la navigation des liens vers les pages souhaites fonctionnent sur le site. Relisez tout le contenu pour trouver les coquilles et fautes de frappes. Vriez le sites sur plusieurs navigateurs diffrents (comme Firefox, Safari, Chrome, et Internet Explorer) sur les deux systmes d'exploitation Mac et Windows. Le site ne doit pas tre exactement le mme, mais il doit s'afcher correctement sur tous les navigateurs. 11. Lancez votre site web. Vous pouvez faire un "lancement en douceur" d'abord, ce qui signie que vous lancez le site sans en faire sa promotion publiquement. Cela vous donnera du temps pour tester le site dans un environnement rel, tout en xant des problmes supplmentaires qui pourraient Mar 22, 2012 Page 213

Joomla! 2.5 - Le Guide Pour Dbutant survenir. Une fois que le site a t activ pendant une semaine ou deux, vous pouvez le "lancer en force", ce qui signie la cration de la publicit pour le nouveau site.

Mar 22, 2012

Page 214

Joomla! 2.5 - Le Guide Pour Dbutant

Chapitre 22

Mise jour partir d'anciennes versions


MISE JOUR PARTIR DE JOOMLA! 1.7
Bon, cette partie est assez facile. Rendez-vous dans Extensions Gestion des Extensions Mise jour. Cliquez sur le bouton et vous avez ni! Il est temps de vous reposer, d'attraper un caf et de penser: Bien, c'tait une bonne dcision de commencer mon nouveau projet avec Joomla! 1.7 Attention: beaucoup de chaines de caractres dans les chiers de langues ont chang. Cette mise jour en un clic n'inclut pas les packs de langues locaux. Si vous avez install les packs de langues locaux, il est ncessaire de les mettre jour en les rinstallant. Si vous pensez que cette ' solution en un clic ' est loin d'tre si facile, alors jetez un il la documentation plus dtaille de Joomla documentation95.

MIGRER PARTIR DE JOOMLA! 1.5

Comment pouvez-vous migrer un site joomla! 1.5 vers Joomla! 2.5 sans perdre de donnes ou sans avoir de dsastres similaires? Il y a deux mthodes pour effectuer la migration: 1. Vous pouvez mettre jour le site web existant en utilisant un composant supplmentaire. Ce composant charge tous les chiers ncessaires en un clic sur votre site web Joomla 1.5 et les convertit automatiquement sur Joomla 2.5. 2. Vous pouvez crer un site web Joomla 2.5 vide et insrer les donnes venant du site web Joomla 1.5 manuellement.

Mise jour automatique de Joomla! 1.5 Joomla! 2.5

95

http://docs.joomla.org/Upgrade_1.6.5_to_1.7 Page 215

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant ATTENTION: Le composant de mise jour que j'utilise ne permet pas le transfert des donnes de TOUTES les extensions tierces. Mais, en gnral, je pense que cette solution est une bonne ide. :-) Avant de commencer, veuillez rpondre aux questions suivantes avec un grand OUI clair. Est-ce que votre environnement serveur satisfait les exigences minimum pour Joomla! 2.5? PHP, version 5.2.4 ou plus (Pas pour Joomla! 2.5, mais pour le composant de migration, vous aurez besoin du module CURL dans PHP.) MySQL, version 5.0.4 ou plus Les extensions installes sur votre site sont elles disponibles pour Joomla 2.5? Jetez un il sur :96. Le template install est-il disponible pour Joomla 2.5, ou tes vous capable de le modier manuellement? Voici une prsentation intressante par Chris Davenport 97. A propos de Joomla 1.6 en gnral, mais rien d'important ne change pour Joomla 2.5. Etes-vous sufsamment expriment pour modier quelques petites erreurs dans le code en suivant des instructions :-)? Si vous vous sentez prt et que vous avez rpondu oui toutes les questions...allons y!

Etape: 1 Sauvegarde
Avant de faire quoi que ce soit, veuillez faire une sauvegarde de votre site. Vous utilisez probablement dj Akeeba Backup 98. Sinon, installez-le et faites une sauvegarde de votre site!

Etape: 2 Crez une copie de votre site en local


Si vous faites une copie manuellement, vous devrez: copier vos chiers faire un dump de votre base de donnes MySQL, crer une base de donnes en local et y importer le dump Modier conguration.php
96 97 98

http://extensions.joomla.org/extensions/advanced-search-results/524478 http://www.slideshare.net/chrisdavenport/template-changes-for-joomla-16 http://extensions.joomla.org/extensions/access-a-security/site-security/backup/1606 Page 216

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant Vous pouvez galement implmenter le procd avec Akeeba backup, qui permet de crer un pack zip de votre site. Pour recrer un site web partir de ce pack, vous aurez besoin de Akeeba Kickstarter.99 Placez les chiers Kickstart et le pack zip de votre site web dans un dossier local de votre site web (htdocs). Crez une base de donnes vide pour votre Joomla 1.5 Lancez kickstart.php. Normalement, l'URL devrait ressembler http://localhost/kickstart.php. Ensuite, suivez les instructions.

Etape 3: Mise jour du composant


Voici une mise jour du composant par Matias Aguirre100.Les donnes suivantes seront transfres: La migration se fera coup sr Banners - 100% Categories - 100% Contacts - 100% Content - 100% Menus - 100% Modules - 100% Newsfeeds - 100% Users - 100% Weblinks - 100% Installez le composant 101 dans votre installation Joomla 1.5 locale. Lancez le et commencez la mise jour c'est tout. :-) Le composant cre un dossier avec comme nom jupgrade et installe Joomla 2.5 sur votre site Joomla 1.5 dans ce dossier (http://localhost/jupgrade). Le template du noyau Joomla 2.5 est activ.

Fichiers de langues

99

http://www.akeebabackup.com http://twitter.com/maguirre http://redcomponent.com/jupgrade Page 217

100 101

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant Si vous utilisez Joomla! dans une langue autre que l'anglais vous devrez installer le chier de langue correspondant 102.

Template
Modiez votre template et activez-le.

Plus de Resources

http://docs.joomla.org/Upgrade_1.5_to_1.7 Ce graphique simple donne une ide prcise de l'avenir (Figure 2).

STRATGIE GNRALE DU DVELOPPEMENT JOOMLA!

102

http://extensions.joomla.org/extensions/languages/translations-for-joomla Page 218

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant

Figure 2: Stratgie Gnrale du Dveloppement Joomla (Graphique cr par Sander Potjer103)

103

http://sanderpotjer.nl/
Page 219

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant

Chapitre 23

Resources
Ce livre est un dbut. Jespre que vous en avez apprci la lecture. Mon intention tait de vous guider travers Joomla 2.5. Tout n'a pas t abord car cela aurait t trop consquent. Si vous voulez vous plonger plus profondment dans ces sujets, vous pouvez lire Le Guide Pour Dbutant - Dveloppement Joomla 104. Quel genre de ressources utiles peuvent vous en apprendre d'avantage sur Joomla! ou peuvent vous pousser entrer en contact avec la communaut Joomla!?

COMMUNAUT
Comme cela est crit sur la couverture de ce livre, Joomla! est soutenu par une communaut mondiale. Si vous aimez cette ide, venez et rejoignez nous! Devenez membre de http://community.joomla.org/. Lisez le community magazinehttp://magazine.joomla.org/. Peut-tre existe-t-il un groupe d'utilisateurs proche de vous que vous pouvez rejoindre? http://community.joomla.org/user-groups.html Sinon, crez-en un vous mme! Twitter: http://twitter.com/joomla Facebook Group: http://www.facebook.com/joomla Flickr: http://www.ickr.com/groups/joomla/

DOCUMENTATION
http://docs.joomla.org/

CHECK-LISTE DE SCURIT JOOMLA! EXTENSIONS

http://docs.joomla.org/Security_Checklist_1_-_Getting_Started

Le JED (Joomla! extension directory) fournit plus de 8 900 extensions - http:// extensions.joomla.org/.
104

http://cocoate.com/fr/jdevfr Page 220

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant

JOOMLA! TEMPLATES

Il n'y a pas de rpertoire central pour les templates gratuits. Il n'y a pas de rpertoire central pour les templates commerciaux.

Dans tous les cas, il y a beaucoup de clubs ou de professionnels produisant des templates Joomla! . Il suft de chercher sur le web et vous trouverez trs certainement quelque chose qui vous convient.

EVNEMENTS
Joomla! est connu pour ses Joomla! days. Un Joomla! day est un vnement sur un - ou deux - jours organis par et pour la communaut. Une liste des Joomla! day peut tre trouv ici- http://community.joomla.org/events.html Il y a une confrence Joomla! internationale en Europe appele jandbeyond. Allez sur http:// jandbeyond.org/pour plus d'information. En novembre 2012 il y aura la premire confrence Joomla! mondiale (San Jose) Date: 16-18 Novembre 2012 Localisation: eBay Town Hall 2161 North First Street San Jose, CA 95131 USA

LE FUTUR

La communaut prvoit un cycle de sortie des mises jour de six mois, fond sur les ides postes dans Joomla! idea pool105. La prochaine version support de long terme sera Joomla! 3.5 en Mai 2013. Le rseau de dveloppeurs Joomla! est en permanence la recherche de gens comme vous :-) http:// developer.joomla.org/

FORMATION

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

SUPPORT COMMERCIAL HBERGEMENT


105

http://resources.joomla.org/directory/support-services/hosting.html

http://ideas.joomla.org/forums/84261-joomla-idea-pool Page 221

Mar 22, 2012

Joomla! 2.5 - Le Guide Pour Dbutant

CERTIFICATS

Pour le moment il n'est pas possible dobtenir un certicat Joomla!. Vous voyez, il reste assez de travail pour vous, vos amis et le reste du monde :-).

Mar 22, 2012

Page 222

Joomla! 2.5 - Le Guide Pour Dbutant

cocoate.com
est l'diteur de ce livre. Consultant en gestion indpendant, bas en France et travaillant l'international, nous sommes spcialiss dans trois secteurs Consulting, Coaching et Enseignement . Cocoate.com dveloppe des stratgies bases sur le web pour le dveloppement , la gestion de projet et les relations publiques Nous proposons des formations personnalises pour les CMS open source (content management systems) Drupal, Joomla et WordPress, dans les domaines de la gestion et du leadership et dveloppons des projets ducatifs en mettant l'accent sur l'apprentissage non formel. Les projets ducatifs europens se concentrent sur la promotion de l'apprentissage tout au long de la vie dans le but de insertion sociale. Un accent particulier est mis sur les mthodes d'apprentissage an d'apprendre apprendre, la conception et la ralisation de stratgies d'apprentissage entre les gnrations et le dveloppement des communauts locales. http://cocoate.com

Mar 22, 2012

Page 223