Views tutorial 101, het maken van een nieuwe View

Hoe goed Drupal ook out-of-the-box is, het mist een paar belangrijke functionaliteiten, het aanmaken van lijsten en pagina's. Nu bestaan er geen pagina's in Drupal maar met Views is dat wel mooi op te lossen. Voor het aanmaken van overzichtspagina's, blokken met lijsten van nodes en zelfs RSS-feeds is de Views module uitermate geschikt. De module is te vinden onder Site-constructie -> Views. Een View kan je dus zien als een pagina, een blok maar ook een RSS-feed. Nu is de module behoorlijk ingewikkeld wanneer je er voor het eerst mee werkt en zijn de mogelijkheden ook eindeloos wat je er allemaal mee kunt. Vandaar deze korte tutorial voor het aanmaken van van een pagina en een blok met een lijst van vacatures.

Schematisch ziet een View er zo uit:

• View (Component)
• Blok (Display)
• Configuratie
• Pagina
• RSS-feed
• …

De subcomponenten noem je een Display. Hieronder vallen alle configuratieinstellingen. Een View bestaat uit een Standaardinstellingen Display. Deze staat bovenaan de lijst wanneer je een View bewerkt. Alle configuratieinstellingen die je hierin maakt zullen doorgevoerd worden in alle Display’s die je daarna aanmaakt. Hieronder een voorbeeld.

Een nieuwe View

Belangrijk: Zolang je je View nog niet opgeslagen hebt (OPSLAAN knop onderaan de View) zullen alle wijzigingen verloren gaan wanneer je de pagina verlaat. Dit is alleen zo bij een nieuwe View, een bestaande view met wijzigingen worden wel onthouden. Een niet opgeslagen View herken je aan de gele header.

Stel je wilt een overzichtsblok en -pagina maken van een bepaald type, zeg vacatures. Je gaat dan naar Site-constructie -> Views en drukt op het tabblad Toevoegen. Op het volgende scherm vul je dan een naam in (deze zal alleen getoond worden in de lijst met Views). De description en tag optie zijn optioneel en zijn bedoeld om het overzichtelijk te houden bij meerdere Views. Het view type veld is wel belangrijk, dit de basis van waarop je je overzichten wilt baseren. In dit geval willen we lijsten met nodes maken dus laten we die optie op Node staan (afhankelijk van modules kan deze lijst groter of kleiner zijn per website). Zie Screenshot 1.

Screenshot 1.

Het volgende scherm wat je ziet is het configuratiescherm van de View, zie screenshot 2. Links zie je de tab Standaardinstellingen staan met daaronder een select veld waarin de Display’s staan. Vanaf nu moet je gaan denken welke configuratieopties doorgevoerd mogen worden door alle display’s heen, de standaardinstellingen dus. In dit geval kunnen we een filter aanmaken voor de node type. Dat doe je door naast de titel Filters in het blok op de + te drukken.  In het scherm wat dooronder opent (zie screenshot 3) selecteer je Node in de dropdown, vink je Node:type aan en druk je als laatste op TOEVOEGEN. Op het volgende scherm kies je dan het type wat je wilt includen, in dit geval nodes van het type vacatures. Druk op Bijwerken en je filter is aangemaakt. Dit filter zal nu overal doorgevoerd worden in de Display’s die je aanmaakt. Een filter die je daarna ook kan toevoegen is Node: Published or admin, deze zorgt ervoor dat niet gepubliceerde nodes niet in de lijst staan tenzij je admin bent. Op dezelfde manier kan je Sorteercriteria toevoegen in de lijst erboven, zo kan je je lijsten laten sorteren op aanmaakdatum of titel bijvoorbeeld. Met het icoontje naast de +, die met de twee pijlen, kan je de filters/velden van volgorde doen veranderen.

Screenshot 2.

Screenshot 3.

Een ander belangrijk onderdeel van de View is het blok Basis instellingen. Van boven naar beneden de belangrijkste:

• Naam. De naam van de Display (puur voor de adminkant).
• Titel. De titel van de pagina of het blok, dit wordt getoond aan de voorkant van de website.
• Stijl. Hierbij geef je aan in welke stijl je de lijst weergegeven wilt hebben. Een tabel, een HTML lijst of een standaard Niet-geformatteerde lijst. Deze kan het beste op Niet-geformatteerd blijven staan.
• Row style. Hoe wil je elke rij tonen. Standaard kan je kiezen uit Node en Velden. Kies je voor Node dan zal elke rij opgemaakt worden zoals aangegeven in de node template. Kies je voor Velden dan kan je zelf kiezen welke velden je getoond wilt hebben. Deze velden kan je dan selecteren in het onderdeel Velden. Ook dit werkt op dezelfde manier als het toevoegen van een filter.
• De rest spreken voor zichzelf en staan meestal standaard wel op de goede waarde.

Pagina

We hebben nu alleen nog een standaard View gemaakt. Om een (fysieke) pagina te maken moeten we een Pagina display aanmaken. Wanneer je op ADD DISPLAY drukt zal je zien dat alle configuratieinstellingen aan de rechterkant ineens grijs en cursief geworden zijn. Dit is belangrijk want dat betekent dat deze overgenomen zijn van de standaardinstellingen. Druk je nu op de titel zal je zien dat er een extra knop bij gekomen is, OVERSCHRIJVEN (zie screenshot 4). Druk je over OVERSCHRIJVEN zie je ook dat je knop veranderd van UPDATE DEFAULT DISPLAY naar BIJWERKEN (zie screenshot 5). Dat betekent dat alle wijzigingen die je nu doorvoerd in dit veld alleen voor deze display geldig zijn. Belangrijk is dus om altijd goed te kijken of je bezig bent in de standaardinstellingen of dat je hem moet overschrijven. Je kan namelijk standaardinstellingen wijzigen vanuit een Display. Bij een pagina display zit een extra blok (zie screenshot 6) Pagina-instellingen. Hier kan je het pad opgeven waar deze view op benaderd kan worden. Dit kan alles zijn wat je wilt als je SEO maar in het achterhoofd houdt. Vul hier bijvoorbeeld vacatures in en druk op BIJWERKEN (deze hoeft niet overschreven te worden). Nu ben je in feite klaar om je View op te slaan. Dat doe je via de knop helemaal onderaan OPSLAAN. NA het drukken zal je zien dat alle gele headers en regels weg zijn. Dat betekent dat je View is opgeslagen. Ga je nu naar de pagina /vacatures dan zal je daar een lijst vinden van nodes van het type vacature met de sortering die aangegeven is in de view.

Screenshot 4.

Screenshot 5.

Screenshot 6.

Blok

Een blok zit bijna precies hetzelfde in elkaar als een pagina maar dan zonder een pad/url. Wanneer je een blok display aanmaakt en bewaard zal dit blok beschikbaar zijn in op de blokoverzichtpagina van Drupal. Het blok is te herkennen aan [naam view]:[naam display]. Hier is het dus enigszins van belang om een duidelijk naam te bedenken aangezien de blokkenpagina snel kan vollopen met blokken.