Tableless Joomla 1.5 website

woensdag, 26 november 2008 00:00

Het is welbekend dat het een pre is om je website volledig tabelloos te programmeren, geheel volgens de W3C richtlijnen. Qua template building is dat voor de xHtml/CSS kenner geen probleem, maar wat doe je met Joomla! die altijd weer tabellen in de source code plaatst.

Joomla! 1.5 template overrides
Met de komst van Joomla! 1.5 is deze ergernis voorbij, vanaf nu kun je de website welke met Joomla! cms is gemaakt ook volledig zonder tabellen realiseren. Dat komt omdat in Joomla! 1.5 er een nieuwe mogelijkheid is bijgekomen welke Template Overrides mogelijk maakt.

Wat zijn Template Overrides
Met template overrides kun je specifieke core bestanden van Joomla! aanpassen, zonder dat je de werkelijke bestanden zelf hoeft te wijzigen. Dat is erg handig bij Joomla! upgrades en je hoeft niet langer bang te zijn voor fouten. In je template map kun je naast de mappen 'css' en 'images' een extra map 'html' aanmaken. Alle template overrides welke je wilt gaan maken komen hier te staan.

Wees dankbaar voor de template ontwerpers van Beez!
Beez,.. jazeker, deze template heeft op dit moment aandacht nodig. Het zal opvallen dat ook in deze template een map 'html' staat. Hierin zitten vrijwel alle core overrides om je gehele Joomla! website zonder tabellen en geheel in DIV structuur op te zetten.

Kopieer deze 'html' map naar jouw eigen template. Op zich werken de core overrides direct, maar pas ook de templateDetails.xml file van je template aan. De template heeft immers vele nieuwe bestanden erbij gekregen door deze 'html' map.

 
<filename>html/com_contact/category/default.php</filename>
<filename>html/com_contact/category/default_items.php</filename>
<filename>html/com_contact/category/index.html</filename>
<filename>html/com_contact/contact/default.php</filename>
<filename>html/com_contact/contact/default_address.php</filename>
<filename>html/com_contact/contact/default_form.php</filename>
<filename>html/com_contact/contact/index.html</filename>
<filename>html/com_contact/index.html</filename>
<filename>html/com_content/article/default.php</filename>
<filename>html/com_content/article/index.html</filename>
<filename>html/com_content/article/form.php</filename>
<filename>html/com_content/category/blog.php</filename>
<filename>html/com_content/category/blog_item.php</filename>
<filename>html/com_content/category/blog_links.php</filename>
<filename>html/com_content/category/index.html</filename>
<filename>html/com_content/category/default_items.php</filename>
<filename>html/com_content/category/default.php</filename>
<filename>html/com_content/frontpage/default.php</filename>
<filename>html/com_content/frontpage/default_item.php</filename>
<filename>html/com_content/frontpage/default_links.php</filename>
<filename>html/com_content/frontpage/index.html</filename>
<filename>html/com_content/section/blog.php</filename>
<filename>html/com_content/section/blog_item.php</filename>
<filename>html/com_content/section/blog_links.php</filename>
<filename>html/com_content/section/default.php</filename>
<filename>html/com_content/section/index.html</filename>
<filename>html/com_content/index.html</filename>
<filename>html/index.html</filename>
<filename>html/editor_content.css</filename>
<filename>html/modules.php</filename>
<filename>html/pagination.php</filename>