Tutoriel de La Formation Joomla

Acadmie de Strasbourg
Document daccompagnement
de la formation Joomla !
Version 2012

Stphan Cammarata

Stphan Cammaiata Tutoiiel }oomla (v12-u1) Page 2
!"#$%&'() +
,'-)./01) 2') 344%($ 5 6
!"78179). :) ;481/7488)%)8/ 6
<8./$(($/748 :) 344%($ = >
!"#"$%&'( *
+,-.$( ."#.-"-,/'"$( *
Etapes S et 4 en local 6
Etapes S et 4 sui l'hbeigement acaumique 8
01(,-22$" 3//42- 5 67
!"$4'$" 8/1,-8, $, (&',$ 9$( .-"-4#,"-:$( 6;
?). &$.). :) 8$@7A$/748 :$8. () &$1B)8: CD
E/"'1/'")" '8 .7/) 344%($ FG
H"#$/748 :-'8 .7/) /"I. .7%9() FC
<1 8/44$18$ .-" 8"#$" &1$ (,"&8,&"$ =-('%&$ ./&" 2$ (',$ >6
?1$ @/'( 2- (,"&8,&"$ 8"##$A "-B/&,/1( 9$( -",'82$(C >>
D@@'8E/1( 4-'1,$1-1, 8$( -",'82$( (&" 1/,"$ (',$ >F
G"#$" &1 -&,"$ 4$1&A $1 .2&( 9& H I-'1 I$1& J >K
L$( 4/9&2$( 9$ 3//42- 5 >*
LM-(.$8, 9M&1 (',$ 3//42- N 2$ ,$4.2-,$ >O
Notions ue base : 28
Les positions uans les templates : 28
?,'2'($" 9$( ,$4.2-,$( .$"(/11-2'(#( N >P
J((48. '8 9)' 9('. (478 +G
L$( .-"-4Q,"$( 9M-@@'8E-:$ 9$( -",'82$( F7
L$( H /.,'/1( 9$ .&=2'8-,'/1 J 9$( -",'82$( N F6
L- 4'($ $1 @/"4$A 2$( '4-:$( $, -&,"$( F>
R#"$" 2M/"9"$ 9M-@@'8E-:$ 9$( -",'82$( FF
?). )K/)8.748. +>
S#@'1','/1( $, '1@/"4-,'/1( :#1#"-2$( F*
L$ 8-( 9M&1$ $T,$1('/1 1-,'U$ N 2$( 2'$1( V$= F;
?1 U/8-=&2-'"$ (.#8'@'%&$ FW
?). '/7(7.$/)'". )/ (). :"47/. +D
L$( &,'2'(-,$&"( FO
L- :$(,'/1 9$( 9"/',( 9-1( 3//42- FO
L$( 9"/',( E#"',#( 9$ 3//42- 6C* FP
R$(,'/1 9$( 9"/',( 9-1( 3//42- >C* FP
+,&9$ 9M&1 8-( ."-,'%&$ 9-1( 2- :$(,'/1 9$( 9"/',( K7
X'2-1 ./&" 2$( %&$(,'/1( 9$ 9"/',( KK
L$78/)8$81) :-'8 .7/) 344%($ 6>
Y-&U$:-"9$ 9& (',$ K*
Z$(,-&"-,'/1 9& (',$ K*
I'($[(\ ] B/&" K*
I':"-,'/1 (&" &1 -&,"$ E#=$":$4$1, K*
I':"-,'/1 $1,"$ 9$&T U$"('/1( 4-B$&"$( 9$ 3//42- K*
J88)K). 6M
+T,$1('/1( %&$ BM&,'2'($ K;
Y',/:"-.E'$ K;
Y/&"8$( &,'2'(#$( ./&" 2- 8"#-,'/1 9$ 8$ 9/8&4$1, K;
Stphan Cammaiata Tutoiiel }oomla (v12-u1) Page S
rambu|e

}'utilise }oomla uepuis sa veision 1.u, je me suis oiient veis ce piouuit cai je souhaitais
concevoii un site pisentable et siieux poui le college uans lequel je tiavaillais
l'poque. Le cahiei ues chaiges tait claii : il me fallait un compagnon facile utilisei, qui
uonne ues isultats iapiues et qui iesteiait uans l'aii uu temps.
A cette poque, je ne savais que ties vaguement comment les solutions web pioposes
fonctionnaient, j'en ai uonc testes quelques unes et c'est }oomla qui m'a le plus accioch.
Au ubut, les choses taient ties simples, mais je ne savais pas tiop ce que je faisais et je ne
maitiisais pas tiop bien mon site, je me basais sui les uonnes exemples uisponibles que je
mouifiais, biuouillais. Ties peu ue gens l'utilisaient uans l'acaumie.
Bien entenuu, il y a eu ues pannes, ues couacs et je me sentais paifois bien seul fouillei sui
inteinet poui tiouvei ues solutions mes soucis.
Loisqu'on m'a suggi ue pioposei une foimation au PAF, je me suis uit que ce seiait facile,
mais c'est en pipaiant et en animant la piemieie session ue foimation que je me suis
ienuu compte en obseivant mes stagiaiies que j'avais accumul un tas ue notions qui me
paiaissaient claiies, mais claiies paice que j'avais la tte uans le guiuon.
L'anne suivante, j'ai iepens toute la foimation et j'ai uciu ue la pioposei comme une
entie piogiessive uans }oomla, poui que chacun puisse y tiouvei son compte suivant son
niveau. Bien entenuu, il y a ues uifficults incontouinables comme la phase u'installation,
c'est pouiquoi elle est utaille pas pas uans ce uocument. Ensuite, les piemieies
ucouveites sont laigement illusties et utailles, avec un paicouis pens poui vous faiie
ucouviii toutes les subtilits qui m'ont fait touinei en ionu ues heuies uuiant. Au fui et
mesuie, les notions ueviennent plus complexes et moins utailles cai vous seiez uevenu
un utilisateui aveiti, mais on n'est pas oblig ue tout avalei u'un coup.
}'espeie en tous cas que ce uocument vous accompagneia utilement uans votie umaiche
ue ciation ue site.

u'est-ce que Ioom|a ?
}oomla! est un systeme ue gestion ue contenu (CNS : Content Nanagement System). Le
piincipe est le suivant : paitii u'un logiciel install sui un seiveui web, on geie son site
web. Contiaiiement la technique classique, l'utilisation u'un CNS ne iepose pas sui une
synchionisation entie le site local (ci sui son oiuinateui) et le site uistant (hbeig sui
un seiveui web et uisponible au public)

Sans connaissances paiticulieies en piogiammation, }oomla ! peimet ue ciei un site web
et ue le peisonnalisei plus facilement que pai la manieie classique (site uit statique )
Enfin, }oomla! est un logiciel libie uistiibu sous licence uPL (en savoii plus).
r|nc|pes de fonct|onnement
}oomla ! est un logiciel ciit en langage php et fonctionne avec une base ue uonnes (BB).
Son fonctionnement peut tie isum pai le schma suivant :

L'iue piincipale ietenii ue ce schma est la uissociation entie aspect uu site et
contenu uu site. Le contenu est stock ue manieie biute uans la base ue uonnes,
l'aspect est gi pai le logiciel (piincipalement l'aiue ues templates, ou chaites
giaphiques, qui seiont vues plus loin).

Afin ue peimettie le fonctionnement ue }oomla ! un hbeigement simple ne suffit pas. Il faut
possuei un hbeigement capable u'excutei uu coue php (assez couiant) mais galement
ue fouinii une base ue uonnes (quasi inexistant giatuitement ou alois avec ue la publicit).
Stphan Cammaiata Tutoiiel }oomla (v12-u1) Page S
Insta||at|on de Ioom|a !
L'installation seia ucline sui ueux tableaux : l'installation locale u'un site ue test et
uistante veis l'hbeigement acaumique.
rrequ|s
0ne connexion inteinet, mme si l'installation locale l'utilise peu.

<8./$(($/748 (41$() N#&)"A)%)8/ $1$:#%72')
0n logiciel poui simulei un
hbeigement web, uont la veision est
assez icente poui acceptei la veision
ue }oomla ! que l'on souhaite installei.

Exemples :
Wamp, Xamp,
Namp (poui Nac),
movamp, seivei2go (poitables)

O#%$"")" () (4A717)( )/ .-$..'")" :)
.48 ;481/7488)%)8/P

veisions ue piouuits ncessaiies :
PBP S.2.4 ou +
NySQL S.u.4 ou +
Apache 2.x ou +
(ou IIS 7 ou + si seiveui web Winuows)
Faiie la uemanue u'ouveituie u'un espace
u'hbeigement poui l'tablissement.

Le Chef u'Etablissement est habilit ialisei
cette uemanue. Elle se fait sui l'auiesse
https:eiiuan.ac-stiasbouig.fi

Les iuentifiants utilisei poui s'authentifiei
uans ce cas sont ceux ue la messageiie
fonctionnelle ue l'tablissement (ce.RNEac-
stiasbouig.fi)
0n logiciel ue tiansfeit ue fichiei FTP
(Filezilla ou autie)

?) HQ); :-R/$&(7..)%)8/ )./ .)'( Q$&7(7/# S
T $1/7@)" () .7/) U VW () ")8:") 9'&(71X

Remaique : une autie faon u'aboiuei }oomla ! poui le testei en local est u'utilisei un
logiciel o il est uj piinstall. Avantage : on peut iapiuement testei le piouuit et
appihenuei ses fonctions. Inconvnient : on n'appienu pas installei }oomla !
Exemples : Seivei2go avec }oomla movamp avec }oomla
Ltapes prparato|res
Quelle que soit la mthoue choisie, l'installation se ucline en quatie tapes essentielles :

1. Tlchaigei la ueinieie veision ue }oomla! que l'on appelleia le noyau
(Site ue ifience : http:www.joomla.fi)
2. Bcompiessei le fichiei zipp sui votie oiuinateui, ienommei le uossiei
(exemple : }oomla1)
S. Nise en place ues fichieis sui le seiveui web
4. Ciation ue la base ue uonnes

Les tapes 1 et 2 sont inupenuantes ue la mthoue u'installation (localeuistante).
Lois ue l'tape S, il faut faiie un choix entie ueux mthoues : mettie le contenu uu uossiei
}oomla_1 la iacine uu seiveui web ou laissei }oomla_1 comme sous-uossiei.

?). ;71Q7)". .48/ S ($ "$178) :' .)"@)'" 344%($C )./ '8 .4'.0:4..7)" :' .)"@)'"
Le site seia accessible en tapant
l'auiesse uu uomaine (ou uu sous-
uomaine)

Exemple :
YYYP14(07((07((;'"/QP$10./"$.&4'"AP;"
uonne acces au site uiiectement.

A piivilgiei si le site est unique sui le
seiveui, pas besoin ue faiie une
ieuiiection.
Nthoue utilise uans la majoiit ues
cas ue sites u'tablissements.
Le site seia accessible en tapant une auiesse
uu type www.monsite.fi}oomla1

A piivilgiei si l'on souhaite installei
plusieuis veisions ue }oomla sui le mme
seiveui. Pai exemple, il peut tie intiessant
u'installei plusieuis sites ue tests en local.

Si l'on piivilgie cette mthoue lois ue
l'installation sui le seiveui acaumique, il
fauuia faiie une ieuiiection.
Ltapes 3 et 4 en |oca|
Repiei selon le logiciel utilis
l'emplacement utilis pai ufaut pai
le seiveui poui y stockei les
fichieis.

H497)" () :4..7)" V4' () 148/)8'
:' :4..7)" .)(48 ($ %#/Q4:)
1Q47.7)X :$8. 1)/ )%9($1)%)8/P

Illustiation : uossiei www ue
movamp, uans lequel on a plac le
uossiei }oomla1 et un autie site
(Phoitail)

Poui ciei la base ue uonnes, il faut utilisei l'outil ue gestion phpNyAumin qui est mis
uisposition pai le logiciel choisi.
Exemple avec movamp :
Clic-uioit sui l'icne ue la baiie ues taches puis iaccouicis et enfin
phpNyAumin .
0u alois tapei l'auiesse http:localhostphpmyaumin uans un navigateui.


Renseignei ensuite le champ Ciei une base ue
uonnes .
Poui notie site, on va ciei une base ue uonnes
joomla1 .

Cliquei sui le bouton ciei et ensuite ievenii la
fentie u'accueil avec l'icne maison .

Bans la paitie gauche ue la fentie ueviait appaiatie la
base ue uonnes que nous venons ue ciei et se iajoutei
la liste qui existait uj.

Ce seia l'emplacement o }oomla stockeia le contenu uu site.

Bases ue uonnes
existantes
Ltapes 3 et 4 sur |'hbergement acadm|que
L$ GE$@ 9M+,-=2'(($4$1,A 2/"( 9$ 2- 8"#-,'/1 9$ 2M$(.-8$ 9ME#=$":$4$1, -8-9#4'%&$A - 9^ 8"#$"
&1 8/4.,$ H V$=4-(,$" JC
Y$( '9$1,'@'-1,( (/1, N
_/4 9M&,'2'(-,$&" N V$=Z_+ [$T$4.2$ N V$=7;O6PF>@\
I/, 9$ .-(($ N 9#@'1' 2/"( 9$ 2- 8"#-,'/1 9& 8/4.,$ .-" 2$ GE$@ 9M+,-=2'(($4$1,

Z$4-"%&$ N (' 2$ 4/, 9$ .-(($ 1$ U/&( 8/1U'$1, .-(A '2 8/1U'$1, 9$ 2$ 8E-1:$" (&" 2- 8/1(/2$
9'(./1'=2$ 9M+"'9-1C E,,.(N``$"'9-1C-8a(,"-(=/&":C@"
Y$ 8/11$8,$" ] 8$,,$ 8/1(/2$ -U$8 2$( '9$1,'@'-1,( @/&"1'( .-" 2$ GE$@ 9M+,-=2'(($4$1, $, -88#9$"
] (/1 ."/@'2 ./&" .$"(/11-2'($" 8$( '1@/"4-,'/1( [2$ 2/:'1 1$ .$&,ab,"$ 8E-1:#\C

Il faut u'aboiu tiansfiei le noyau ue }oomla ! sui le seiveui acaumique (Eiiuan).
Poui cela, il est conseill u'utilisei un client FTP (ici Filezilla) :
se connectei au seiveui Eiiuan (hte : hosting-eple.ac-stiasbouig.fi)
s'authentifiei avec le compte webmastei
(il est ties uconseill u'eniegistiei ces infoimations u'authentification)
Effacei (si besoin) le fichiei inuex.Q/% pisent seul et pai ufaut lois ue la ciation
ue l'espace web pai la BSI.

Le ipeitoiie ue base u'Eiiuan (quivalent ue www sui movamp) est public_html .

Bans Filezilla :
Paitie gauche = oiuinateui
local

Paitie uioite = seiveui uistant

Z$7") A(7..)" () 148/)8' :'
:4..7)" (41$( 344%($C :$8. ()
:4..7)" 9'&(71[Q/%( :-R"7:$8

S'assuiei que l'onglet
tiansfeit chous est bien
iest viue (tous les fichieis ont
t tiansfis).
Sinon, clic uioit et iemettie
uans la file u'attente.

Remaique : si cette manipulation est faite au sein ue l'tablissement scolaiie, s'assuiei avec
la PRI que le poit 21 est ouveit sui AN0N Nu. Le cas chant, uemanuei son ouveituie la
PRI, sinon le uialogue avec Eiiuan est impossible. En cas ue uifficults avec cette ouveituie
ue poit, s'auiessei l'assistance acaumique.

0ne fois le noyau ue }oomla tiansfi, il faut ciei la base ue uonnes qui accueilleia le
contenu uu site.

Se connectei la console Eiiuan
(https:eiiuan.ac-stiasbouig.fi)
Choisii le bouton S'authentifiei
S'authentifiei avec le compte webmastei

Apies authentification, sui la paitie uioite ue la console se tiouve la
fonction ue gestion ue bases ue uonnes.

La liste ues bases associes
l'tablissement est ici

Nettie le nom ue la base ciei ici

Accuei phpNyAumin ici

Infoimations sui le compte ici

Ciei la base ue uonnes avec le nom souhait (joomla ou autie) uans le champ ue ciation.
Cliquei sui le bouton ciei la base ue uonnes .
S'assuiei ue son affichage uans la liste ues bases, notei le nom ue la base.
L$ 1/4 9M&1$ =-($ 9$ 9/11#$( $(, ,/&B/&"( ."#8#9# 9$ Z_+c
!-" $T$4.2$ N (' B$ 8"## 2- =-($ H ,/,/ JA (/1 1/4 ($"- -& @'1-2 H 7;O6PF>@c,/,/ J

La suppiession ues bases se fait au mme enuioit, attention, l'opiation est iiiveisible.

Stphan Cammaiata Tutoiiel }oomla (v12-u1) Page 1u
Insta||er Ioom|a !
Que ce soit en local ou sui l'hbeigement acaumique, la suite ues opiations est commune
aux ueux mthoues.
L'installation uu logiciel }oomla ! tant ialise sui un seiveui uistant, elle se uioule
l'intiieui u'un navigateui inteinet. C'est le navigateui qui seit u'inteiface entie le seiveui
et le webmastei uu site.

voici les tapes uu piocessus u'installation qui sont utailles la suite :
1. Choix ue la langue u'installation
2. !"#-!"#$%&&%$!'" ) *+,!-!.%$!'"
S. Acceptation ue la licence
4. !"#$%&'()*%"# ,- .) /"##-0%"# 1 .) 2)3- ,- ,"##4-3
S. Configuiation FTP
6. Configuiation piincipale
7. Suppiession uu uossiei u'installation

Avec le navigateui (Fiiefox iecommanu), se connectei au seiveui web.

J1/748 .7 78./$(($/748 (41$() J1/748 .7 78./$(($/748 .'" R"7:$8
Faiie une iequte sui l'oiuinateui local,
en gnial Q//9\]](41$(Q4./]

Attention : cette auiesse peut vaiiei en
fonction uu logiciel utilis. voii le moue
u'emploi uu logiciel choisi.

Poui movamp : clic-uioit sui
l'icneiaccouicispage u'accueil
^$9)" (-$:")..) 2'7 @4'. $ #/# $..7A8#)
9$" ($ OE<

RK)%9() \
www.col-ill-illfuith.ac-stiasbouig.fi

Etape 1 :

Choisii fianais

Cliquei Suivant

Etape 2 : La pi-installation viifie les paiameties ue l'hbeigeui.

Il est inuispensable que uans la paitie haute les inuicateuis soient au veit.
Bans la paitie basse (comme ici), ceitains inuicateuis peuvent tie au iouge, ceitaines
extensions pouiiaient iencontiei ues soucis poui fonctionnei, mais }oomla ! fonctionneia.

J1/748 .7 78./$(($/748 (41$() J1/748 .7 78./$(($/748 .'" R"7:$8
Agii sui les iglages uu logiciel utilis
poui le ienuie compatible avec }oomla !

voii la uocumentation uu logiciel.
Il est possible u'agii sui ceitains paiameties
uu seiveui EiiuanP

Se connectei la console Eiiuan et

0tilisei le bouton

Cette action est cepenuant ties limite et
seule la BSI peut agii sui les iglages
fonuamentaux.
Si ues ajustements ont t ncessaiies, cliquei sui viifiei nouveau poui testei.

Cliquei ensuite sui suivant.

Etape S :

Liie et acceptei la licence en cliquant sui suivant.

Etape 4 :

Poui fonctionnei, }oomla ! a besoin ue se connectei la base ue uonnes que nous avons
cie uans les pipaiatifs. Il faut lui fouinii les inuications ncessaiies uans cette fentie
(copie u'cian paitielle) :

Stphan Cammaiata Tutoiiel }oomla (v12-u1) Page 1S

J1/748 .7 78./$(($/748 (41$() J1/748 .7 78./$(($/748 .'" R"7:$8
Type ue base ue uonnes : NySQL
Nom uu seiveui : localhost
Nom u'utilisateui : ioot
Not ue passe : ioot
Nom ue la base ue uonnes : joomla1
Pifixe ues tables : laissei tel quel
Installation picuente : pas
u'impoitance si piemieie installation

J//)8/748 \ (). 9$"$%I/"). )8 "4'A)
9)'@)8/ @$"7)" .)(48 () (4A717)(
'/7(7.# )/ () 84% :) ($ &$.) 1"##P

Type ue base ue uonnes : NySQL
Nom uu seiveui : localhost
Nom u'utilisateui : webRNE
Not ue passe : celui ue webRNE
Nom ue la base ue uonnes : RNE_joomla
Pifixe ues tables : laissei tel quel
Installation picuente : pas u'impoitance
si piemieie installation

_)%9($1)" Y)&_`R 9$" () 84%
:-'/7(7.$/)'" $:#2'$/a $//)8/748 $'K
9$"$%I/"). 1Q47.7. (4". :). 9"#9$"$/7;.P

Cliquei sui suivant.

Etape S :

Ne iien faiie et cliquei sui suivant.

Etape 6 :

J1/748 .7 78./$(($/748 (41$() J1/748 .7 78./$(($/748 .'" R"7:$8
Nom uu site : Site ue test

e-mail : peu impoite
Iuentifiant : on peut laissei aumin
Not ue passe : peu impoite

Bonnes exemple : choisii, si on veut
les installei cliquei sui le bouton

Nom uu site : Site uu college ues Fleuis

e-mail : celui uu webmastei
Iuentifiant : ne pas choisii aumin
Not ue passe : F0RT

Bonnes exemples : uconseill

Les paiameties ufinis lois ue cette tape peuvent encoie tie mouifis pai la suite.
J//)8/748 \ `) 9$. 9)":") (). 7:)8/7;7$8/. :' .'9)"0$:%787./"$/)'" ===
R8 1$. :) 9)"/)a (-78/)"@)8/748 .)"$ :#(71$/) 94'" ")/"4'@)" '8 $11I.P

Cliquei sui suivant.

Etape 7 :

Suppiimei le uossiei u'installation en cliquant sui le bouton.

}oomla est maintenant install.

Les boutons

peimettent u'accuei au site ou l'inteiface u'auministiation ue }oomla.

Le site (fiontenu) est la paitie visible pai les visiteuis.
L'inteiface u'auministiation (backenu) ncessite une authentification et peimet
u'alimentei, u'auministiei, . en gios ue faiie vivie le site.

A ietenii : www.monsite.fiauministiatoi est l'auiesse uu backenu ue votie site.

rem|er contact et su|te des paramtrages
Connectez-vous au backenu avec le compte supei-auministiateui

Au piemiei contact avec }oomla ! on peut s'apeicevoii que le fonctionnement iessemble
celui u'un logiciel classique .
Notei la baiie ue menus et les iaccouicis sous foime u'icones.

Notie piemieie action va tie u'affinei le paiamtiage uu site.

Cliquei sui l'icne ue configuiation :


Notez qu'on peut ici changei le nom uu site ufini l'tape 6 ue l'installation.
0n peut aussi mettie le site hois-ligne , le temps ue sa conception, si on le souhaite.
Poui cela, cochei oui et peisonnalisei le message uestination ues visiteuis. Il est aussi
possible u'ajoutei une image.

La navigation uans cet outil ue configuiation se fait pai onglets :

Allei uans l'onglet seiveui et iglei le fuseau hoiaiie.
Ensuite, cliquei sui le bouton eniegistiei et feimei , on se ietiouve sui la page u'accueil.
Cliquei maintenant sui l'icne uestion 0tilisateuis ue la page u'accueil.
Bans la console ue gestion ues utilisateuis, cliquei sui paiameties :

Bans la fentie qui s'ouvie alois, il est foitement conseill u'inteiuiie l'eniegistiement ues
utilisateuis sui le site.

Poui cela, iglei la coche appiopiie sui non .

Les iglages ue base sont maintenant teimins. votie site est pit fonctionnei.
Les bases de nav|gat|on dans |e backend
Cette paitie a poui but ue uciiie les iuuiments ue la navigation uans l'inteiface
u'auministiation.

Tout u'aboiu, uans le banueau supiieui uioite ues menus, on uispose u'un ceitain
nombie u'infoimations :

Be gauche uioite :
! (u) site : signifie qu'aucun utilisateui n'est connect au fiontenu (site).
Ne comptabilise pas les visiteuis anonymes ou publics qui ne uisposent pas ue
compte sui le site. A piioii peu utile uans nos utilisations.
! (1) auministiation : signifie qu'un utilisateui (soi-mme) est actuellement connect
au backenu.
! Aucun message : utile si on se seit ue la messageiie inteine ue }oomla, entie
auministiateuis pai exemple. En piatique uans nos usages c'est ties peu utilis.
! voii le site : peimet ue pi-visualisei le site. Il est conseill ue tiavaillei avec le
backenu uans un onglet et le fiontenu uans l'autie. Nme si les mouifications sont
ipeicutes immuiatement, pensei faiie un iafiaichissement ue page uans le
fiontenu poui visualisei les effets ue vos actions.
! Beconnexion : loisqu'on a fini ue tiavaillei, on quitte l'application piopiement.

La baiie ues menus uioulants contient tous les acces aux uiffientes fonctions uu logiciel.
Ceitains ue ces acces sont placs sous foime ue iaccouicis sui la page u'accueil, appele
panneau u'auministiation , sous foime u'icones.
Comme uans u'auties logiciels, ues sous-menus peuvent tie amens s'ouviii, uans ce cas,
on peut iemaiquei la petite fleche sui l'lment ue menu (exemple : maintenance)

Le backenu est compos ue plusieuis consoles u'auministiation, qui peimettent la gestion
complete uu site.
Comme poui la plupait ues logiciels, les actions sont faites paitii ue boutons nouveau ,
eniegistiei , etc.

Pienons un exemple :

voici la console u'auministiation ues aiticles uu site (incontouinable).
! L'icne nouveau peimet ue ciei un nouvel aiticle
! Les auties icones sont ues actions sui les aiticles que l'on auia slectionns.
Le bouton paiameties seit ufinii ues iglages qui sont piopies la gestion ues
aiticles. La plupait ues consoles ue }oomla ont leuis piopies paiameties. A ne pas
confonuie avec la configuiation uu site.

Bans cette console, on voit aussi qu'une baiie u'onglet fouinit ues iaccouicis veis u'auties
consoles ue gestion uu site, ces iaccouicis sont choisis en fonction ue l'enuioit o l'on se
tiouve. Bans notie exemple, il peut tie utile u'allei ialisei ues actions uans la console ue
gestion ues catgoiies u'aiticles, on peut y accuei pai le menu contenu , mais aussi pai
le iaccouici catgoiies ue la baiie u'onglets.

Enfin, loisqu'on effectue une action (ici ciiie un nouvel aiticle) :

! Le bouton eniegistiei seit valiuei l'action, sans quittei le contexte (comme
appliquei uans une fentie winuows)
! Le bouton eniegistiei et feimei seit valiuei et ievenii la console ue gestion
ues aiticles (comme 0K uans Winuows)
! Le bouton eniegistiei et nouveau est utile loisqu'on uoit ciei plusieuis aiticles
la chaine. Il vite un clic.
! Le bouton annulei paile ue lui-mme et aiue galement.

Structurer un s|te Ioom|a
Bans cette paitie, il est ncessaiie ue pienuie uu iecul pai iappoit l'outil infoimatique. En
effet, la ciation u'un site u'tablissement ncessite u'aboiu un petit temps ue iflexion
uevant une feuille avec le gioupe ue conception uu site.

La foimation cible piincipalement la ciation u'un site contenant ues aiticles et ues images
(site ue base) et u'en assuiei la maintenance. Ensuite, }oomla offie ues possibilits quasi
infinies ue peisonnalisation avec ues extensions associes.

Conceinant uonc la ciation u'un site ue base, il faut en piioiit ufinii l'aiboiescence uu
site que l'on veut ciei.
Les aiticles sont stocks uans la base ue uonnes. Si le site est ties petit, on peut imaginei
les stockei en viac et ciei ues liens veis chacun ue ces aiticles, un un. Nais l'expiience
montie qu'on peut iapiuement tie uboiu et upass pai cette mauvaise stiatgie sui le
long teime.
}oomla fonctionne avec un systeme ue catgoiies, qui fonctionne comme une aiboiescence
ue uossieis uans Winuows. Les catgoiies sont ues conteneuis u'aiticles.
Il faut uonc menei une iflexion sui ce que uoit tie cette aiboiescence.

En voici un exemple :

Sui cet exemple, on voit une aiboiescence sui ueux ou tiois niveaux (CBI) ue catgoiies.
Il y a toujouis la possibilit ue gaiuei ues aiticles non catgoiiss , uans la catgoiie
paiticulieie uite sans nom .
Bans mon cas, la catgoiie sans nom seit iangei les aiticles obligatoiies (mentions
obligatoiies ue la page u'accueil u'un EPLE pai exemple), mais ce fonctionnement uoit
iestei inuicatif et c'est vous ue tiouvei celui qui vous convienuia le mieux.

Le classement en catgoiie a un autie avantage ue taille : les lments ue menu ue }oomla
(les liens que le visiteui voit uans les menus) peuvent uiiigei veis tous les aiticles u'une
catgoiie. Pai exemple, un lment ue menu qui pointe veis la catgoiie vie uu
CollegeActualits peimet ue visualisei toutes les actualits uu site.
vie uu college
Actualits
La ientie, 0ne
iunion
u'infoimation, etc.
Soities
Soitie gologie,
Classe veite, etc.
Puagogie
Allemanu
Aiticles .
Techno
Aiticles .
CBI
Pisentation uu
CBI
Aiticles
Nouveauts
Aiticles .
Y-1( 1/4
Bienvenue
Crat|on d'un s|te trs s|mp|e
Cn commence par crer une structure bas|que pour |e s|te
Sui la base ue l'exemple ue stiuctuie picuent, on va ciei la paitie gauche ue
l'aiboiescence uu site : une catgoiie vie uu college et ueux sous-catgoiies soities et
actualits .

Poui cela, ienuez-vous uans le gestionnaiie ue catgoiies. (contenugestion ues catgoiies)
! Ciei une nouvelle catgoiie, ne mettie que le titie vie uu college
! Cliquei sui eniegistiei et nouveau
! Ciei une catgoiie soities , mais attention, il faut inuiquei que son paient est
vie uu college (c'est une sous-catgoiie)

! Enfin, faites ue mme poui la sous-catgoiie actualits

0n peut maintenant obseivei le isultat uans le gestionnaiie ue catgoiies :

Notei la pisence ue la limitation u'affichage (2u catgoiies max.) iglable si l'on posseue
une vaste aiboiescence.
Notei aussi la pisence ue filties qui peimettent ue tiiei ce qu'on veut affichei.

Une fo|s |a structure cre, ra[outons des art|c|es.
Passons maintenant la ciation ues aiticles associs ces catgoiies. Bans le vocabulaiie
ue }oomla, c'est un 14%94.$8/ qui peimet u'ciiie ues aiticles. ?) A)./7488$7") :-$"/71().
.)"/ S 78/)"$A7" $@)1 1) 14%94.$8/.
Poui l'exemple qui uoit iestei simple, nous allons ciiie ues aiticles fictifs uans ces
catgoiies (actualit 1, actualit 2, soitie 1 etc.) .
Renuez-vous uans le gestionnaiie u'aiticles uu site. (Pai le iaccouici paitii uu
gestionnaiie ue catgoiies ou pai le menu contenu )
! Ciei un nouvel aiticle, mettie le titie et ienseignei la catgoiie laquelle il
appaitient (actualits).
! Cliquei sui eniegistiei et feimei .

0bseivons le isultat :

L'aiticle a bien t ci uans la bonne catgoiie, mais il y a un moyen u'optimisei
l'eigonomie ue cette ciation u'aiticles :
! Avant ue cliquei sui nouveau , ufinii le filtie slectionnei une catgoiie uans
la catgoiie actualits (uans laquelle nous sommes en tiain u'ciiie nos aiticles).
! Cliquei sui nouveau

vous iemaiquez qu'en agissant en amont sui les filties, la catgoiie ue ce nouvel
aiticle est automatiquement ufinie sui la bonne valeui. Cela peimet ue gagnei en
efficacit.
! Ciei ueux auties aiticles uans cette catgoiie,
nomms actualits 2 et actualit S .
! Faiie ue mme avec la catgoiie soities, ciiie ueux aiticles soitie 1 et soitie 2

Remaique : l'utilisation ues filties peut paifois uonnei ues sueuis fioiues : loisqu'on aiiive
sui le gestionnaiie u'aiticles, ne pas paniquei tout ue suite si peu u'aiticles s'affichent. C'est
peut-tie un filtie qui a poui effet ue n'en affichei que ceitains.
Aff|chons ma|ntenant ces art|c|es sur notre s|te
0ne fois ces aiticles cis, ienuons nous sui le site poui obseivei notie ciation.
Nauvaise suipiise, le fiontenu est iest viue, comme lois ue l'installation uu site. Le fait
u'avoii ciit ues aiticles n'a pas suffit a les affichei sui le site.
Ce compoitement est noimal : }oomla ne sait pas o ni comment affichei ces aiticles.
Boivent-ils allei en page u'accueil . Ailleuis .

0n va uonc ialisei en uessous uu lien Bome qui peimet ue ievenii la page u'accueil,
un lien qui peimet ue visualisei tous les aiticles ue la catgoiie actualits .

Cet action s'appelle : ciei un (7)8 :) %)8'.

Cliquei sui le menu uioulant menu Nain Nenu , vous entiez uans le gestionnaiie ues
liens ue menu, poui le menu nomm Nain Nenu .
0n peut obseivei la pisence uu seul lien ue menu existant (Bome) :

! Cliquei sui nouveau
! Puis sui Selection uu type ue lien ue menu

! Choisii blog u'une catgoiie

! Bonnei un titie au lien ue menu et choisii la catgoiie qu'il uoit affichei :

! valiuei les mouifications et pivisualisez le site.

Exeicice piatique : ienommei le lien ue menu Bome en page u'accueil .
Le lien ue menu uoit tie ci uans un menu existant. La paitie suivante explique comment
ciei un autie menu qui s'afficheia uiffiemment.
Crer un autre menu, en p|us du Ma|n Menu
Nous allons ciei un Nenu seconuaiie , afin u'y placei un lien ue menu veis la catgoiie
soities .

Renuez-vous uans Nenu uestion ues Nenus :
! Ciei un nouveau Nenu
! Appelez-le Nenu Seconuaiie et le type ue menu menu_seconuaiie

Nous ievienuions plus taiu sui cette notion ue type ue menu .

Ensuite, inspiiez-vous ue ce qui piceue poui ciei un lment ue menu uans ce menu
seconuaiie qui pointe veis la catgoiie soities .

Schma icapitulatif :

Nalheuieusement, mme si vous avez ialis coiiectement votie manoeuvie uans le
backenu, iien ne se passe sui le site. il faut uonc compienuie pouiquoi .

Cela passe pai la compihension ue la notion ue %4:'()P

Les modu|es de Ioom|a !
Nous avons vu en intiouuction que le piincipe ue }oomla est ue uissociei contenu uu site et
aspect uu site. L'aspect upenu ue la chaite giaphique uu site appele /)%9($/), la chaite
choisie compienu un ceitain nombie ue 94.7/748. (gauche, uioite, en haut, tout en haut,
etc.). Nis pait le composant aiticles qui sait qu'il uoit s'affichei uans la zone piincipale
(en gnial au milieu ), les auties entits ne savent pas tiop o elles uoivent s'affichei.
Le mouule a poui ile u'affichei un menu, le tiavail u'un composant, ou autie chose
l'enuioit o le webmastei l'a choisi.

Pienons le cas qui nous intiesse : nous avons ci le menu seconuaiie avec un lien ue
menu. Ce menu n'appaiat pas sui notie site : nous n'avons pas encoie ci le mouule qui
lui est associ et qui va inuiquei quel enuioit uoit se positionnei ce nouveau menu. Cela
peut se isumei sui le schma suivant :

Nous allons uonc ciei ce mouule ue menu et l'affichei sous le Nain Nenu :
! Renuez-vous uans extensions puis gestion ues mouules .
L appaiaissent les mouules existants uu site, notez que le main menu se tiouve en
position 7, c'est impoitant puisque nous voulons placei le notie au mme enuioit :

! Cliquei sui nouveau et choisii le type ue mouule menu , c'est uiie qu'on va
ciei un mouule qui contienuia un menu (on peut mettie toutes soites ue choses
uans un mouule, on veiia un exemple plus loin)

! Ensuite, uonnei un titie au mouule, ufinissez la position sui 7 (attention il y a
plusieuis pages) et picisei qu'il faut affichei le menu seconuaiie :

0n constate maintenant que le menu s'affiche sui le site, sui la mme position que le main
menu, mais au-uessus ue celui-ci. Ce n'est pas ties souhaitable, le menu piincipal tant en
gnial le plus impoitant il fauuiait que l'oiuie soit inveis.

Poui changei l'oiuie ues mouules uans une position uonne :
! Renuez-vous sui le gestionnaiie ue mouule, iepiei la colonne oiuie .
Si les fleches n'appaiaissent pas comme ci uessous, cliquei sui le titie oiuie ue
cette colonne poui les faiie appaiatie :

! Beux mthoues existent poui ufinii l'oiuie ues items uans un gestionnaiie :
0tilisei les fleches bleues poui uplacei le ou les items l'enuioit voulu (non
illusti)
ou : utilisei les champs cts poui numiotei l'oiuie souhait (ici uans chaque
position), puis valiuez cette nouvelle itiation en cliquant sui la
uisquette (illusti ci-uessous cai non intuitif) :

Constatez que les choses sont maintenant uans l'oiuie souhait. La piemieie mthoue
(utilisation ues fleches bleues) est piivilgiei loisqu'on veut uplacei un petit nombie
u'items, l'autie mthoue est plus efficace poui ioiganisei un gianu nombie u'items.

Autie chose qui est ties impoitant : c'est le titie uu mouule que voit le visiteui. C'est uonc
ici qu'il faut ienommei Nain Nenu en Nenu Piincipal si l'on souhaite que l'affichage
sui le site change. En effet, ienommei ce neu uans le gestionnaiie ue menu n'auiait aucune
inciuence sui l'affichage sui le site : cela ne seiviiait qu'au webmastei poui s'y ietiouvei.

Exeicice piatique : ienommei le menu Nain Nenu en Nenu Piincipal poui que votie
site soit en fianais.

Nous veiions aussi qu'on peut conuitionnei l'affichage u'un mouule en fonction ue la
position uu visiteui sui le site (voii la paitie allons un peu plus loin ), mais avant cela, il
paiat ncessaiie ue faiie un point sui les templates et leuis positions possibles poui
affichei ues mouules.
Etape 1 :
Nettie 1 poui le menu seconuaiie

Nettie u poui le main menu

H 7 U'$1, -U-1, 6 9/18 '2( U/1, (M'1U$"($" J
Etape 2 : cliquez ici
L'aspect d'un s|te Ioom|a : |e temp|ate
Not|ons de base :
Il est ties facile ue changei l'aspect u'un site }oomla. Il faut cepenuant se posei la question
ue l'oppoitunit ue mouifiei en piofonueui la chaite giaphique poui ne pas tiop peituibei
les visiteuis. A contiaiio, changei ue temps en temps ue template peut attisei la cuiiosit
ues visiteuis et uynamisei le site.

Naintenant que nous avons intgi la notion ue mouule, il faut aussi compienuie que
changei ue template ncessiteia peut-tie quelques ajustements poui le webmastei : les
mouules placs sui une position qui n'existeiait plus sui le nouveau template ne
s'afficheiont pas, il fauuia uonc allei les iepositionnei uans le gestionnaiie ue mouule.
Il y a quelques templates fouinis avec }oomla, poui les visualisei, il faut allei uans le menu
extensions puis gestion ues templates :

Pai ufaut uans cette veision ue }oomla, on peut uisposei ue S templates poui le site et 2
templates poui l'inteiface u'auministiation (qui peut uonc aussi faiie peau neuve . )
Les toiles nous infoiment quels sont les templates qui sont utiliss poui le fiontenu et le
backenu, sui l'illustiation, le site utilise beez_2u et le backenu Bluestoik .

Poui changei le template uu site : cochei simplement l'toile ue BeezS pai exemple et
pivisualisez, l'aspect ue votie site vient ue changei.

Les pos|t|ons dans |es temp|ates :
}usqu' pisent uans notie tutoiiel, nous n'avons pas encoie appiofonui cette notion ue
position. Nous avons iepi la position 7 uu Nenu Piincipal et l'avons utilise poui y
placei le menu seconuaiie. Nais quelles sont toutes les positions possibles sui un template
uonn .

Poui les connatie, il faut u'aboiu s'assuiei que }oomla peimet la visualisation ues
positions :
! Allez uans le gestionnaiie ue template et uans paiameties

! Puis uans la fentie suivante, assuiez-vous que la pivisualisation est active :

Le cas chant, mouifiei l'option et eniegistiei.

Ensuite, ienuez-vous sui votie site (fiontenu) et tapei la fin ue l'auiesse .tp=1 , pai
exemple : http:www.monsite.fi.tp=1
Cette commanue signifie Template positions enableu , autiement uit, montie-moi les
positions uisponibles . 0ne soite ue calque vient se placei sui le site et l'on peut visualisei
toutes les positions possibles et ainsi placei nos mouules o bon nous semble en maitiisant
le positionnement.
Ut|||ser des temp|ates personna||ss :
Il est possible u'tenuie la liste ues templates uisponibles en en iajoutant.

Biffientes faons ue faiie s'offient vous poui toffei la liste ues templates :
! En ciei un ue toutes pieces (ties uifficile poui qui ne s'y connat pas. Il existe ues
tutoiiels sui le net, en tous cas ce n'est pas l'objet ue cette foimation)
! En peisonnalisei un existant (assez uifficile sauf peut-tie poui changei l'image ue
l'en-tte)
! 0tilisei un template que l'on a tlchaig sui inteinet (voii notamment le site
http:www.joomlaos.ue ), uans ce cas choisii un template en iappoit avec la
veision ue }oomla utilise.
! 0tilisei un logiciel ue ciation ue template (une soite u'assistant). Cette ueinieie
solution est la plus piatique, mais il faut savoii que le logiciel est payant.
Le logiciel en question est Aitisteei (http:www.aitisteei.com)

Bans tous les cas et inupenuamment ue la mthoue ietenue, un template se pisente sous
la foime u'un fichiei zipp. Poui l'installei, il 8) ;$'/ .'"/4'/ 9$. le ucompiessei :
! Allei uans le menu extensions puis uestion ues extensions
! Bans la fentie suivante, fouinii le fichiei .zip uans la paitie aichive tiansfiei :

! Cliquei sui envoyei et installei et attenuie, selon la vitesse ue connexion ce peut
tie un peu long.

Apies cette manipulation, le template seia uisponible uans la liste ues chaites giaphiques.
Stphan Cammaiata Tutoiiel }oomla (v12-u1) Page Su
A||ons un peu p|us |o|n
Les paramtres d'aff|chage des art|c|es

Si l'on iegaiue ue plus pies les quelques aiticles que nous avons ciits, ils sont affubls u'un
tas u'infoimations (souhaitables ou non), telles que nom ue l'auteui, uate ue publication,
etc. Il est possible ue iglei cet affichage :
! Au cas pai cas, c'est uiie poui chaque aiticle inupenuamment ues auties
! Be manieie globale uans les paiameties ue la console ue gestion ues aiticles.

La mthoue conseille est la suivante :
1. Rglei les paiameties globaux tels qu'ils coiiesponuent ce que l'on souhaite poui
la majoiit ues aiticles (exemple : on ne souhaite piesque jamais affichei la uate ue
publication ue l'aiticle)
2. uiei les exceptions au cas pai cas (poui un aiticle uonn, on souhaite
exceptionnellement affichei cette uate)

Poui iglei les paiameties globaux :
! Allei uans la gestion ues aiticles
! Cliquei sui paiameties :

Rglei uans cette fentie tous les paiameties souhaits.
! Eniegistiei et viifiei l'application ues choix sui le site.

Poui giei les exceptions :
! Bans le gestionnaiie u'aiticles : mouifiei un aiticle uonn (pai exemple actualit S).
Stphan Cammaiata Tutoiiel }oomla (v12-u1) Page S1
! Bans la paitie uioite, choisii l'onglet paiameties ue l'aiticle et ufinii l'exception
aux paiameties globaux :

! Eniegistiei les mouifications et viifiei.
Les opt|ons de pub||cat|on des art|c|es :

Loisqu'on ciit un aiticle uans }oomla, il est possible ue ufinii :
! S'il est publi ou non (visible ou pas)
! Qu'il uoit tie publi comptei u'une ceitaine uate heuie
(ncessit u'avoii bien paiamti le fuseau hoiaiie)
! Qu'il uoit tie upubli apies une ceitaine uate
(l'vnement est pass, inutile ue gaiuei l'aiticle bonne anne jusqu'en juin et
possibilit poui le webmastei u'automatisei sa uispaiition poui ne pas avoii y
pensei)

Poui ufinii ces paiameties :
! Choisii un aiticle uonn uans le gestionnaiie u'aiticles.
! 0tilisei la paitie uioite nomme options ue publication :

Bans la liste ues aiticles appaiat une couification :
Astuces :
! le fait ue laissei la souiis sui ces pastilles ue couleui fouinit une infobulle ue iappel
ue ce coue ue couleui.
! Cliquei sui le coue couleui change le statut ue l'aiticle, inutile ue l'ouviii.
! Poui annulei une fin ue publication automatique, effacei et laissei le champ fin ue
publication viue puis eniegistiei.
! Les heuies uoivent tie saisies manuellement sous le foimat hh :mm :ss
Bpubli manuellement

Actuellement publi

Seia publi la uate ufinie automatiquement

Etait publi mais a expii
0n peut aussi ufinii les uioits u'acces aux uiffients aiticles (qui a le uioit ue liie quoi),
mais cette notion fait l'objet u'une paitie spaie ue la foimation.

Les aiticles uits en veuette sont ceux qui s'afficheiont sui la page u'accueil uu site.
La m|se en forme, |es |mages et autres

La mise en foime u'un aiticle est conuitionne pai les iegles ue publication sui le web. Il
faut se iestieinuie utilisei ues polices stanuaiu et ues iegles ue foimatage. L'uiteui ue
texte (qui peut tie chang), uisponible lois ue la iuaction ues aiticles se chaige
u'inteipitei ce que l'on saisit en langage auapt. Il est possible ue voii (et u'uitei) le coue
en utilisant le bouton basculei l'uiteui . Toujouis gaiuei en mmoiie que toutes les
fantaisies ne sont pas peimises.

Insiei une image uans un aiticle (paimi le texte) : ceitains uiteuis pioposent ues
fonctions plus ou moins avances consacies aux images. Nous allons juste nous intiessei
la fonction u'inseition ue base fouinie avec }oomla.

0 se tiouvent les images .
! Elles se tiouvent uans le uossiei images uu noyau et peuvent tie ianges pai
sous-uossiei.
! Le gestionnaiie ue muias (contenugestion ues muias) peimet ue iajoutei, classei,
suppiimei ues uocuments uans ce uossiei images .

Seul bmol : l'inteiface ue tiansfeit en flash ne fonctionne pas sui le site acaumique
uonc les tiansfeits uoivent se faiie un un. Loisqu'on uoit giei beaucoup u'images,
il convienuia uonc ue faiie appel une extension ou u'utilisei le tiansfeit pai FTP.

Insiei une image uans un aiticle :
! Choisii un aiticle uans le gestionnaiie u'aiticles
! Placei le cuiseui l'enuioit souhait uans l'aiticle
! 0tilisei le bouton
Stphan Cammaiata Tutoiiel }oomla (v12-u1) Page SS
! Choisii l'image insiei (ues exemples se tiouvent uans sampleuata ) et cliquei
uessus.
! S'assuiei que l'0RL ue l'image est bien pisente
! Rglei ventuellement l'alignement (peut se coiiigei ensuite)
! Cliquei sui insiei.

Il est aussi possible ue tiansfiei une image uiiectement paitii ue la mme fentie uans
n'impoite quel sous-uossiei ue images :

Poui coiiigei l'alignement une fois que l'image est uans l'aiticle : la slectionnei et utilisei
le bouton ue l'uiteui.

Il est aussi possible ue scinuei un aiticle sous les foimes :
! intiouuction puis liie la suite
! intiouuction puis liie la suite puis page suivante, etc.
! en plusieuis pages
Poui cela utilisei les options uisponibles en bas u'aiticle :

Grer |'ordre d'aff|chage des art|c|es
}oomla tiavaille pai ufaut comme un blog : il place les aiticles les plus icents en piemiei
(oiuie chionologique inveise).
Ainsi, mme si uans le gestionnaiie u'aiticles les actualits sont ianges uans l'oiuie 1-2-S,
il n'est est pas ue mme sui le site, o elles sont affiches uans l'oiuie S-2-1 (essayez .).

Il est possible ue giei l'oiuie u'affichage ues aiticles et pai exemple u'imposei qu'ils
s'affichent uans le mme oiuie que uans la console qui les geie.
1
2 S
4

Poui cela :
! Renuez vous uans le gestionnaiie ue liens ue menus et slectionnei le lien
actualits uu college

! Bans les options u'affichage uu Blog , inuiquei que vous souhaitez que l'oiuie ues
aiticles soit gi pai la console :

Au mme enuioit, on peut ufinii si les aiticles uoivent
s'affichei sui plusieuis colonnes ou non, combien u'aiticles
uoivent tie affichs avant ue passei la page suivante, etc.
Toutes ces options se geient uans cette zone, les infobulles
fouinissent ues picisions sui l'impact ues mouifications :

Picision : les paiameties globaux mentionns cet
enuioit sont ceux ufinis uans le gestionnaiie u'aiticles.
Stphan Cammaiata Tutoiiel }oomla (v12-u1) Page SS
Les extens|ons
Df|n|t|ons et |nformat|ons gnra|es
0n peut se contentei uu logiciel }oomla tel qu'il est livi, mais bien souvent on va vouloii
faiie avec son site ues choses qui ne sont pas pioposes pai ufaut.
Poui cela, il existe ues extensions, uveloppes pai ues auteuis ou ues gioupes u'auteuis,
souvent libies ue uioits mais paifois payantes aussi.

0n peut ainsi tenuie les capacits ue }oomla ue manieie quasi infinie, on iajouteia ues
fonctionnalits aussi facilement qu'on a install un template, puisque le piincipe est le
mme : poui installei une extension, il suffit ue fouinii }oomla l'aichive zippe ue lauite
extension. 0n obtienuia ainsi un noyau eniichi :

Nais attention ne pas faiie n'impoite quoi, un ceitain nombie ue conseils s'imposent :
! viifiei la fiabilit ue l'extension.
Il n'y a pas ue mthoue autie que ue fouinei sui les foiums, les avis, etc.
! viifiei la compatibilit ue l'extension avec sa veision ue }oomla et avec les
paiameties ue l'hbeigement.
! viifiei le suivi ue l'extension (un noyau uoit tie mis joui, une extension aussi,
sinon gaie aux soucis. voii le chapitie maintenance ).
! Ne pas avoii les yeux plus gios que le ventie : plus le site est iiche, plus il va uevenii
louiu giei. En pas se mettie chaige ues choses qui sont vitables.
! Pensei la migiation : lois ue mises jouis majeuies, il fauuia migiei les
extensions pait et uonc espiei que le uveloppeui la mette joui. Ce point peut
uevenii un vRAI casse-tte.
! Enfin, toujouis faiie une sauvegaiue INTEuRALE uu site avant u'installei une
extension. (voii maintenance poui plus u'infos)

En annexe ue ce uocument se tiouvent ues extensions que j'utilise titie peisonnel ainsi
que les sites point ue upait que j'utilise.

Noyau
ue
}oomla
ualleiie
u'images
Livie u'oi
Sonuages Agenua
Euiteui
ue texte
alteinatif.
Le cas d'une extens|on nat|ve : |es ||ens web
Cette extension uj intgie uans }oomla, seit ciei une sitogiaphie, cela peut-tie ties
utile uestination ue nos leves.
Les sites sont classs pai catgoiies, ce qui faciliteia l'affichage.

Poui accuei l'extension :

Attention maintenant ne pas confonuie les catgoiies ue liens web avec les
catgoiies u'aiticles . La notion ue catgoiie est bien tiansveise uans }oomla mais seit
plusieuis fins.

Le piincipe ue cette extension est ties simple : il faut ciei ues catgoiies uans lesquelles on
va placei ues liens.

Poui affichei le isultat, il faut ciei un mouule (affichage conuitionnel ou non) ou bien un
lien ue menu veis l'extension.
Un vocabu|a|re spc|f|que
L'utilisation ue l'extension native liens web amene ufinii le vocabulaiie ues
extensions en gnial. Sui les sites officiels, ues pictogiammes inuiquent quelle soite ue
chose on s'appite tlchaigei et installei.

Les pictogiammes :

! ?) 14%94.$8/ :
usigne en gnial le panneau ue contile ue l'extension, c'est uiie la paitie qui
geie le tiavail ue l'extension.
Pai exemple : le gestionnaiie u'aiticles est LE composant piincipal ue }oomla et jouit
u'un statut paiticuliei. Le gestionnaiie ue liens (catgoiies et liens eux-mmes) est
aussi un composant.
Le composant ne se suffit pas lui-mme : il faut au moins la possibilit ue ciei un
lien ue menu veis lui poui visualisei son tiavail (souvenez-vous ues aiticles qui ne
s'affichaient pas)
! ?) %4:'() :
Comme nous l'avons uj vu, le mouule seit affichei quelque chose sui le site.
Ceitaines extensions sont livies avec un mouule, uonc on pouiia affichei le tiavail
uu composant sui la colonne ue gauche uu site (ou ailleuis). B'auties, ne sont pas
livies avec un mouule, uonc poui affichei leui tiavail, on se seiviia uniquement uu
lien ue menu ou alois u'un plugin (voii plus loin).
L'extension liens web posseue un mouule.
! ?) 9('A78 :
Il en existe ue ueux soites, le plus intiessant est le plugin u'inseition : il seit
insiei le tiavail u'une extension l'intiieui u'un aiticle, il est complmentaiie au
mouule ou paifois le iemplace completement. Sa position est uteimine pai un
coue l'intiieui u'un aiticle et non pai iappoit au template.
Ceitaines extensions sont foims uniquement u'un plugin, uans ce cas elles sont ties
simples. (exemple : veiySimpleSliueshow, en annexe).
L'autie type ue plugin est le plugin systeme, lui peimet un ceitain fonctionnement
tianspaient poui le visiteui (exemple : la fonction ue iecheiche uans le site).
! ?) 9$1B :) ($8A') :
Ceitaines extensions sont uisponibles en plusieuis langues
! ?) T .9)17;71 $::48 U \
Be iaies extensions ncessitent une fonction en plus, ties spcifique son
fonctionnement (contouinement ue pioblemes ue uioits sui ceitains fichieis pai
exemple sui ceitains hbeigements)

Il faut uonc iepiei ce qu'il faut installei poui l'extension ue ses ives et installei tous les
moiceaux qui la composent. 0n installe en effet le composant, le mouule, etc. pai aichives
successives.

Les ut|||sateurs et |es dro|ts
Les ut|||sateurs
Il est possible ue ciei ues comptes utilisateuis uans }oomla et uonc ue tiavaillei
plusieuis. Il est aussi possible ue peimettie aux visiteuis ue s'eniegistiei (mais nous avons
veiiouill cette possibilit lois uu paiamtiage.
Attention : il fauuia toujouis se souvenii que l'on tiavaille poui un EPLE et uonc qu'il y a
ues iegles ue scuiit, ue uioit u'auteui et ue paiticulaiit poui les mineuis sous la
iesponsabilit uu Chef u'Etablissement.

<%94"/$8/ \ (4". :) ($ A)./748 :). '/7(7.$/)'". \ /4'b4'". 148.)"@)" 78/$1/ () 14%9/)
E'9)"0$:%787./"$/)'"a 8) b$%$7. () .'99"7%)"P

Il faut bien entenuu se penchei sui les uioits ue chacun, ce qui seia l'objet ue la paitie
suivante, mais quanu on tiavaille plusieuis, il est aussi possible que ues aiticles se
veiiouillent loisqu'ils sont en couis ue mouification :
Imaginons que l'utilisateui 1 soit en tiain ue compltei un aiticle. L'utilisateui 2 ne pouiia
iien mouifiei tant que l'utilisateui 1 n'a pas fini, ce qui est noimal.
Nais si l'utilisateui 1 ne quitte pas piopiement son aiticle (il clique sui appliquei et
feime son navigateui pai exemple), alois l'aiticle ieste veiiouill et l'utilisateui 2 ne pouiia
iien faiie.

Poui foicei le uveiiouillage, il existe la commanue au hoc uans le gestionnaiie ues aiticles.
La gest|on des dro|ts dans Ioom|a
La nouveaut majeuie ue la veision 2.S est la finesse ue la gestion ues uioits ues utilisateuis
uu site. Les auties amlioiations tant plus eigonomiques et visuelles.

Les possibilits ue biiuage et ue contile sont ties pousses et font ue }oomla 2.S un
piouuit complexe si l'on veut se plongei uans cette gestion ues uioits. Beuieusement, les
uveloppeuis ont implant une stiuctuie ue uioits pai ufaut, qui peut satisfaiie la majoiit
u'entie nous.
Le piincipe compienuie est le suivant : il faut spaiment ufinii ce qu'un utilisateui
uonn a le uioit ue U/'", u'une pait puis ce qu'il a le uioit ue @-'"$, u'autie pait.
Enfin, nous n'avons pas encoie utilis cette possibilit uans la foimation, mais il faut savoii
que loisqu'un utilisateui se connecte au fiontenu, il peut aussi, selon les piivileges
accoius, ciiie un aiticle, postei un lien, etc.

A ietenii :
! Bioit ue voii coiiesponu aux niveaux u'acces uans }oomla
! Bioit ue faiie : les utilisateuis sont uans ues gioupes et ces gioupes ont ues
uioits (ue faiie)
Les dro|ts hr|ts de Ioom|a 1.S

Bans la veision picuente ue }oomla, la ufinition ues uioits ue voii et ue faiie a t
pense et fige pai les uveloppeuis selon leui cahiei ues chaiges.

Conceinant le uioit ue faiie , l'oiganisation ues gioupes tait la suivante :

Conceinant le uioit ue voii , tiois niveaux u'acces existaient :
! Public : tout le monue, mme non authentifi.
! Registieu ou eniegisti : toute peisonne ayant un compte uans }oomla.
! Special : toute peisonne ayant un compte uans }oomla avec A0 N0INS le statut
u'auteui ou plus.
Gest|on des dro|ts dans Ioom|a 2.S
Nise en gaiue : il convient u'agii avec piuuence et ue ne pas se ietiouvei sans supei-aumin,
ce peut s'aviei fcheux. Le niveau u'acces Special uoit aussi iestei en place.

La stiuctuie est hiite en gianue paitie pai }oomla 2.S qui fonctionne pai ufaut avec ces
gioupes uont les uioits sont positionns comme uans le tableau ue la 1.S et ces niveaux
u'acces. La uiffience avec son piucesseui est que nous pouvons tout cassei (ou
piesque) poui ciei ues gioupes et ues niveaux u'acces peisonnaliss. voici la thoiie .

?) :"47/ :) ;$7") :
! Il faut ciei un gioupe (ou un gioupe enfant u'un gioupe existant
! Il faut ufinii les piivileges ue ce gioupe (s'il est enfant il hiiteia ue son paient)
ceci se passe uans l'outil configuiation et uans toutes les extensions (avec l'exemple
on compienuia mieux)
! Les utilisateuis sont ensuite placs uans les gioupes et bnficient ues piivileges ue
ce ueiniei.

?) :"47/ :) @47" T .'" () .7/) U : se ufinit sui l'entit uont on souhaite iestieinuie la
visibilit (pai ufaut les choses sont publiques). Pai exemple, on peut uiie que tel aiticle ne
seia pas visible aux peisonnes non authentifies (voii une catgoiie entieie, un menu, etc.)

?) :"47/ :) @47" T :$8. () &$1B)8: U : ceci intiouuit une subtilit, puisque l'utilisateui qui
a -88Q( au backenu uoit pouvoii U/'" les pages uu backenu sui lesquelles il a le uioit ue @-'"$.
Celles-ci sont estampilles pai le niveau u'acces spcial . Autiement uit : si l'on ci un
gioupe qui a vocation a tiavaillei uans le backenu, il faut lui uonnei le niveau u'acces
special .
Ltude d'un cas prat|que dans |a gest|on des dro|ts
Nalgi l'tenuue uu sujet, nous allons nous penchei un peu plus sui ces notions ue uioit
afin u'entievoii le champ ues possibles. Il est viuent que les exemples pisents ici ont
leuis limites et il convienuia chacun ue l'auaptei ses besoins.

voici le contexte : on souhaite pouvoii faiie contiibuei ues leves et ues piofs au site.

Les leves :
! Ne uoivent pas avoii acces au backenu
! Pioposent ues aiticles qui uoivent tie placs uans une catgoiie ieliie

Les piofs :
! Sont ues peisonnes avec une bonne connaissance ue l'outil
! Ils uoivent pouvoii tout faiie sui le site pait giei la configuiation globale uu site.

Actions ialisei avec le compte supei-aumin :

1. Ciei une catgoiie A ieliie
2. Ciei un gioupe uioupe-Eleves ayant poui paient public
S. Ciei un gioupe uioupe-Piofs ayant poui paient uioupe-Eleves
4. Nouifiei le niveau u'acces Special poui y affectei le uioupe-Piofs
S. Ciei un niveau u'acces Contiibuteuis poui y affectei les ueux gioupes.
6. Positionnei les uioits globaux ue ces ueux gioupes.

Illustiation ue l'action S :

puis :

Illustiation ue l'action 6 :

Il faut allei uans Siteconfiguiationonglet uioits

Nota Bene : lois ue la ufinition ues uioits, les pastilles ue contile changent ue couleui
loisqu'on eniegistie uniquement.

Poui les leves, ues uioits a minima :

Poui les piofs, ues uioits levs, avec un hiitage ues uioits ue base ues leves :

7. Ciei un lien ue menu uans le Nenu Piincipal ue type pioposei un aiticle , placei
le niveau u'acces ue ce lien ue menu sui Contiibuteuis .
Le but ue cela est ue ne ienuie visible ce lien que si contiibuteui se connecte au
fiont enu.
8. Ciei un utilisateui eleve et un utilisateui piof en les plaant uans le bon
gioupe lois ue leui ciation.
Exemple avec le piof :

Testei le compte piof uans le backenu : noimalement il uoit avoii acces piatiquement
tous les composants uu site, pait la configuiation.
Se ieconnectei avec le compte supei-aumin, il faut maintenant autoiisei les leves ciei
quelque chose uans la catgoiie A ieliie .

9. Bans le gestionnaiie ues catgoiies, mouifiei la catgoiie A ieliie afin
u'outiepassei l'hiitage global ue l'leve qui ne peut iien y ciiie.

Se connectei maintenant sui le fiontenu avec le compte ue l'leve et testei le lien poui
soumettie un aiticle. Notei que l'aiticle se place uans la bonne catgoiie et qu'il n'est pas
publi : le piof ou le supei-aumin uoit passei ueiiieie.

1u. Publiei l'aiticle soumis pai l'leve et le placei uans la catgoiie soities

viifiei maintenant en fiontenu que l'leve peut voii son aiticle en cliquant sui le lien ue
menu soities , mais qu'en plus, il peut le mouifiei cai on a autoiis mouifiei ses
lments uans les uioits globaux.
A voii si cela est souhaitable ou non uans le cahiei ues chaiges : si l'aiticle a t ielu pai un
piof, est-ce que l'leve uoit pouvoii y iajoutei ues choses ensuite .
Si la iponse est non, l'leve ne uoit plus pouvoii mouifiei son aiticle , changei le uioit
mouifiei ses lments uans la configuiation globale uu uioupe-Eleves et pensei
auaptei le uioupe-piofs qui hiite ue ce uioit.

0n iajoute une contiainte : le gioupe ues piofs n'a pas le uioit ue mouifiei quoi que ce soit
uans la catgoiie soities , quanu bien mme il a ues piivileges levs.

11. Bans le gestionnaiie ue catgoiies, slectionnei la catgoiie Soities et foicei
l'inteiuiction ue tous les items poui le gioupe ues piofs :

Testei maintenant avec un compte piof : les lments appaitenant cette catgoiie sont
giiss. ils ne peuvent plus les mouifiei.

8||an pour |es quest|ons de dro|ts
A paitii ue l'exemple ci-uessus, il appaitient chacun u'auaptei son site ses besoins.

0n ietienuia les piincipes suivants poui la gestion ues uioits :
! Attiibuei le niveau u'acces Special tous les gioupes qui uoivent allei uans le
backenu.
! L'imbiication peimet l'hiitage ue uioits u'un gioupe l'autie.
Toute nouvelle bianche ue l'aibie iepait ues uioits publics , c'est uiie aucun
piivilege paiticuliei
! L'lvation pai auuition : c'est le cas ue nos leves, on leui conceue peu ue uioits
au upait uans la configuiation globale puis on leui iajoute ues uioits composant
pai composant. Piincipe utile poui les gioupes avec peu ue piivileges.
! La iestiiction pai soustiaction : on l'a appliqu au gioupe ues piofs qui avaient
ues piivileges levs au upait, mais qui n'ont quanu mme pas le uioit ue tout faiie.
Piincipe utile poui ues gioupes qui l'on veut iestieinuie l'acces quelques
composants seulement.
! Tout ce qui a t fait avec les catgoiies u'aiticles et les aiticles fonctionne
exactement paieil poui les auties composants uu site.

La ufinition ues uioits u'acces isulteia u'une subtile alchimie entie ces notions, il peut
tie utile ue posei cela sui une feuille poui savoii ce qu'il y lieu ue faiie en fonction ues
extensions installes.
Ma|ntenance d'un s|te Ioom|a
L'objet ue cette paitie conceine les sites en piouuction, hbeigs sui Eiiuan.
Sauvegarde du s|te
0n site }oomla stocke :
! Le contenu (aiticles, menus, liens, .) uans la base ue uonnes.
! Le noyau et les fichieis joints aux aiticles (images.) sui le seiveui web.

Il est uonc ncessaiie ue sauvegaiuei igulieiement le contenu uu ipeitoiie
public_html . Conceinant la base ue uonnes, une sauvegaiue quotiuienne est uisponible
est uisponible uans le uossiei sauvegaiue_buu . Il peut tie souhaitable ue icupiei ces
fichieis ue temps en temps et ue les placei sui son oiuinateui.
kestaurat|on du s|te
En cas ue gios piobleme sui le site et loisqu'on souhaite le iestauiei paitii u'une
sauvegaiue il faut :
! Tiansfiei tous les fichieis contenus uans la sauvegaiue uu site veis le seiveui web
(logiciel utilis : client FTP)
! viuei la base ue uonnes et iimpoitei toutes les tables ue la sauvegaiue ue la base
ue uonnes (logiciel utilis : PhpNyAumin)
M|se(s) [our
Il est inuispensable ue mettie joui le noyau ue }oomla ainsi que toutes les extensions
pisentes.
Bans la veision 2.S, ueux assistants uuis placs sui le panneau u'auministiation uu site
inuiquent la uisponibilit ue mises joui. Il convient ue les suiveillei et u'appliquei ces
mises joui.
Le iisque piincipal est la peisistance u'une faille ue scuiit sui le site qui peut l'amenei
tie piiat.
M|grat|on sur un autre hbergement
Le passage uu logiciel }oomla u'un seiveui un autie n'est pas chose viuente.
0ne migiation se ucompose en tiois temps :
! Copie ues fichieis veis la cible (logiciel utilis : Client FTP)
! Expoitation ue la base ue uonnes et impoitation uans la nouvelle base (logiciel
utilis : PhpNyAumin)
! Auaptation uu fichiei configuiation.php au nouvel hbeigement

Remaique : le passage u'une veision uveloppe localement sui un oiuinateui veis Eiiuan
constitue une migiation. Il est uonc conseill ue uveloppei son site uiiectement en ligne,
en le mettant hois ligne le temps ue sa ciation si ncessaiie.
M|grat|on entre deux vers|ons ma[eures de Ioom|a
Le passage ue }oomla 1.S }oomla 2.S ncessite le iecouis une extension nomme
j0pgiaue uont l'utilisation feia l'objet u'une uocumentation spaie plus taiu.

Annexes
Lxtens|ons que ['ut|||se
! Les extensions Phoca :
L'excellent Phocaualleiy si vous en avez l'utilit, est un gestionnaiie u'images ultia
complet, que j'ai usinstall cai tiop complet poui moi, mais ties bien fait.
Le non moins bon PhocaBownloau poui mettie uisposition ues fichieis aux
visiteuis uu site.
voii le site ue Phoca : http:www.phoca.cz qui contient une mine u'extensions ue
ties bonne qualit.

! }CE :
0n ties bon uiteui ue texte, plus complet que celui qui est fouini pai ufaut.
Bvelopp pai Saiki, sommit uu monue ue }oomla.
voii le site : http:jce.saiki.ch

! veiy Simple Image ualleiy et veiy Simple Sliueshow : comme leui nom l'inuique,
ueux plugins ties simples mais ieuoutables u'efficacit si vos besoins en gestion
u'images est limit et que vous ne voulez pas vous pienuie la tte.
Site : http:www.bietteleben.ue (iubiique }oomla)

! Bcouveit pai hasaiu alois que je cheichais une extension poui ciei ues onglets
uioulants l'intiieui u'un aiticle, un excellent site avec plein ue bonnes choses
cies pai un hollanuais qui se maintient la pointe ues mises joui ue }oomla.
0n site voii : http:www.nonumbei.nl
S|tograph|e

! http:www.joomla.fi : site officiel fiancophone ue }oomla, foium, aiue, extensions.
! http:www.joomla.oig : site officiel
! http:www.joomlatutos.com : ues tutoiiels poui votie CNS pifi
! http:www.joomlaos.ue : banque ue templates
! http:www.aitisteei.com : logiciel ue ciation ue templates

Sources ut|||ses pour |a crat|on de ce document
http:www.joomlabc.com poui l'image page S9 (synthese ues uioits uans }oomla 1.S)

Tutoriel de La Formation Joomla

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Tutoriel de La Formation Joomla

Enviado por

Direitos autorais:

Formatos disponíveis

Acadmie de Strasbourg

Você também pode gostar