3. Wat gaan we doen
• Opbouw van de template bekijken
• Bestanden ontleden
• Bepalen waar wat moet komen
• Beeeetje PHP
Resultaat:
je eerste eigen template! / kennis om er mee te starten.
4. Bestanden
• Alle bestanden in 1 map
• templateDetails.xml
• index.php
Aangevuld met:
• template_preview.png
• template_thumbnail.png
• css/template.css
10. index.php
Doel: De structuur van de
pagina
Bevat o.a
• Positie van component
• Posities van Modules
• Positie van Messages
• Positie van Debug info
17. template.css
Doel: Opmaak van de pagina
Linken in index.php:
(plaatsen tussen <head> en </head> tags)
<link rel="stylesheet" href="<?php echo $this->baseurl ?>
/templates/<?php echo $this->template; ?>/css/template.css"
type="text/css" />
19. Installeren
• Map met alle bestanden zippen
• Installeren zoals je gewend bent
• Of map met alle bestanden uploaden naar map templates
• Naar Extensies > Ontdekken (extensions > discover)
• Selecteer gevonden template en klik op Install (installeren)
• Ga naar Extensies > Templates en maak default
21. Stapje verder?
<?php if ($this->countModules('NAAM1 or NAAM2')) : ?>
<div class=“blokken”>
<div class=“blokje1”>
<jdoc:include type="modules" name="NAAM1" style="xhtml"/>
</div>
<div class=“blokje2”>
<jdoc:include type="modules" name="NAAM2" style="xhtml"/>
</div>
</div>
<?php endif; ?>
or kan ook and zijn (of = de een of de ander, and = de een en de ander)
22. Stapje verder?
Dit kan je ook kleiner toepassen…
<div class=“<?php if ($this->countModules(‘NAAM1 or NAAM2')) :?>
blok<?php endif; ?> <?php if ($this->countModules(‘NAAM1 and
NAAM2’)) : ?>blokken<?php endif; ?>”>
<div class=“blokje blk1”>
<jdoc:include type="modules" name=“NAAM1" style="xhtml"/>
</div>
<div class=“blokje blk2”>
<jdoc:include type="modules" name=“NAAM2" style="xhtml"/>
</div>
</div>
23. Stapje verder?
Wanneer er alleen een module actief is op positie NAAM1 resulteert
dit in:
<div class=“blok”>
<div class=“blokje blk1”>
<div class=“moduletable”> Inhoud module </div>
<div class=“blokje blk2”>
<div class=“moduletable”> </div>
</div>
</div>
24. Stapje verder?
Wanneer er zowel op positie NAAM1 als NAAM2 een module actief is
resulteert dit in:
<div class=“blok blokken”>
<div class=“blokje blk1”>
<div class=“moduletable”> Inhoud module </div>
<div class=“blokje blk2”>
<div class=“moduletable”> Inhoud module </div>
</div>
</div>
25. Zelf aan de slag
• Geef je template een naam
• Richt de templateDetails.xml in
• Maak een indeling in je index.php zodat je
dit kan krijgen ->
• Pas naar wens opmaak toe in de
template.css
• Installeer dit in je eigen testomgeving
26. Resumé
• Nodig: index.php en templateDetails.xml
• Alles in 1 map. Mapnaam gelijk aan template naam
• Bestanden en moduleposities in templateDetails.xml verwerken
• Zippen en installeren of via ftp in map templates plaatsen
KLAAR!
Notas do Editor
Doel: Joomla vertellen dat het een template is, hoe die heet, wie het gemaakt heeft, welke bestanden geinstalleerd moeten worden, welke module posities gebruikt worden en eventueel opties.
Doel: Joomla vertellen dat het een template is, hoe die heet, wie het gemaakt heeft, welke bestanden geinstalleerd moeten worden, welke module posities gebruikt worden en eventueel opties.
Doel: Joomla vertellen dat het een template is, hoe die heet, wie het gemaakt heeft, welke bestanden geinstalleerd moeten worden, welke module posities gebruikt worden en eventueel opties.
Doel: Joomla vertellen dat het een template is, hoe die heet, wie het gemaakt heeft, welke bestanden geinstalleerd moeten worden, welke module posities gebruikt worden en eventueel opties.
Doel: Joomla vertellen dat het een template is, hoe die heet, wie het gemaakt heeft, welke bestanden geinstalleerd moeten worden, welke module posities gebruikt worden en eventueel opties.