XOOPS giver mulighed for at adskille den faktiske præsentation af webstedet ("temaet") eller brugerinterface) og den kode der kører i baggrunden. Den første håndteres af en mekanisme baseret på grafiske temaer. Et tema (theme) indeholder basalt set kun de nødvendige HTML
skabeloner, der definerer det visuelle på siden, nogle style sheetes og nogle billeder/grafiske elementer. Du kan ændre tema fra den administrative del af siden, så hele din side ændre udseende.
Du kan også have flere temaer aktive, og lade brugerne vælge hvilket et, de ønsker at benytte.
Generelt set, er et tema den overordnede visuelle del af et side: i temaet findes f.eks. de generelle parametre for temaets generelle layout. Men på den anden side, så definerer det ikke normalt blokkenes udseende. Disse definitioner følger med
i modulerne og kaldes for skabeloner. Et skabelon sæt er en samling af HTML skabeloner der definere præsentationen af indholdet i blokkene. En passende metafo kunne være at temaet er
arkitekturen af et hus, mens skabelonerne er det indvendige dessign. De første sætter murene til plantegningen, mens de næste “pynter” disse mure med tapet/maling osv.
Hvis det aktive tema er simpelt, vil det kun kun omfatter en tema fil, CSS filer og nogle billeder, XOOPS leverer standardskabelonen sæt med definitioner for præsentationen af blokke. Men nogle komplekse temaer er sofistikerede nok til at inkludere deres egen skabelon sæt. I dette tilfælde skal
administratoren bruge den administrative brugerflade at indstille både tema og skabelon sæt.
Hvordan opnås temaets magi ? Det vil sige, hvordan kan HTML-skabeloner omfatte dynamisk indhold? Dette gøres ikke med spejle og røg, men med en smart skabelonmotor kaldet
Smarty der gør det, der plejede at blive kaldt
variabel interpolation . Udtrykt på en enkel måde kan vi sige, at XOOPS-systemet bruger PHP-filer til at holde logikken i modulerne (adgang til databasen, tildeling af variabler, styring af rettigheder ...), HTML-filer med Smarty-variabler indsat for at administrere
den faktiske visuele grænseflade og Smarty-motoren til at indsætte værdier og strenge på bestemte steder i HTML-en, der bygger siderne set af slutbrugeren. Hvad dette betyder for dig kan Alt i alt let sammenfattes: takket være dets temasystem lader XOOPS webstedsdesignere bygge mere
interessante og visuelt fantastiske sider uden særlig at bekymre sig over, hvad der sker under motorhjælmen.
Hvis du gerne vil lave et brugerdefineret skabelon sæt, kan du lave en kopi af default sættet (eller nogen andre) ved at vælge ‘klon’ linket (du vil blive bedt om at give det nye sæt et navn). Modsat det default sæt, kan andre skabelon sæt redigeres frit. Du kan også gemme en kopi af skabelonsættet lokalt ved at vælge ‘download’ linket, eller fjerne et sæt ved at klikke på ‘slet’ linket. En gang imellem kan du se et ekstra ‘generer’ link ved siden af nye moduler, da deres skabelonsæt endnu ikke er oprettet.
Du kan se en komplet liste over de tilgængelige skabeloner ved at gennemse kataloget i trævisning. Når du vælger en skabelon, vil XOOPS åbne den i en editor, hvor du kan redigere det.
Under redigering af skabeloner skal du aktivere en præference, der automatisk opdaterer modulskabelons .tpl-filer, hvis der er nyere filer under temes/dittema/templates mappe til det aktuelle tema (Systemmodule -> Indstillinger -> Generelle indstillinger -> Opdater modulskabelons. tpl-filer
fra temes/dittema/templates? -> ' Ja '). Dette skal slås fra, når webstedet bliver offentligt.
Hvis du ved et uheld,får rodet en skabelon godt og grundigt, så glem ikke, at du kan hente en ‘god’ kopi fra dit default skabelonsæt. Hvis du arbejder med ikke-default-skabeloner, er det en god idé at gemme en kopi af dem, før du redigerer i dem.