How to create landing pages effectively with Drupal 8, as presented by Jan Chojnacki in DrupalCamp Balticst 2017 in Vilnius

1. CREATING LANDING PAGES
FOR DRUPAL 8
Jan Chojnacki
Developer @ Exove

2. What is a Landing page?
§ Particular target audience
§ Emphasized Call to Actions
§ Custom layout and complex internal
structure
§ Personalized blocks

3. Planning
§ Possibility to create multiple landing pages
§ Possibility to easily change the layout
§ Providing stability by adding limitations in the admin interface
§ Human curated or aggregated by Drupal content
§ Re-usable elements

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

6. PARAGRAPHS

7. 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

8. Paragraphs types

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

10. Paragraphs for layout

11. Paragraphs for layout
Section
§ Reference to column
§ Background color
§ Column style
50%-50% 60%-40% 40%-60%
Column
§ Reference to "elements"
paragraphs

15. Paragraphs
GOOD
§ Flexible
§ Revision-friendly
§ Large support of the community
BAD
§ Not reusable
§ Paragraph Entity Reference
Revision field translation is only
supported with the patch (yet)
§ Naming :)

16. ECK + IEF

17. Entity Construction Kit (ECK)
User Interface for managing entity types,
bundles, and entities
https://www.drupal.org/project/eck

18. ECK Entity types

20. ECK
GOOD
§ Flexible
§ Reusable
BAD
§ No out-of-the-box support for
revisions (yet)
§ Child entity not deleting on
removal of parent entity

21. DISPLAY SUITE

22. Display Suite
§ Extends the display options
for every entity type
§ Drag & Drop
§ Custom layouts
§ Custom fields
https://www.drupal.org/project/ds

23. DS: Custom layout
YOURTHEME.layout.yml

25. Display Suite
GOOD
§ Familiar UI
§ Custom layouts
§ Block fields out of the box
BAD
§ Single layout for all entities of
the same type and display
§ Difficult to extend

26. PANELS

27. 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

28. Panels: custom layout
YOURTHEME.layout.yml

29. Panels
GOOD
§ Powerful
§ More simplified comparing to
Drupal 7 version of Panels
BAD
§ Learning curve
§ Currently only supports adding
blocks
§ Not Revisionable
§ Developer’s tool

30. Others
Blocks
Bricks
WYSIWYG
Twig templates
Etc…

31. QUESTIONS?