In de vorige lessen hebben we kennisgemaakt met de hooks hook_block_info(), hook_block_view(), hook_menu() en hook_permission(). Nu kunnen we programmatisch zoveel pagina’s en blokken aanmaken als we willen. In deze les maken we kennis met de Form API van Drupal 7 om formulieren te bouwen. We gaan een formulier maken voor het beheren van de functionaliteit van onze module en proberen zoveel mogelijk van de eerder geleerde hooks toe te passen om onze kennis te versterken.

In de eerste twee delen van de Drupal-handleiding op drupalbook.org heb je geleerd hoe je een website installeert, contenttypes toevoegt, verschillende soorten inhoud aanmaakt en deze weergeeft via Views. In de volgende delen kon je kennismaken met HTML en CSS. Nu is het tijd om te leren hoe je het uiterlijk van die inhoud kunt aanpassen met behulp van CSS.

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.