Hallo allemaal!

Ik hoop dat jullie al een korte inleiding in HTML en CSS hebben bekeken. Nu zijn jullie klaar om Drupal-thema’s te maken op basis van PSD-ontwerpen. Hieronder vind je de links naar de handleidingen voor HTML en CSS:

HTML

CSS

Als je hebt besloten om geen kant-en-klaar Drupal-thema te gebruiken, maar je eigen thema te maken of een sjabloon van WordPress of Joomla over te zetten, zul je het thema vanaf nul moeten schrijven. Gelukkig bestaan er al frameworks (basisstructuren) die dit proces sterk vereenvoudigen.

Waar te beginnen?

Hoera! Je hebt meteen het juiste bestand geopend. Het eerste wat mensen opvalt wanneer ze het Zen-thema downloaden, is dat er hier veel meer bestanden zijn dan in andere thema’s.

Maak je geen zorgen! Je hoeft niet meteen alles te weten om een Drupal-thema te maken.

Zen geeft je precies wat je nodig hebt, ook als je het nog niet weet, en wacht geduldig tot je de documentatie en opmerkingen erover hebt doorgenomen.

In deze les gaan we de startpagina van de website opmaken. De bronbestanden vind je hieronder. De demo zal beschikbaar zijn zodra ik de hele reeks lessen over theming heb afgerond.

In deze les laat ik zien hoe je een slideshow maakt met behulp van de module Views Slideshow. We voegen meerdere slides toe en brengen het geheel in de stijl van het ontwerp.

In deze les zullen we:

• de opmaak van de startpagina afronden,
• een template voor de startpagina aanmaken,
• de startpagina instellen in Drupal,
• extra blokken toevoegen en themen.

In deze les maken we op de website een Nieuwspagina, tonen we de blog en voegen we een contactformulier toe. Voor de blog gebruiken we de standaardmodule Blog, maar we voegen een afbeelding toe aan elk blogbericht. In het nieuws tonen we naast één afbeelding ook een kleine fotogalerij. Op de contactpagina voegen we een Yandex-kaart en een contactformulier in.

In deze les gaan we onze blog, nieuwssectie en contactformulier netjes opmaken. We voegen wat extra CSS-code toe en gebruiken een CSS3-codegenerator om het proces te versnellen.

In deze les gaan we leren hoe we nodes kunnen themen. Maar eerst moeten we de weergave voor het portfolio en de medewerkers aanmaken.

In deze les gaan we verder met het themen van Drupal, en dit keer richten we ons op het themen van velden. Na deze les zullen we leren hoe we de uitvoer van Views kunnen themen.