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.

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

10. Re-usable elements

12. .large-6
.large-7 .large-5
.large-7
.large-8
.large-4
HEADER
CONTENT
FOOTER

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

16. .large-6
.large-7 .large-5
.large-7
.large-8
.large-4
HEADER
CONTENT
FOOTER

17. Paragraphs for layout

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

40. Custom layout
YOURTHEME.layout.yml

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?