cursus DRUPAL8 theme maken

Leer uw eigen thema maken voor Drupal 8. We gaan van start met een initiatie HTML5, CSS en PHP. We gebruiken hierbij het gratis programma Sublime Text. Verder lichten we toe hoe je afbeeldingen kan bewerken via Fireworks.

Omdat we streven naar responsive themes - geschikt voor mobiele apparaten (smartphone, tablet) - gaan we aan de slag met Bootstrap. We leren een HTML-pagina omzetten naar Drupal8-theme en duiken in de wereld van YAML en Twig. Het eindresultaat is een unieke, zelfgemaakte Drupal template!

Deze cursus is ook beschikbaar voor Drupal versie 7

Inhoudsopgave

• Een template maken voor Drupal8: inleiding
  Hoe wordt een theme voor Drupal8 gemaakt? Welke talen en technieken gaan we leren? Een introductie
• Grafische vormgeving: initiatie Fireworks
  Hoe kan je het beeldmateriaal klaarmaken voor gebruik in de template? We leren werken met Fireworks (vergelijkbaar met Photoshop).
• Werken in code: Sublime Text
  We gebruiken Sublime Text als gratis code-editor. Het staat u natuurlijk vrij om een andere editor of programma te gebruiken (Dreamweaver, PHP Storm, Brackets, etc). We leren dit programma eventjes in
• HTML
  We leren de basis van HTML.
• PHP: introductie
  We geven een korte introductie PHP
• CSS
  We leren via CSS opmaak toevoegen aan onze HTML-pagina's.
• Bootstrap: basis
  Via Bootstrap leren we responsieve websites bouwen die ook geschikt zijn voor mobiele (smartphone en tablet) apparaten. We leren eerst de basis van het gridsysteem.
• Bootstrap: gevorderd
  We gaan nu wat dieper in op Bootstrap en leren de aanwezige elementen gebruiken.
• Extra's: Scrollen door de pagina
  Je krijgt op een pijl en scrolt automatisch naar een andere plaats, op dezelfde pagina. Dit leren we via jQuery maken.
• Extra's: Animatie bij verschijnen in viewport
  Hoe kan je iets laten bewegen, vanaf het moment dat je het verschijnt in de browser. Je scrolt en ineens beginnen knoppen, tekst en andere zaken te bewegen. We leren dit via jQuery maken.
• Extra's: lettertypes, kleuren en uitklapmenu's
  
• Van HTML naar Drupaltheme: de structuur
  Hoe is de structuur van een template opgebouwd?
• De drupaltheme aanmaken: YML en twig
  We maken nu alle nodige bestanden van de template aan. Dit is dus een erg belangrijk en uitgebreid hoofdstuk.
• Het resultaat: 3 werkende templates
  We bekijken het resultaat. Zelfstudie.be biedt u ook 3 werkende Drupal8 themes aan. We doen ook wat troubleshooting.
• De template uitbreiden
  Hoe kan je extra twig-bestanden maken voor page, node en comment? We leren werken met page--node--xx.html.twig en node--xx.html.twig
• Voorwaardelijke divs
  Wat als de zijbalk leeg is? Dan willen we deze niet meer zien. Dit doen we via aangepaste code.
• Drupal enigszins aanpassen via .theme
  We leren via template.theme functies toevoegen om zo Drupalfunctionaliteiten beperkt te herschrijven.
• Niet telkens de cache moeten wissen
  Hoe zorg je ervoor dat je niet telkens de cache moet wissen bij een aanpassing in de bestanden van de theme?
• Een favicon maken
  We zetten de puntjes op de i en maken zelf een favicon.