HTMLjoomla

ISBN:978-2-7460-9167-226,50Joomla!
3.
3-CréezetadministrezvossitesWebJoomla!
3.
3CréezetadministrezvossitesWebWebDesigner,DidierMazierenseignelacréationdesitesenIUTdepuis1997etdispensedesformationsprofessionnellesauxentreprises.
Ils'estnaturellementintéressédepuislongtempsauxCMSOpenSourceetàJoomla!
enparticulier.
SonexpériencedeformateursurceCMSOpenSourceluiapermisdecernerlesattentesdesdifférentspublicsconcernésetdeproposercelivreenréponse.
Joomla!
estundesmeilleursCMS(ContentManagementSystem-Systèmedegestiondecontenu);opensource,donctotalementgra-tuit,ilpermetdecréerdessiteswebpuissantsetsedistinguedesesconcurrentspardesfonctionnalitésnativementtrèsavancées.
L'arrivéedelaversion3amarquél'gedelamaturitéavecunearchitectureMVCperformante,undesignresponsif(s'adaptantauxportablesettablettes)basésurBootstrap,unerapiditédetraitementaccrueainsiqu'unefiabi-litéàtouteépreuve.
Proposantbienplusqu'unsimpleoutildecréationdeblog,Joomla!
permetdedéployerpuisdefaireévoluerdevéritablesapplicatifsweb.
Celivres'adresseauxdébutantscommeauxutilisateursplusaguerrissoucieuxdecomprendrelesavancéesdelaversion3.
3;ilvousprésenteuneméthodologiedetravailetdesexplicationsdétailléesétapeparétapepourunepriseenmainprogressivedecetteversiondeJoomla!
afindeconstruiredessitesperformants.
VousverrezcommentinstallerJoomla!
danstouteslesconfigurations,localesoudistantes,sousMacouWindows,commenttirerpartidelagestionavancéedesdroitsd'accèsetd'éditionpourdesutilisateursmultiples,commentgérerl'aspectgraphiquedusiteaveclestemplates(modèlesgraphiques)etcommentutiliserdesframeworks(plateformesdetravail)quivousferontgagneruntempsprécieuxdanslapersonnalisa-tiondevotresiteenvousévitantdetirerdeslignesdecodefastidieuses!
Vouscomprendrezcommentlecontenueststructuréetcommentdéployerlameilleureorganisationdesarticles,catégoriesetmodules.
Laconstructiond'unsitemultilingueseraétudiéeendétail;vousex-ploiterezégalementlesoutilsdenavigationetderecherche.
LaforcedeJoomla!
résidedanssonextensibilité,vousverrezdonccommentinstalleretparamétrerdesextensions,composants,modules,plug-ins,pourac-crotrelespotentialitésdevotresite:contenumultimédia,GoogleMaps.
.
.
Avecunsystèmecompletdee-commercecommeHikashop,vousap-prendrezàcréeretparamétreruneboutiqueenligne.
Unchapitreestconsacréauréférencementdevotresite;lelivresetermineparlaprésentationdesprincipalesfonctionsd'adminis-trationetd'optimisationdusite:socialisation,statistiquesmaisaussisécurité,maintenance,sauvegardeetmiseàjour.
DidierMAZIERsurwww.
editions-eni.
fr:blawebographieJoomla!
3.
3CréezetadministrezvossitesWebDidierMAZIERPourplusd'informations:Tabledesmatières1EditionsENI-AllrightsreservedChapitre1:DécouvrirJoomla!
A.
LesraisonsdecréerunsitesousJoomla!
9B.
SedocumentersurJoomla!
9C.
LafeuillederoutedeJoomla!
10D.
Qu'est-cequ'unCMS12E.
HTMLetXHTML.
12F.
Différencierlecontenudelaprésentation131.
ResponsiveDesign13G.
PHPetApache14H.
MySQL.
14I.
Sitestatiqueousitedynamique15J.
LeframeworkJoomla!
15Chapitre2:InstallerJoomla!
A.
Avantdecommencer191.
Lesétapesdel'installation192.
Lesspécificationsrequises19a.
LefichierHTACCESSetPHP5203.
Lesoutilsdebase.
22a.
LenavigateurWeb22b.
LetransfertFTP23c.
L'éditeurdefichiers23d.
Décompresserdesfichiersarchivés23B.
tape1:créerlabasededonnées231.
Installersurunserveurlocal.
23a.
SousWindows23b.
SousMacOs26c.
Surunhébergementdistant.
29C.
tape2:placerlesfichiersJoomla!
dansledossierracine.
38D.
tape3:configurerl'installation.
41Chapitre3:PriseenmaindeJoomla!
A.
Lefonctionnementd'unsiteJoomla!
511.
Vocabulaireetorganisation512.
L'interfaced'administration52a.
L'organisationgénéraleetlesmenus52b.
Lesboutonsd'action56Joomla!
3.
3-Créezetadministrezvossitesweb2B.
Configuration.
571.
Laconfigurationdusite.
57a.
Personnalisationdumessagehorsligne.
57b.
Lesréglagesdeconfort.
59c.
Lesmétadonnées60d.
LesparamètresSEO61e.
Paramètresdescookies.
622.
Laconfigurationsystème633.
Laconfigurationserveur644.
Laconfigurationdesdroits.
655.
Laconfigurationdesfiltresdetexte66C.
Gérerlesutilisateurs671.
Gérerdesdroitsd'accèsetd'édition.
672.
Créerungrouped'utilisateurs.
683.
Créerunutilisateur724.
L'auto-inscriptiondesutilisateurs745.
Paramètresgénérauxdelagestiondesutilisateurs77a.
Composant77b.
Paramètresdesversions78c.
Envoid'e-mailsennombre796.
Lesnotesutilisateurs79a.
Organiserlescatégoriesdenotes79b.
Créerunenoteutilisateur.
83Chapitre4:LegraphismedessitesJoomla!
A.
Lestemplates.
891.
LedesignResponsifBootstrap892.
Choisiruntemplate.
91a.
Lescritères.
91b.
Lesfournisseursdetemplates93B.
Gestiondestemplates951.
L'interface.
952.
Lesparamètres953.
Lestemplates964.
Lessubstitutions(overrides)985.
Modifierunstyle.
1006.
Installeruntemplatetiers.
102a.
Téléchargeretinstalleruntemplate102b.
Paramétreruntemplate1057.
Utiliserunframework.
113a.
Téléchargeretinstallerunframework.
113Tabledesmatières3EditionsENI-AllrightsreservedC.
Lagestiondesmédias.
1161.
Lesparamètresdelagestiondesmédias1162.
Organiserlesmédias.
117Chapitre5:OrganiserlecontenuA.
Lesparamètresglobauxducontenu.
1211.
Paramètresdesarticles1212.
Paramètresd'agencement1223.
Paramètresdecatégorie1234.
Paramètresdescatégories1235.
ParamètresBlog/Envedette1246.
ParamètresListes1247.
Paramètrespartagés.
1258.
Paramètresd'intégration1259.
Paramètresdesdroits.
125B.
Gérerlescatégories1251.
Créerunenouvellecatégorie.
1262.
Traitementparlotdescatégories127C.
Gérerlesarticles1281.
L'interface.
128a.
Labarredeboutons129b.
L'en-têtedelalistedesarticles.
1292.
Créerunarticle130a.
Renseignerlesparamètresdel'article130b.
Construireunarticleavecl'éditeurpardéfaut135c.
Ajouterdesimages.
139d.
Utiliserunautreéditeur140e.
ModifierunarticledepuisleFrontEnd145f.
Traitementparlotdesarticles1483.
Gérerlapaged'accueil.
148D.
Construireunsitemultilingue1511.
LadocumentationJoomla!
1512.
Méthodologie151a.
Créerlalanguedecontenu151b.
Activerleplug-inFiltredelangue153c.
Créerducontenudansleslanguesutilisées155d.
Créerdesmenusdansleslanguesutilisées.
155e.
Assignerdesmodulesauxmenusdelangues157f.
Installerlesélecteurdelangues.
158g.
Afficherlestatutmultilangue160Joomla!
3.
3-Créezetadministrezvossitesweb4Chapitre6:LanavigationA.
Lesmenus1651.
Créerunnouveaumenu1652.
Créerdesliensdemenu1653.
Assignerunmoduleàunmenu1694.
Réorganiserlesliensdemenus.
171B.
Larecherche1721.
Paramétrerlecomposant1722.
Larechercheavancée.
174C.
Lefildenavigation.
178Chapitre7:LesextensionsA.
Lestypesd'extensions181B.
Gérerlesextensions.
1821.
Installerlesextensions1822.
Mettreàjourlesextensions1853.
Supprimeruneextension185C.
Gérerlesmodules.
1861.
Lespositionsdesmodules1872.
Créerunmodule1903.
Personnaliserlegraphismed'unmodule192D.
Gérerlescomposants1931.
LecomposantBannières.
1932.
LecomposantContact.
1983.
LecomposantLiensWeb2024.
LecomposantMessagerieprivée.
2055.
Envoid'e-mailsennombre.
206E.
Gérerlesplug-ins208F.
Enrichirlecontenuavecdesextensions.
2101.
Insérerducontenumultimédiasurunsite.
210a.
Intégrerunevidéohébergéesuruneplate-forme210b.
Intégrerunevidéostockéesurlesite.
2132.
InsérerunecarteGoogleMap2183.
Insérerunmoduledansunarticle2244.
InsérerducodeJavaScriptdansuntemplate2255.
Unsitedee-commerceavecHikaShop226a.
InstallerHikaShop227b.
ParamétrerHikaShop.
230c.
Configurerlesconditionsdevente.
233d.
Créerlecatalogueproduits235Tabledesmatières5EditionsENI-Allrightsreservede.
Mettrelaboutiqueenligne.
238Chapitre8:RéférencerunsiteJoomla!
A.
Introduction245B.
Unpeudevocabulaire245C.
Choisirunnomdedomaine246D.
Choisirunvraihébergeur248E.
OptimiserlesadressesURLdevotresite248F.
UtiliserdesadressesURLcourtes249G.
Soignersonsnippet.
250H.
Lesbalisesd'en-tête.
252I.
Letitre.
253J.
Ladescription.
253K.
Lesmots-clés253L.
Lesimages.
254M.
Larechercheuniverselle.
254N.
Améliorersonréférencementlocal255O.
UtiliserlesoutilspourWebmastersdeGoogle2581.
Ajouterunnouveausite2592.
Structured'unplanSitemap2603.
UtiliserlesfichiersSitemap.
2624.
SoumettreunSitemapauxmoteursderecherche2655.
LesoptionsduTableaudebord2666.
Lesoutils2667.
Utiliserleprotocoled'exclusiondesrobots267P.
Améliorerl'accessibilitédevospages.
272Q.
Inscriresonsitedanslesannuaires.
273R.
Unelisted'outilsutiles273Chapitre9:PromouvoirunsiteJoomla!
A.
Introduction279B.
Lesfilsd'actualité2791.
GestiondesfluxdansJoomla!
280a.
Gestiondesfluxexternes280b.
Gestiondesfluxdevoscontenus281C.
LaSocialisation2911.
Placerdesboutonsdesocialisation.
2912.
InstalleruneFacebookLikeBox2933.
LesDigg-like295Joomla!
3.
3-Créezetadministrezvossitesweb6Chapitre10:AdministrerunsiteJoomla!
A.
Introduction299B.
Lasécurité2991.
L'authentificationendeuxétapes2992.
Protégerl'adresseURLdel'administration.
3023.
PrévenirlesinjectionsSQL3044.
Bloquerl'accèspourdesplagesd'adressesIP306C.
Lessauvegardes3061.
InstallerAkeebaetsauvegarderlesite.
3062.
Restaurerlesite.
310D.
Lesmisesàjour311E.
L'administrationauquotidien3131.
Gérerlecache3132.
Déverrouillerunarticle3143.
RécupérerunmotdepasseAdministrateur.
3144.
Suivrelesstatistiques315a.
GoogleAnalytics315b.
ExtraWatch324AnnexesA.
RessourcesJoomla!
329B.
Images3291.
Banquesd'images3292.
Icnes.
330C.
Marqueurscartographie.
332D.
Programmes.
3321.
Programmesdivers3322.
Retouchesd'images3333.
diteursd'imagesavancés333E.
Servicesd'hébergementd'images334F.
Servicesd'hébergementdevidéos334Index335Chapitre3:PriseenmaindeJoomla!
EditionsENI-Allrightsreserved51Chapitre3:PriseenmaindeJoomla!
Joomla!
3.
3-CréezetadministrezvossiteswebA.
Lefonctionnementd'unsiteJoomla!
1.
VocabulaireetorganisationPourbienaborderunsystèmedegestiondecontenucompletcommeJoomla!
,ilestpréférabledecommencerparladescriptiondelavued'ensembleetlanaturedestermesemployés.
Leschémaci-aprèsrésumelemodedefonctionnement.
Nousavonsdéjàvuqu'unsiteJoomla!
comportedeuxparties:lesiteenlui-mêmeetuneinter-faced'administration.
Surlesite,lesutilisateurspeuvent,selondesdroitsd'accès:-Accéderounonauxcontenusmisenligne.
-Interagir.
-Contribuerenajoutantdescontenus,ouenmodifiantdescontenusexistants.
Joomla!
3.
3-Créezetadministrezvossitesweb52L'interfaced'administration,réservéeauxcontributeurslesplusavancésetauxgestionnairesdusite,permetdegérerlesélémentssuivants:-LesArticles,produitsetorganisésenCatégoriesemboitablesàl'infini;lesarticlespeuventcontenirdesmédias.
-LesMédias:photos,vidéos,sons…-LesModulesassurentl'affichagedefonctionnalitésspécifiques.
-LesComposantsenrichissentleCMSdefonctionscomplètes:e-commerce,gestiond'évène-ments,etc.
,souventrelayéespardesmodules;certainesfonctionnalitéspluslégèressontgé-réespardesimplesplug-ins.
-LesTemplatesdéfinissentl'aspectgraphiquedusite.
-LesMenusgèrentlesliensdenavigationentretousleséléments.
-LesLanguessontnécessairesdanslecasd'unsitemultilingue.
-LesDroitsd'accèsorganisentlespermissionsdevoiretd'agirsurdescontenusoulastructuredusite.
2.
L'interfaced'administrationSivousêtesunutilisateurexpérimentédelogicielsoudeCMS,vouspouvezpassercettepartieetvousyréférerencasdebesoin.
Si,parcontre,vousdébutez,prenonsletempsdefaireensembleuntourd'horizondel'organisationdel'interfacedeJoomla!
.
a.
L'organisationgénéraleetlesmenusvL'accèsàl'interfaced'administrationétantcontrlé,saisissezlesinformationsdeconnexionquevousavezsaisieslorsdelaconfiguration.
Danslecasd'unsitemultilingue,vouspouvezchoisirlalangue,demêmequecelle-cipeutêtreliéeàunutilisateurdonné.
Chapitre3:PriseenmaindeJoomla!
EditionsENI-Allrightsreserved53vCliquezensuitesurConnexion.
Aprèsauthentification,lePanneaud'administrations'affiche:Leszonesdel'interfaced'administrationsontlessuivantes:-LaBarredemenushorizontale(1)composéedemenuscompletsproposanttouteslesfonc-tionnalités.
-Levoletdenavigation(2)composédeliensd'accèsafaitsonapparitiondanslaversion3.
Cer-tainslienssontidentiquesauxoptionsdesmenusdelabarredesmenushorizontaleet,àterme,lesremplacerontprobablement.
Ci-après,vousconstatezquel'onaccèdeàlagestiondesutilisateursparlemenuUtilisateursdelabarredesmenushorizontaleetparlelienGestionUtilisateursduvoletdenavigation.
Joomla!
3.
3-Créezetadministrezvossitesweb54Lemenuverticalestorganiséparcatégorie:-CONTENU:accèsauxfonctionspremièresdeJoomla!
(ajoutetgestiondesarticles,descaté-goriesetdesmédias).
-STRUCTURE:pourgérerlanavigationetlesmodules.
-UTILISATEURS:pouradministrerlesutilisateursetlescontributeurs.
-CONFIGURATION:réglagesgénéraux,aspectgraphique(templates)etlangues.
-EXTENSIONS:installationdefonctionnalitésadditionnelles.
-MAINTENANCE:miseàjourdeJoomla!
etdesextensions.
-Centredenotifications(3):apparaissenticidesmessagesenprovenancedeJoomla!
.
Parexemple,siaprèsl'installation,vouscliquezsurleboutonConsulterlesmessages,vouspou-vezprendreconnaissancedumessageconcernantl'identificationendeuxétapesquiaccrotlasécurité.
NousreviendronsendétailssurcetteopérationdanslechapitreAdministrerunsiteJoomla!
-Lasécurité.
VouspouvezmasquerlesmessagesaprèslesavoirconsultésencliquantsurCachercemessage.
Chapitre3:PriseenmaindeJoomla!
EditionsENI-Allrightsreserved55vPourrevenirauPanneaud'administration,sélectionnezl'optionPanneaud'administra-tiondanslemenuSystèmeoucliquezsurl'icneJoomla!
àgauchedelabarredesmenus.
Letableaudebordfournitégalementdesinformationsliéesàl'exploitationdeJoomla!
commelesutilisateursconnectés,lesarticleslespluspopulairesoulesplusrécents(4).
Ilfautnoterquecettepositiondutemplated'administrationpeutêtreenrichied'informationscontextuellesàdesextensionsquil'utilisent.
Onpeutégalementlapersonnaliser.
PourcelaouvrezlemenuExtensions-GestiondesmodulesetchoisissezàgaucheAdministrationaulieudeSite.
Vouspourrezdésactiverlesmodulesquinevousintéressentpascommevousleferiezsurlefrontend.
Dansl'exempleci-aprèsvousconstatezquelecomposantK2affichedesinformationsenplusdestroismodulespardéfaut.
Enfin,toutenbasdelafenêtreunebarred'état(5)informesurlestatutmultilinguedusite,permetdevoirlesiteenl'affichantdansunnouvelongletoufenêtredunavigateuroudesedéconnecter,fonctionsquisontredondantes.
vl'extrémitédroitedelabarredesmenushorizontale,cliquezsurl'icnepourprévisua-liserlesitedansunenouvellefenêtre(ouonglet)devotrenavigateur.
Joomla!
3.
3-Créezetadministrezvossitesweb56Pourfinircetourd'horizon,notezquelemenuAidevousdonnedirectementaccèsauxaidesetforumsenligneainsiqu'aurépertoiredesextensions(leJED-JoomlaExtensionsDirectory),auxtraductions,aucentredesécurité(quipublierégulièrementlerésultatdelaveilleetlescorrectifsapportés),etauxressourcesdéveloppeurs.
b.
Lesboutonsd'actionLorsdelagestiondecontenus(articles,modules,utilisateurs,etc.
),labarred'outilssuivantes'affiche,ellepeutvarierlégèrementenfonctionducontexte:-Nouveau:créationd'unnouvelélément.
-Modifier:éditiond'unélément.
-Publier:rendreunélémentvisiblesurlesite.
-Dépublier:rendreunélementinvisiblesurlesite.
-Envedette:seraaffichésurlapaged'accueil.
-Archiver:neseraplusvisiblemaisstockéenréservepourconsultationouusageultérieur.
-Déverrouiller:rendunélémentéditable.
Ilfautnoterquesivoustravaillezsurunélémentetquittezlapagesansenregistrerniannulerlamodification,celui-ciseraconsidérécommetou-joursencoursd'édition,etdoncverrouillé.
-Corbeille:suppressiond'unélément.
Tantquelacorbeillen'estpasvidée,vouspourrezlerécupérer.
-Traitement:ils'agitdutraitementparlotsquipermetd'effectuerunemodificationquis'appli-queraàplusieursélémentssélectionnésdanslaliste.