Vormgeving met templates

Als je een site laat ontwerpen is het prettig als het ontwerp van de site gescheiden is van de functionaliteit van de site. Mocht je later van ontwerp willen veranderen, dan kan dat zonder dat je de mogelijkheden van je site helemaal opnieuw moet maken. WordPress en Joomla bieden je de mogelijkheid om eenvoudig van ontwerp te wisselen door gebruik te maken van thema's. Bij Joomla kun je zo ook verschillende delen van je site voorzien van een andere vormgeving.

CSS
Het idee achter theme based design is dat je werkt met Cascading Stylesheets (CSS). CSS stelt je in staat om de opmaak van je site te regelen met een apart stylesheet. In het stylesheet staan de regels die worden toegepast op elementen in je pagina. Je kunt het vergelijken met de stijlen die je kunt toepassen in een Word document. Het mooie van deze manier van werken is dat je de opmaak van je site apart houdt van de inhoud van je site!

De ondersteuning van CSS in browsers is over het algemeen goed, alhoewel er wel verschillen zijn tussen browsers. Ontwerpers en programmeurs weten hier het fijne van. Houd er bij je aanbesteding rekening mee. Je kunt dit verwoorden door aan te geven dat de website op XHTML en CSS gebaseerd moeten zijn. XHMTL garandeert onder meer dat je CSS stylesheets goed zullen werken.

De mogelijkheden van CSS zijn enorm en worden steeds groter. Als je hiervan een aantal schitterende voorbeelden wilt zien adviseren we je een kijkje te nemen bij CSS Zen Garden van David Shea. De website die hij heeft opgericht bevat telkens dezelfde tekst (x)html, maar verschillende stylesheets. De verschillen zijn verbluffend.

Templates
Naast CSS werk je met templates. Dit kun je vergelijken met standaard sjablonen in Word. Het idee hiervan is dat je verschillende onderdelen van je website onderbrengt in verschillende bestanden. Zo heeft WHELP een aantal basisbestanden: een bestand voor de bovenkant van iedere pagina, de body en de onderkant van de pagina. Daarnaast zijn er aparte pagina's voor de homepage, het bericht dat je nu leest, een archief, etc. Binnen de body pagina zijn er weer aparte pagina's de onderdelen die je aan de rechterkant ziet: voor elk blokje 1. Op het moment dat jij als bezoeker deze pagina opzoekt worden alle elementen bijeen geraapt en als 1 pagina gepresenteerd.

In elke pagina zijn plekken waar informatie uit het CMS achter WHELP wordt gehaald en op die plek wordt ingevuld. Door te werken met kleine bestanden kun je gemakkelijk kleine onderdelen van je site veranderen en zijn die veranderingen op al je pagina's direct doorgevoerd.

Wisselen van thema
In een aantal contentmanagement systemen kun je gemakkelijk wisselen van templates. Ze zijn gegroepeerd als thema. Zo zijn wijzelf onlangs gewisseld van een op Hemingway (linksonder) gebaseerd thema naar een op Relaxation gebaseerd thema (rechtsonder). Het Hemingway thema bleek bij nader inzien onvoldoende navigatie mogelijkheden te hebben.

Gratis templates
Je kunt eigen templates laten ontwikkelen door je vormgever, maar er zijn ook veel websites waar je gratis of naar verhouding goedkope templates kunt vinden. Deze kun je ook als basis gebruiken voor een eigen template.

Voor WordPress kun je terecht bij:

• WordPress.org [gratis]
• WordPress.net [gratis]
• Alex King [commercieel]
• TemplateMonster.com [commercieel]

Voor Joomla kun je terecht op:

• Rocket Theme
• Canaan Design
• Joomla Theme
• Joomla Junkie

Deze hebben allemaal een aantal gratis templates, naast commerciële.

Stem / Bookmark [?]