Vous êtes sur la page 1sur 35

Joomla CMS

Matrisezlaforme
Florent THOMAS florent.thomas@tdeo.fr - 06 16 73 40 18

Boostezvoscontenus Jouez"connects"
Joomla est un CMS soutenu par http://opensourcematters.org/index.php

Joomla CMS - Approfondissement

Page 1

Introduction
Confortersonchoix

Florent THOMAS florent.thomas@tdeo.fr - 06 16 73 40 18

Dfinirlafinalitdusite

Toustypesetparticulirementlessitescommunautaires
Joomla

Typeblog+pagination/contenusimple+multiplesmodif.
Wordpress

AutresCMS
Drupal

CequeJoomlaneDOITpasfaire(mmeavecles"bons"composants)

Virtuemartn'estpasunebonnesolutioneCommerce
ComposantJoomlautilisantpeudedonnesdeJoomlapartles comptesutilisateurs Architecturepeuvolutive Personnalisationcomplexe

Pouruneboutiqueenligne=>UtiliserPrestashop1.5.x
Page 2

Joomla CMS - Approfondissement

Introduction
Rassurerlechefd'entreprise

Florent THOMAS florent.thomas@tdeo.fr - 06 16 73 40 18

JoomlaesttrsutilissurInternet

Source:http://w3techs.com

Source:http://trends.builtwith.com/cms

Joomla CMS - Approfondissement

Page 3

Introduction
Utilisation

Florent THOMAS florent.thomas@tdeo.fr - 06 16 73 40 18

Mmesurdesgrossites

Source:http://trends.builtwith.com/cms

Joomla CMS - Approfondissement

Page 4

Introduction
Cyclesetmthodologiesdedveloppement

Florent THOMAS florent.thomas@tdeo.fr - 06 16 73 40 18

MthodologieAgile

Incrmentale/Itrative

Plansdetestsorganiss

UnitTestpourtouteslesAPI

ArchitectureMVC
MVC:Modle/Vue/Controleur JoomlaCMSdissocideJoomlaPlatform

VersionningLisible

Major.Minor.[patch]

Source:Joomla.org:DevelopmentStrategy

Joomla CMS - Approfondissement

Page 5

Introduction
CyclesdedveloppementetVersions

Florent THOMAS florent.thomas@tdeo.fr - 06 16 73 40 18

Uncycleidentifi

Unsupportmatris

Majeur.5.correctif=>18moisdesupport
Page 6

Joomla CMS - Approfondissement

Introduction
JoomlaPlatform

Florent THOMAS florent.thomas@tdeo.fr - 06 16 73 40 18

JoomlaCMS

LemoteurCMSqui utilisepleinementles fonctionnalitsdela Joomlaplatform


Joomla CMS - Approfondissement

Gestionutilisateurs Configuration ModleMVC Publicationdesarticles Checkin/checkout, Pagination Ajoutd'evnementsvia desplugins Configurationmodulaire destemplatesviades modules Override...
Page 7

Introduction
ModleMVCdeJoomla

Florent THOMAS florent.thomas@tdeo.fr - 06 16 73 40 18

Indpendancedelavueducomposant
Templatespcifique AutonomiedanslesMAJ

Joomla CMS - Approfondissement

Page 8

Le Template : Matrisez la Forme


Typologiedestemplates

Florent THOMAS florent.thomas@tdeo.fr - 06 16 73 40 18

Templatesdesite
Toutoupartiedusite Gestiondeparamtres

TemplatesdeBackOffice
Optimisel'ergonomie Facilitelapriseenmaindenewbies

Joomla CMS - Approfondissement

Page 9

Le Template : Matrisez la Forme


Typologiedestemplates

Florent THOMAS florent.thomas@tdeo.fr - 06 16 73 40 18

Stylesdetemplates
Introduitlanotionde"multisites"fonctiondesmenus Permetdetyperdesmenusenparamtrantdesstyles

Joomla CMS - Approfondissement

Page 10

Le Template : Matrisez la Forme


Typologiedestemplates

Florent THOMAS florent.thomas@tdeo.fr - 06 16 73 40 18

Templatesdemodules

C'estlavuepermettantd'afficherlesfonctionnalitsd'un module/composant

Joomla CMS - Approfondissement

Page 11

Le Template : Exercice
Objectif:

Florent THOMAS florent.thomas@tdeo.fr - 06 16 73 40 18

Dcouvrirl'ensembledesfonctionnalitsliesaux templates
Crer2Catgoriesd'articles Crer3articles2dansunecatgorie,l'autredanslaseconde Crerdeuxmenus

Prparationsanslesdonnesd'exemple:

Positionnerunpremiermoduledanslazonehorizontaledesmenus Positionnerleseconddanslazonegauche

Positionnerunnouveaucomposantfild'ariane(breadcrumbs) dansuneautrezonequecelleprvueceteffet

Joomla CMS - Approfondissement

Page 12

Le Template : Exercice
Procdure:

Florent THOMAS florent.thomas@tdeo.fr - 06 16 73 40 18

Dployersonpropretemplate
Crerl'architectureminimale InstallerletemplateviaJoomla Affectersontemplatesonsite

Configurersontemplate
Dfinirdeszonesdepublications Positionnementdeszonesl'aideduHTML Stylersontemplatel'aideduCSS

Exploitersontemplate
Ajouterunparamtrepermettantdechangerlacouleurdefond Ajouterunparamtrepermettantdechangerlalargeur Crer/Modifierpourobtenirdeuxstylesdiffrentstestantces paramtres

Joomla CMS - Approfondissement


Page 13

Le Template : Exercice
Procdure:

Florent THOMAS florent.thomas@tdeo.fr - 06 16 73 40 18

Finaliserlapersonnalisationducontenu
Faireunoverridedumodulemod_breadcrumbs ChangersonCSSet.php

Tester
Affectezdesstylesdiffrentsdesmenusdiffrents Changezdetemplate

Joomla CMS - Approfondissement

Page 14

Le Template : Exercice
Dployersonpropretemplate

Florent THOMAS florent.thomas@tdeo.fr - 06 16 73 40 18

Localement
Crerundossierportantlenomdesontemplate Crerl'arborescencesuivante

Joomla CMS - Approfondissement

[Hot] : Source pertinente

Page 15

Le Template : Exercice
Dployersonpropretemplate

Florent THOMAS florent.thomas@tdeo.fr - 06 16 73 40 18

Signification:

index.html
Fichierlulorsqueledossierestvidede.php(vitelesaffichageenliste deslments)

index.php
FichierprincipalquicontientlecodeHTMLdelastructuredusite,les appelsCSSetJavascript,lesbalisesmeta,etc...

templateDetails.xml
Fichierd'installationdutemplate,permetde: Listerletemplatedansl'administrationdeJoomla! Listerlespositionsdisponiblesdansleslistesdroulantes Listerlesparamtresd'administrationdutemplate

Joomla CMS - Approfondissement

Page 16

Le Template : Exercice
Dployersonpropretemplate

Florent THOMAS florent.thomas@tdeo.fr - 06 16 73 40 18

Danslefichierindex.php

Autoutdbut:

<?php /** * @copyright Copyright (C) 2011 JoomlaThemes.co - All Rights Reserved. * */ defined('_JEXEC') or die('Restricted access'); define('YOURBASEPATH', dirname(__FILE__)); ?> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >

Puisledefinedutypedefichiers Puisleheader

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head> <jdoc:include type="head" /> <?php require(YOURBASEPATH . DS . "functions.php"); ?> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/styles.css" type="text/css" /> </head>

Joomla CMS - Approfondissement

Page 17

Le Template : Exercice
Dployersonpropretemplate

Florent THOMAS florent.thomas@tdeo.fr - 06 16 73 40 18

Danslefichierindex.php

Puislessquenceshabituellesd'unepageHTML
Ouvrirle<body> Fermerle</body> Fermerle</html>

Joomla CMS - Approfondissement

Page 18

Le Template : Exercice
Dployersonpropretemplate

Florent THOMAS florent.thomas@tdeo.fr - 06 16 73 40 18

DanslefichiertemplateDetails.xml

Autoutdbut: Puisquelquesinfos

<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE install PUBLIC "-//Joomla! 1.6//DTD template 1.0//EN" "http://www.joomla.org/xml/dtd/1.6/templateinstall.dtd"> <extension version="2.5" type="template" client="site">

<name>avocazur</name> <version>1.0.0</version> <creationDate>30/11/2011</creationDate> <author>Vous mme</author> <authorEmail>votre email</authorEmail> <authorUrl>votre site</authorUrl> <copyright>Votre copyright Copyright 2011 </copyright>

Puisundescriptif

<description><![CDATA[ <h1>avocazur</h1> <img src="../templates/votretemplate/template_thumbnail.png" align="left" hspace="10" style="padding-right:10px;"/> <b>Template</b> ]]></description>

Joomla CMS - Approfondissement

Page 19

Le Template : Exercice
Dployersonpropretemplate

Florent THOMAS florent.thomas@tdeo.fr - 06 16 73 40 18

DanslefichiertemplateDetails.xml

Descriptiondesfichiersdutemplate
<files> <filename>index.php</filename> <filename>favicon.ico</filename> <filename>template_thumbnail.png</filename> <filename>templateDetails.xml</filename> <folder>html/</folder> <folder>css/</folder> <folder>images/</folder> </files>

Enfinlespositions
<positions> <position>maposition</position> </positions>

Fermerlabaliseextension
Page 20

Joomla CMS - Approfondissement

Le Template : Exercice
Dployersonpropretemplate

Florent THOMAS florent.thomas@tdeo.fr - 06 16 73 40 18

Installersontemplate
Crerunearchivezipdecedossier L'installerdepuisleBackOfficedeJoomla L'affectervotresitedepuisleBackOffice

Joomla CMS - Approfondissement

Page 21

Le Template : Exercice
Configurersontemplate

Florent THOMAS florent.thomas@tdeo.fr - 06 16 73 40 18

Mettreenuvrelegraphisme

Danslefichierindex.php
Crerdesdiv Affecterdesstyles/desclassescesdiv

Danslefichiertemplate.css
Dcrivezlesstylesquipermettentdepersonnaliservotretemplate

Ressources : - http://www.w3schools.com/ [ENG] - http://fr.html.net/tutorials/css/ [FR] - http://www.siteduzero.com/tutoriel-3-13666-apprenez-a-creer-votre-site-web-avec-html5-et-css3.html [FR]

Joomla CMS - Approfondissement

Page 22

Le Template : Exercice
Configurersontemplate

Florent THOMAS florent.thomas@tdeo.fr - 06 16 73 40 18

Ajouterdeszonesdepublication

DanslefichiertemplateDetails.xml
Rajouterplusieurspositions Toutessaufcelleducontenu

DansJoomla
Rattachezdesmodulescesnouvelleszonesdepublication

Visualisezlersultat!
Vousverrezrienc'estnormal;) Joomladoitconnatrel'ancragedanslequelilvapublierlesmoduleset contenu

Joomla CMS - Approfondissement

Page 23

Le Template : Exercice
Configurersontemplate

Florent THOMAS florent.thomas@tdeo.fr - 06 16 73 40 18

Ajouterdeszonesdepublication

Danslefichierindex.php
Pourpublierlazone <jdoc:include type="modules" name="left" style="jaw" /> Pourpublierducontenu <jdoc:include type="component" /> Pourtesterlenombredemodules <?php if ($this->countModules('votre_zone')) : ?> Ce que vous voulez /... <?php endif; ?>

Pourtouslesautres
Labible:http://docs.joomla.org/Jdoc_statements http://docs.joomla.org/Template_reference_material
Joomla CMS - Approfondissement
Page 24

Le Template : Exercice
Configurersontemplate

Florent THOMAS florent.thomas@tdeo.fr - 06 16 73 40 18

Pourallerplusloin
http://docs.joomla.org/Jdoc_statements http://docs.joomla.org/Template_reference_material

Etlacommunautfrancophone
Www.joomla.fr

Joomla CMS - Approfondissement

Page 25

Le Template : Exercice
Exploitersontemplate

Florent THOMAS florent.thomas@tdeo.fr - 06 16 73 40 18

Unpeudeparamtresquediable!

Lesparamtresn'existentplusdepuisla1.6.
Celas'appelledsormaislesFormFields http://docs.joomla.org/Form_field Maiscelafaitlammechose! http://docs.joomla.org/Standard_form_field_and_parameter_types

DanslefichiertemplateDetails.xml
Rajouterdesoptions

<config> <fields name="params"> <fieldset name="advanced"> <field name="mon_nom" class="validate-numeric" type="text" default="53" label="MON_TEST" description="MA_DESC" filter="integer" /> </fieldset> </fields> </config>

Joomla CMS - Approfondissement

Page 26

Le Template : Exercice
Exploitersontemplate
Florent THOMAS florent.thomas@tdeo.fr - 06 16 73 40 18

Crezplusieursstylesdetemplates Affectezlesdesmenusdiffrents

Pourallerplusloin
http://docs.joomla.org/Creating_custom_template_parameter_types http://docs.joomla.org/Getting_Started_with_Joomla!

Joomla CMS - Approfondissement

Page 27

Le Template : Exercice
Exploitersontemplate

Florent THOMAS florent.thomas@tdeo.fr - 06 16 73 40 18

Adaptezunmoduleexistant
Allezdanslemodulesource Copierlefichierdulayoutquevousvoulezmodifier

Copiezledanslesousdossierhtml/mod_monmoduledevotretemplate Modifiezleetobservezlersultat

Joomla CMS - Approfondissement

Page 28

Boostez vos contenus


volutionsdela2.5

Florent THOMAS florent.thomas@tdeo.fr - 06 16 73 40 18

Desparamtrespluspuissantsetplusnombreux

Joomla CMS - Approfondissement

Page 29

Boostez vos contenus


volutionsdela2.5

Florent THOMAS florent.thomas@tdeo.fr - 06 16 73 40 18

Desparamtresspcifiquesintressants

Gestiondesimages

Joomla CMS - Approfondissement

Page 30

Boostez vos contenus


volutionsdela2.5

Florent THOMAS florent.thomas@tdeo.fr - 06 16 73 40 18

Desoutilsderechercheplusperformants

Joomla CMS - Approfondissement

Page 31

Boostez vos contenus


volutionsdela2.5

Florent THOMAS florent.thomas@tdeo.fr - 06 16 73 40 18

Desoutilsdequalificationducontenu"propres"

Joomla CMS - Approfondissement

Page 32

Boostez vos contenus


Enrichissezvotrecontenu

Florent THOMAS florent.thomas@tdeo.fr - 06 16 73 40 18

LesCCK:

ContentConstructionKit
CommunityBuilder K2 SobiPro .../...

Celuiquifaittout
www.seblod.com Installezle,etc'estparti

Joomla CMS - Approfondissement

Page 33

Boostez vos contenus


Enrichissezvotrecontenu

Florent THOMAS florent.thomas@tdeo.fr - 06 16 73 40 18

Seblod:

Unebibliothquedechampsextraordinaire
Date/listedroulantes/diteur/texte/Images/fichier/email.

Unesimplicitdeconcept
Untypedecontenuavecplusieursvisions: LesvisionsformulairespourlasaisieFOetBO Lesvisioncontenuetintropourlavisionducontenuenintroetdtail Desoutilssimplespouraccderauxtypesdecontenu Formulairederecherche Desoutilsdecontrle Validateur/triggers

Unepuissancedepersonnalisation
Choisissezlemodedestoockage Unmodepardfautditstandard Unmodepersonnalis UnmodeJsonpourlesrequtesAJAX

Joomla CMS - Approfondissement

Page 34

Boostez vos contenus


Rfrencezvotresite

Florent THOMAS florent.thomas@tdeo.fr - 06 16 73 40 18

Lerfrencementnaturel

Danslesarticles
Ajoutdesmtatags

Danslesite
IntgrezlecomposantXmap http://joomla.vargas.co.cr/en/downloads/components/xmap Paramtrezunsitemap Ajoutezledanslapaged'accueildevotresite RcuprezlesitemapdanssaversionXML Dclarezlesur"OutilsGooglepourleswebmasters"

Joomla CMS - Approfondissement

Page 35