Creating Landing Pages for Drupal 8
3 likes1,608 views
This document discusses various options for creating landing pages in Drupal 8, including paragraphs, Entity Construction Kit (ECK), Display Suite, Field Layout, Panels, and others. Paragraphs allow for structured content chunks that can be reordered and come in types like accordions and galleries. ECK provides reusable entity types for content. Display Suite extends display options and offers custom layouts. Field Layout adds layout capabilities to the field UI in Drupal core. Panels is a powerful but complex system for custom layouts using blocks or fields. Planning and a focus on customer needs are emphasized when choosing an approach.
Creating Landing Pages for Drupal 8
- 1. Jan Chojnacki Exove Creating Landing Pages for Drupal 8 Tallinn, November 2, 2018
- 2. THANKS!
- 3. THANKS!
- 4. What is a Landing page? • Particular target audience • Emphasized Call to Actions • Custom layout and complex internal structure • Personalized blocks
- 5. Planning
- 6. Possibility to create Multiple landing pages
- 7. Possibility to easily change the layout
- 8. Providing stability by adding limitations in the admin interface
- 9. Human curated or aggregated by Drupal content
- 13. Paragraphs
- 14. Paragraphs • Structured "chunks of content" • Allows content editors to choose from pre-defined list of paragraph types • Content editor can reorder paragraphs • Examples: Accordion, Tabs, Galleries, Slideshow, Simple text https://www.drupal.org/project/paragraphs Use case examples: • Add a block of text with an image left to it • Add an accordion between blocks of text
- 15. Paragraph types
- 18. Column • Reference to "elements" paragraphs Section • Reference to column • Background color • Column style 50%-50% 60%-40% 40%-60%
- 22. Paragraphs GOOD • Flexible • Revision-friendly • Large support of the community BAD • Not reusable • Asymmetric translations are only supported with additional module • Naming :)
- 23. Entity Construction Kit + Inline Entity form
- 24. Entity Construction Kit (ECK) User Interface for managing entity types, bundles, and entities https://www.drupal.org/project/eck
- 25. ECK Entity types
- 27. ECK GOOD • Flexible • Reusable entities BAD • No out-of-the-box revisions support (yet) • Child entity is not deleted on parent entity removal
- 28. Display Suite
- 29. Display Suite • Extends the display options for every entity type • Drag & Drop • Custom layouts • Custom fields https://www.drupal.org/project/ds
- 30. Display Suite: Custom layout YOURTHEME.layout.yml
- 32. Display Suite GOOD • Familiar UI • Custom layouts • Block fields out of the box • Full page view mode switch BAD • Single layout for all entities of the same type and display • Difficult to extend
- 33. Field Layout
- 34. Field layout • Adds layout capabilities to the Field UI • Drupal core (from 8.5) • Experimental • Similar to Display Suite
- 37. Field layout GOOD • in Drupal core • Familiar UI • Custom layouts BAD • Experimental • Single layout for all entities of the same type and display • Difficult to extend
- 38. Panels / Layout Builder
- 39. Panels • Panels is an API in Drupal 8 • Currently, Page Manager and Panelizer implement panels • Permissions • Variants • System of "context” • In place editor https://www.drupal.org/project/panels
- 41. Panels / Layout Builder GOOD • Powerful • More simplified comparing to Drupal 7 version of Panels BAD • Learning curve • Currently only supports adding blocks • Developer’s tool
- 42. Others • Blocks • Bricks • WYSIWYG • Twig templates • Etc…
- 43. 1. Focus on solving customer needs 2. Extendable for future needs 3. Planning
- 44. Question?