In dit onderdeel zal ik zo goed mogelijk proberen uit te leggen hoe je op een gemakkelijke manier het theme van jouw website kan aanpassen.
Er zullen voorbeelden, howto's, tips & trics gemaakt worden die allemaal één voor één duidelijk een bepaald onderwerp zal aanhalen.
Zijn er zaken die je echt wil weten maar die hier niet te vinden zijn, kan je het altijd doorgeven op het formulier en ik zal mijn best doen om het hier te bespreken.
Een van de belangrijkste zaken aan een website is de layout. Mensen kijken naar een website en zullen afhankelijk van de layout beslissen of ze gaan blijven of niet. Als een website onoverzichtelijk overkomt, zal de kans groter zijn dat de gebruikers wegklikken in plaats van blijven.
Een layout is ook belangrijk voor om je huisstijl te profileren. Het is een logo dat men ziet en men kan je bedrijf, vereniging of wat dan ook direct herkennen.
Drupal kan een aantal thema's aanbieden die de layout van je website aanpassen. Een thema zijn bepaalde bestanden die bepalen hoe je website er zal uitzien.
Op de website van drupal kan je een hele hoop themas vinden die je kan downloaden. Je kan er ook een kleine preview van zien zodat je op basis daarvan iets kan vinden wat je aanstaat.
Als je een thema gevonden hebt dat je aanstaat moet je het enkel nog installeren, maar hoe doe je dat nu?
Zoals hierboven reeds gezegd, kan je hier de beschikbare themas bekijken en downloaden.
Het bestand dat je gedownload hebt, zal je moeten uitpakken met winrar of een ander programma.
Wanneer het thema is uitgepakt op je harde schrijf moet je het enkel uploaden naar de server. Normaalgezien zal u de FTP gegevens wel hebben. De map waarin je het thema moet installeren is
root_dir_drupal/themes waarbij root_dir_drupal de hoofdmap van Drupal is. Binnen de themes map vind je al een aantal voorgeïnstalleerde themas.
Wanneer het thema ge-upload is moet je het inschakelen in drupal:
Naast elk thema heb je nog een link configer. Daarmee kan je bepaalde zaken eigen aan het thema configureren zoals een logo, sitenaam, slogan.
Wat je ook moet weten, is dat de configuratie van de blokken, opgeslaan worden per thema. Als je dus voor thema A, enkele blokken hebt gedefinieerd en aangezet en je wijzigt het thema naar thema B, dan zal je die blokken opnieuw moeten aanzetten.
Een thema bestaat uit verschillende bestanden die samen de website vormen. Elk bestand heeft zijn eigen nut en wordt voor bepaalde zaken gebruikt. Hier een kort overzicht van de verschillende bestanden die gebruikt worden bij een thema:
Bestand dat een box rond inhoud plaats. Wordt vooral gebruikt door de comment module.
dit bestand beschrijft hoe de comments er zullen uitzien.
Een van de belangrijkste bestanden in een thema.
De node.tpl.php beschrijft hoe een individuele node er zal uitzien.
Deze file bepaald waar de "submitted by" wordt geplaats, waar de taxonomy geplaatst wordt.
Wanneer u wil dat al die zaken niet getoond worden, moet je dat in de node.tpl.php doen.
Submitted by verwijderen
Wanneer u de submitted by wil verwijderen dan moet je volgende code verwijderen uit het bestand:
<?php print $submitted ?>Dit is de essentie van het thema. Deze bepaald de structuur van de pagina, van begin tot einde.
Als er dus iets moet gewijzigd worden aan de structuur van een pagina, dien je dat in dit bestand te doen.
Het bepaald onder andere waar het logo komt, waar de titel staat, hoe de primary links getoond worden,...
Hoe je de primary links kan aanpassen, zal later uitgebreid aangehaald worden in een howto.
De structuur zoals linker- en rechterbalken voor de blokken wordt ook in deze file gedefiniëerd.
Deze file bepaald hoe de blokken getoond worden. Er staat in welke stijl er moet gebruikt worden voor de blok, waar de titel van een blok staat en hoe de inhoud getoond moet worden.
In het CSS bestand worden alle stijlen gedefinieerd.
Hierin kan je de kleuren aanpassen, randen, lettertype's, breedte, marge,... Eigenlijk alles wat met stijl te maken heeft kan je hierin aanpassen.
Als je niet goed weet hoe je met css kan werken, dan raad ik je aan om een kijkje te nemen op de site van W3schools.