Als je hebt besloten om je eigen website te maken — of als je die al hebt gemaakt — dan vraag je je misschien af: wat als niemand mijn site bezoekt? Je bent namelijk niet de eerste die een website maakt, en waarschijnlijk ook niet de eerste die een site maakt over jouw onderwerp: toerisme, auto’s, vastgoed… Er bestaan waarschijnlijk al tientallen, zo niet honderden, soortgelijke websites. Elke concurrent van jouw bedrijf heeft al een website. En zelfs als jij al een publiek hebt, zijn er altijd sites die in de vergetelheid raken en verdwijnen.
Het eerste wat je moet doen wanneer je begint met het promoten van je Drupal-site, is de module SEO Checklist installeren:
Het themasysteem in Drupal 8 is veranderd. Dit komt voornamelijk door de overgang naar objectgeoriënteerd programmeren en het gebruik van de Twig-template-engine. Waar het vroeger voldoende was om een beetje PHP, HTML en CSS te kennen om je eigen thema te maken, moet je nu ook Twig begrijpen. Aan de ene kant maakt dit de ontwikkeling van Drupal complexer, maar aan de andere kant vereenvoudigt het het ontwikkelproces.
Drupal gebruikt de nieuwe Twig-template-engine. Daarom zijn alle thema’s opnieuw opgebouwd om hiermee te werken. Laten we eens kijken wat er zich bevindt in de map /core/themes.
In het vorige artikel hebben we een diavoorstelling gemaakt met behulp van Views Slideshow. Maar we hebben nog steeds een ongestylede paginering met kleine afbeeldingen.
In dit artikel bekijken we hoe we OwlCarousel kunnen toevoegen en CSS kunnen integreren via een extra bibliotheek.
In dit voorbeeld gebruiken we een aangepaste module om OwlCarousel te koppelen, maar de volgende keer zullen we de diavoorstelling stylen binnen de bestanden van het thema.
Allereerst moeten we leren hoe we blokken en pagina’s kunnen weergeven met Views. Laten we beginnen met pagina’s. We zullen alle artikelen van onze site weergeven.
Pagina’s weergeven via Views
Laten we onze eerste view aanmaken. Ga naar het menu Beheren → Structuur → Views.
Zen is het populairste basisthema voor Drupal. Als je snel een responsief ontwerp wilt maken voor een site met een lay-out van drie kolommen, dan is Zen precies wat je nodig hebt. Je hoeft het alleen te installeren en het commando npm install uit te voeren — Zen bereidt vervolgens automatisch de basis voor jouw ontwerp voor. Laten we stap voor stap bekijken hoe dit werkt.
Download het Zen-hoofdthema van de officiële website:
In Drupal 7 kon je snel en eenvoudig een subthema maken op basis van Zen en beginnen met het bouwen van je website. Sinds Drupal 8 zijn er ook verschillende basisthema’s waarmee je je eigen thema kunt maken. Maar voordat je een subthema op basis daarvan aanmaakt, is het belangrijk om eerst te begrijpen waar alles zich bevindt.
De Drupal-ontwikkelaars raden aan om als voorbeeld het Stark-thema te bekijken. Dit thema is toegevoegd aan Drupal om te laten zien hoe een thema is opgebouwd. Laten we eens kijken wat er binnen dit thema zit:
Vanaf dit artikel gaan we ons eigen thema maken in Drupal. In dit gedeelte van de handleiding zullen we de basisprincipes van theming in Drupal bespreken — waar alles zich bevindt, hoe je CSS en JavaScript kunt toevoegen en gebruiken. Ons thema zal gebaseerd zijn op het Stable-basisthema uit de core. Als je Drupal wilt leren, is Stable een geweldige start. Je moet niet beginnen met Bootstrap, want je zult voortdurend vragen en fouten tegenkomen.