Joomla! 1.5 templates

Transcriptie

1 Joomla! 1.5 templates De nieuwste versie van een van s werelds meest populaire CMS en Marco Corrò

2 De onderdelen van een template? templatenaam templatedetails.xml XML installatiescript index.php template_thumbnail.png miniatuur afbeelding favicon.ico adresbalk icoon params.ini Optioneel bestand met parameters css template.css etc.css images afbeeldingen.jpg/.png/.gif html optioneel, map met aangepaste corefiles com_content Article afbeeldingen.jpg/.png/.gif category frontpage etc

3 templatedetails.xml Installatiescript t.b.v. Eenvoudige (plugin) installatie van template in backend Bevat informatie die in de backend getoond wordt

4 templatedetails.xml posities & parameters In Joomla! 1.5 kunnen posities en parameters meegeïnstalleerd worden Joomla 1.5 Joomla 1.0

5 Index.php de head Vaste head code Eventueel links opnemen naar meerdere.css bestanden of scripts. <jdoc:include type= head > zorgt voor plaatsing van de informatie (o.a. Meta informatie) in de head. <?php echo $this->template?> roept de naam van het actieve template op.

6 Index.php de body In de body plaatst u de structuur van uw document u hanteert uw eigen manier van bouwen Content en modules worden aangeroepen d.m.v. Jdoc statements, de notatiewijze: <jdoc:include type= type" name= positienaam" style= stijl" /> Twee praktijkvoorbeelden: <jdoc:include type="component" /> <jdoc:include type="modules" name="left" style="xhtml" /> Oude notatiewijze (Joomla! 1.0): <?php mosmainbody();?> <?php mosloadmodules ( 'left, -2 );?>

7 Jdoc stijlen Stijlen voor jdoc statement modules: none er wordt niets rond de module geplaatst. horz er wordt een tabel in een tabel rond de module geplaatst. table er wordt een enkele tabel rond de module geplaatst. xhtml er wordt een DIV element rond de module geplaatst. rounded er worden 4 DIV elementen rond de module geplaatst, dit t.b.v. de creatie van afgeronde hoeken. outline dit kan gebruikt worden tijdens de ontwikkeling en plaatst 3 DIV elementen met specifieke classes rond de module.

8 Template thumbnail & Favicon

9 Params.ini Parameters Stellen de administrator in staat met een druk op de knop de layout aan te passen. params.ini kleurvariatie=groen <div id="kop_<?php echo $this->params->get( kleurvariatie kleurvariatie );?>"> Resultaatcode: <div id= kop_groen >

10 Params.ini Parameters Stellen de administrator in staat met een druk op de knop de layout aan te passen. params.ini kleurvariatie=groen <div id="kop_<?php echo $this->params->get( kleurvariatie kleurvariatie );?>"> Resultaatcode: <div id= kop_groen >

11 CSS Net als in Joomla! 1.0 zijn er weer talloze CSS classes verwerkt in de core-code Het gebruik van class suffixes is weer mogelijk Veel classnamen zijn ongewijzigd gebleven Enkele voorbeelden:.moduletable wordt toegewezen aan elementen rond modules.contentheading wordt toegewezen aan artikel titels.createdate wordt toegewezen aan tekst Written by... ) etc.

12 countmodules Inhoud van posities laten controleren met countmodules instructie Oude notatie: <?php if ( moscountmodules ( positienaam') > 0) {?> <?php mosloadmodules ( positienaam', -2 );?> <?php }?> Nieuwe notatie: <?php if ($this->countmodules( positienaam') > 0) :?> <jdoc:include type="modules" name= positienaam" style="xhtml" /> <?php endif;?>

13 Meer countmodules Geef de voorwaarde(n)/conditie(s) op (in index.php): <?php if($this->countmodules( left and right ) == 0) $breedte = groot ; if($this->countmodules( left or right ) == 1) $breedte = normaal ; if($this->countmodules( left + right ) == 4) $breedte = klein ;?> Bijbehorende instructie (in index.php): <div id= vlak<?php echo $breedte;?> >Inhoud vlak</div> Voorbeeld; controle voldoet aan eerste conditie. HTML code zal er zo uitzien: <div id= vlakgroot >Inhoud vlak</div> In CSS moeten natuurlijk de volgende stijlen opgenomen zijn: #vlakgroot { eigenschap: waarde; } #vlaknormaal { eigenschap: waarde; } #vlakklein { eigenschap: waarde; }

14 Tot slot: core files Probleem in Joomla! 1.0 met aanpassen corefiles i.v.m. Upgrades Joomla! 1.5 corefiles opnemen in template Joomla! controleert of er een alternatief is. Zo niet originele corefile wordt geladen. templatenaam templatedetails.xml XML installatiescript index.php template_thumbnail.png miniatuur afbeelding favicon.ico adresbalk icoon params.ini Optioneel bestand met parameters css template.css etc.css images afbeeldingen.jpg/.png/.gif

15 Vragen? Auteur: Marco Corrò ISBN: Verschijnt: 10 december 2007 Uitgever: Van Duuren Media Meer info? Docent Joomla!