3.4. Paragraphs - bouwer voor landingspagina’s
Heel vaak moet je een landingspagina maken op een website waarvan het sjabloon aanzienlijk verschilt van de rest van de site. Vaak gaat het om een pagina voor promoties, evenementen of presentaties.
Voor dit doel bestaat er een handige bouwer genaamd Paragraphs:
https://www.drupal.org/project/paragraphs
De Paragraphs-module maakt het mogelijk om via een meerwaardig veld in een node verschillende soorten paragrafen weer te geven: fotogalerijen, tekst met afbeelding, sliders, video’s en meer.
Om deze mogelijkheid te gebruiken, moeten we de modules Paragraphs en Paragraphs demo inschakelen. De Paragraphs demo bevat al een reeks vooraf ingestelde paragraftypen. We hebben ook de module Entity Reference Revisions nodig:
https://www.drupal.org/project/entity_reference_revisions
Voeg nu een nieuw inhoudstype toe, bijvoorbeeld Landing Page (of gebruik een bestaand type zoals Pagina of Artikel) en voeg hieraan een Paragraphs-veld toe:
Selecteer voor dit veld een onbeperkt aantal waarden.
We kunnen meer soorten paragrafen toevoegen — galerijen, video’s, parallax-afbeeldingen, enzovoort. In Drupal 7 bestaan er al veel aanvullende modules voor verschillende paragraftypen, bijvoorbeeld:
Waarschijnlijk zullen deze modules in de toekomst ook voor Drupal 8 beschikbaar zijn.
Nu kunnen we bij het aanmaken van nodes van het type Landing Page verschillende soorten paragrafen toevoegen:
Dat ziet er ongeveer zo uit:
De Paragraphs-module biedt een gebruiksvriendelijke interface voor het bewerken van landingspagina’s, maar je moet nog steeds zelf de theming verzorgen voor de weergave van de inhoud op de pagina.
Laten we proberen een nieuw type paragraaf toe te voegen — een Slideshow. Hiervoor hebben we een module nodig die Drupal-velden kan weergeven als een galerij, bijvoorbeeld Gallery Formatter:
https://www.drupal.org/project/galleryformatter
Installeer de module en maak een nieuw paragraftype aan:
/admin/structure/paragraphs_type/add
Voeg aan dit paragraftype het veld Foto’s toe:
Om een onbeperkt aantal foto’s te kunnen uploaden, stel je in de veldinstellingen het aantal waarden in op Onbeperkt:
Ga naar het tabblad Weergave beheren en stel voor het afbeeldingsveld het formaat jQuery Gallery in:
Wanneer we nu de node van de Landing Page bewerken, kunnen we een galerij toevoegen als een afzonderlijke paragraaf:
Op de pagina ziet deze module er zonder extra opmaak ongeveer zo uit:
Ik denk dat de auteurs van de module het ontwerp na verloop van tijd zullen verbeteren, zodat het er net zo uitziet als in Drupal 7.
De Paragraphs-module is ideaal voor landingspagina’s, nieuwspagina’s en blogs, maar je zult nog steeds wat theming moeten doen om ze er goed uit te laten zien.