Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

Creating Landing Pages for Drupal 8

455 Aufrufe

Veröffentlicht am

Creating Landing Pages for Drupal 8 by Jan Chojnacki, Exove
2nd November 2018 at DrupalCamp Baltics

Veröffentlicht in: Technologie
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Creating Landing Pages for Drupal 8

  1. 1. Jan Chojnacki Exove Creating Landing Pages for Drupal 8 Tallinn, November 2, 2018
  2. 2. THANKS!
  3. 3. THANKS!
  4. 4. What is a Landing page? • Particular target audience • Emphasized Call to Actions • Custom layout and complex internal structure • Personalized blocks
  5. 5. Planning
  6. 6. Possibility to create Multiple landing pages
  7. 7. Possibility to easily change the layout
  8. 8. Providing stability by adding limitations in the admin interface
  9. 9. Human curated or aggregated by Drupal content
  10. 10. Re-usable elements
  11. 11. .large-6 .large-7 .large-5 .large-7 .large-8 .large-4 HEADER CONTENT FOOTER
  12. 12. Paragraphs
  13. 13. 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
  14. 14. Paragraph types
  15. 15. .large-6 .large-7 .large-5 .large-7 .large-8 .large-4 HEADER CONTENT FOOTER
  16. 16. Paragraphs for layout
  17. 17. Column • Reference to "elements" paragraphs Section • Reference to column • Background color • Column style 50%-50% 60%-40% 40%-60%
  18. 18. Paragraphs GOOD • Flexible • Revision-friendly • Large support of the community BAD • Not reusable • Asymmetric translations are only supported with additional module • Naming :)
  19. 19. Entity Construction Kit + Inline Entity form
  20. 20. Entity Construction Kit (ECK) User Interface for managing entity types, bundles, and entities https://www.drupal.org/project/eck
  21. 21. ECK Entity types
  22. 22. ECK GOOD • Flexible • Reusable entities BAD • No out-of-the-box revisions support (yet) • Child entity is not deleted on parent entity removal
  23. 23. Display Suite
  24. 24. Display Suite • Extends the display options for every entity type • Drag & Drop • Custom layouts • Custom fields https://www.drupal.org/project/ds
  25. 25. Display Suite: Custom layout YOURTHEME.layout.yml
  26. 26. 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
  27. 27. Field Layout
  28. 28. Field layout • Adds layout capabilities to the Field UI • Drupal core (from 8.5) • Experimental • Similar to Display Suite
  29. 29. 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
  30. 30. Panels / Layout Builder
  31. 31. 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
  32. 32. Custom layout YOURTHEME.layout.yml
  33. 33. 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
  34. 34. Others • Blocks • Bricks • WYSIWYG • Twig templates • Etc…
  35. 35. 1. Focus on solving customer needs 2. Extendable for future needs 3. Planning
  36. 36. Question?

×