Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

DrupalCamp Baltics: Creating Landing Pages for Drupal 8

458 views

Published on

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

Published in: Technology
  • Be the first to comment

  • Be the first to like this

DrupalCamp Baltics: Creating Landing Pages for Drupal 8

  1. 1. CREATING LANDING PAGES FOR DRUPAL 8 Jan Chojnacki Developer @ Exove
  2. 2. What is a Landing page? §  Particular target audience §  Emphasized Call to Actions §  Custom layout and complex internal structure §  Personalized blocks
  3. 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
  4. 4. HEADER CONTENT FOOTER .large-6 .large-7 .large-5 .large-7 .large-8 .large-4
  5. 5. PARAGRAPHS
  6. 6. 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
  7. 7. Paragraphs types
  8. 8. HEADER CONTENT FOOTER .large-6 .large-7 .large-5 .large-7 .large-8 .large-4
  9. 9. Paragraphs for layout
  10. 10. Paragraphs for layout Section §  Reference to column §  Background color §  Column style 50%-50% 60%-40% 40%-60% Column §  Reference to "elements" paragraphs
  11. 11. 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 :)
  12. 12. ECK + IEF
  13. 13. Entity Construction Kit (ECK) User Interface for managing entity types, bundles, and entities https://www.drupal.org/project/eck
  14. 14. ECK Entity types
  15. 15. ECK GOOD §  Flexible §  Reusable BAD §  No out-of-the-box support for revisions (yet) §  Child entity not deleting on removal of parent entity
  16. 16. DISPLAY SUITE
  17. 17. Display Suite §  Extends the display options for every entity type §  Drag & Drop §  Custom layouts §  Custom fields https://www.drupal.org/project/ds
  18. 18. DS: Custom layout YOURTHEME.layout.yml
  19. 19. 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
  20. 20. PANELS
  21. 21. 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
  22. 22. Panels: custom layout YOURTHEME.layout.yml
  23. 23. 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
  24. 24. Others Blocks Bricks WYSIWYG Twig templates Etc…
  25. 25. QUESTIONS?

×