2016

CÉDRICKEIFLIN-YANNGOMIEROLAYOUTSOVERRIDES

1

Layoutsoverride

Lessecretsdesconcepteurs

2016

CédricKEIFLIN•  PSEUDO:CED1870•  MODÉRATEURSURLEFORUMJOOMLA.FR•  ADEPTEDEJOOMLA!DEPUISDÉBUT2008•  CRÉATEURDUSITEHTTP://WWW.JOOMLACK.FRET

HTTP://WWW.TEMPLATE-CREATOR.COM•  RÉDACTEURDEDOCUMENTATIONSETTUTORIELS•  DÉVELOPPEURD'EXTENSIONSJOOMLA!COMMEMAXIMENUCK

ETTEMPLATECREATORCK

CÉDRICKEIFLIN-YANNGOMIERO

LAYOUTSOVERRIDES

2

2016

YannGOMIERO•  PSEUDO:DANEEL•  CO-FONDATEURDEL’AFUJ•  CO-ADMINISTRATEURDEJOOMLA.FR

CÉDRICKEIFLIN-YANNGOMIERO

LAYOUTSOVERRIDES

3

2016

Plan•  C’ESTQUOIUNOVERRIDE•  DIFFÉRENCEENTRETEMPLATEOVERRIDEETLAYOUTOVERRIDE

•  EXEMPLESDELAYOUTOVERRIDES

•  COMMENTCRÉERUNLAYOUTOVERRIDE

•  DÉMO:CRÉATIOND’UNAGENDA

•  BONUS: CRÉATIOND’UNPACKAGEINSTALLABLE

CÉDRICKEIFLIN-YANNGOMIERO

LAYOUTSOVERRIDES

4

2016

C’estquoiunoverrideC’ESTLARÉÉCRITUREDUCODEHTML

AFFICHÉSURLAPAGE.

ONPEUTOVERRIDERUNMODULEOULAPAGED’UNCOMPOSANTPOURMODIFIER

LADISPOSITIONDESÉLÉMENTSOUAJOUTERDESFONCTIONNALITÉS

CÉDRICKEIFLIN-YANNGOMIERO

LAYOUTSOVERRIDES

5

2016

TemplateouLayoutoverride•  TEMPLATEOVERRIDEONSURCHARGEL’AFFICHAGEDELAPAGE,SURTOUTESLESPAGESDUMEMETYPE. IL S’APPLIQUEAUTOMATIQUEMENTETESTSPÉCIFIQUEAUTEMPLATE.

EXEMPLEAVECUNMODULE>>TOUSLESMODULESPUBLIÉSDECETYPEAURONTLERENDUDEL’OVERRIDE

•  LAYOUTOVERRIDEONSÉLECTIONNEDANSLESOPTIONSLAMISEENPAGEÀAPPLIQUER.ONPEUTAPPLIQUERUNLAYOUTOVERRIDEUNIQUEMENTÀUNEPAGEOUUNMODULE.

N’IMPORTEQUELLAYOUTDE N’IMPORTEQUELTEMPLATEPEUTÊTREUTILISÉ

CÉDRICKEIFLIN-YANNGOMIERO

LAYOUTSOVERRIDES

6

2016

ExemplesdelayoutACCESSKEY

CÉDRICKEIFLIN-YANNGOMIERO

LAYOUTSOVERRIDES

7

EVÉNEMENTS BLOG

2016

ExemplesdelayoutDÉCORATION

CÉDRICKEIFLIN-YANNGOMIERO

LAYOUTSOVERRIDES

8

CONNEXION

TÉMOIGNAGES

2016

ExemplesdelayoutICÔNES

CÉDRICKEIFLIN-YANNGOMIERO

LAYOUTSOVERRIDES

9

SLIDESHOW TIMELINE

2016

CréerunlayoutoverrideONPEUTCRÉERUNLAYOUTOVERRIDEPOUR3ÉLÉMENTS•  MODULES•  COMPOSANTS•  ITEMSDEMENU(ENCOMPLÉMENTSDEL’OVERRIDED’UNCOMPOSANT)

COPIERLEFICHIERDEPUISLEMODULEOULE COMPOSANTETLEMETTREDANSTEMPLATES/[NOMDUTEMPLATE]/HTML/

[NOMDUCOMPOSANT]/[NOMDELAVUE]>>LERENOMMERPOURCRÉERUNLAYOUTOVERRIDE

CÉDRICKEIFLIN-YANNGOMIERO

LAYOUTSOVERRIDES

10

2016

AssignerunlayoutEXEMPLEAVECUNEVUEARTICLE,ONDÉFINITLAMISEENPAGE .

ONÉDITELESOPTIONSDESARTICLESPOURL’ASSIGNERÀTOUSLESARTICLES

ONÉDITEUNARTICLEENPARTICULIER

CÉDRICKEIFLIN-YANNGOMIERO

LAYOUTSOVERRIDES

11

2016

CréerunagendaPREPARATION:

-  CRÉERUNECATÉGORIED’ARTICLE

-  CRÉER2-3ARTICLES-ÉVÈNEMENTS

-  UTILISERLADATEDECREATIONPOURDATED’EVENEMENT

-  UTILISERIMAGEINTROPOURAFFICHERUNEIMAGED’EVENEMENT

CÉDRICKEIFLIN-YANNGOMIERO

LAYOUTSOVERRIDES

12

OUCOMMENTAFF ICHERUNECATÉGORIE D ’ARTICLES JOOMLASOUSLA FORMED’AGENDA (1/3)

2016

CréerunagendaPREPARATION:

-  DUPLIQUERLETEMPLATEETLERENOMMER

CÉDRICKEIFLIN-YANNGOMIERO

LAYOUTSOVERRIDES

13

OUCOMMENTAFF ICHERUNECATÉGORIE D ’ARTICLES JOOMLASOUSLA FORMED’AGENDA

2016

Créerunagenda

CRÉERUNLIENDEMENU

CÉDRICKEIFLIN-YANNGOMIERO

LAYOUTSOVERRIDES

14

GEST IONDES TEMPLATES/

TEMPLATES DETAILS & F ICHIERS

CRÉERLASUBSTITUTION

2016

Créerunagenda-TELECHARGERLEFICHIERMODERNBLOGLAYOUT

SURJ-OVER.DE

HTTPS://WWW.J-OVER.DE/EN/OVERRIDES/COM_CONTENT/MODERN-BLOG-LAYOUT.HTML

PUISREMPLACERLESFICHIERSDESUBSTITUTIONS

-AJOUTERLACSSAUTEMPLATE

CÉDRICKEIFLIN-YANNGOMIERO

LAYOUTSOVERRIDES

15

2016

CréerunagendaASSIGNERLETEMPLATEAULIENDEMENUETVOILA;)

ADAPTERLACSSPOURHARMONISERL’AFFICHAGEDESKTOPETMOBILE.

CÉDRICKEIFLIN-YANNGOMIERO

LAYOUTSOVERRIDES

16

2016

Bonus:Créerunpackage1.  PRENDRELEDOSSIERDEL’OVERRIDEÀ

COPIERDANS«HTML»DUTEMPLATE

2.  CRÉERUNFICHIERXMLDETYPE«FILE»

3.  ZIPPERLETOUT

CÉDRICKEIFLIN-YANNGOMIERO

LAYOUTSOVERRIDES

17

2016

ExempledefichierXML

CÉDRICKEIFLIN-YANNGOMIERO

LAYOUTSOVERRIDES

18

2016

MERCI

CÉDRICKEIFLIN-YANNGOMIERO

LAYOUTSOVERRIDES

19