Download to read offline
Uploaded byAtenea tech
Drupal Summer: Extreme page composition with Paragraphs
Presentation about the Paragraphs module in Drupal 8.
Drupal Summer: Extreme page composition with Paragraphs
- 1. EXTREME PAGE COMPOSITION WITHPARAGRAPHS Siddharta Navarro Castellar #DrupalSummerwww.ateneatech.com
- 2. 1. About me 2.Beforestart 3. Definition of Paragraphs 4. Paragraphs features 5. How to use Paragraphs 6. Reasons to use Paragraphs 7. Not convinced yet?
- 3.
- 4. Siddharta Navarro SIDDHARTA NAVARRO Co-founderof Atenea tech Software Engineer CONTACT +34 93 551 06 86 siddharta@ateneatech.com FOLLOW ME @sidddi linkedin.com/in/siddhartanavarro
- 7.
- 8. How can wedo this?
- 9. How can wedo this? No Responsive Need a programer to edit your website HTML+CSS inline in the body field
- 10. How can wedo this? Edition too complicated for end userPanels
- 11. How can wedo this? Fields + Templates You have to create too many CT Difficult to change Difficult to non coders
- 12. Paragraphs is thenew way of content creation!
- 13.
- 14.
- 15.
- 16. Content Paragraphs Title Paragraphs Paragraphs replacethe body field
- 17. Type of Paragraphs Content Paragraphs ●Text ● Quote ● Image ● Video Layout Paragraphs ● Tabs ● Accordion ● 4 columns
- 18. Example Definition of Paragraphs Nodewith Paragraphs 4 columns Paragraph Title Text Paragraph Image + Title + Text Paragraph Image + Title + Text Paragraph Image + Title + Text Paragraph Image + Title + Text Paragraph
- 19.
- 20. Paragraphs features Node 1Node 2 Text + Image Slideshow Text Documents Text + Image Slideshow Allows editor to creare diferent structures in each page
- 21. Paragraphs features Allows editorto change the order of the paragraphs Node 1 Node 1 edited Text + Image Slideshow Text Slideshow Text + Image Text
- 22. Paragraphs features Node 1Paragraph in node 1 Text + Image Paragraph reference Text Slideshow Text + Image Text Paragraphs are nested (can contain other paragraphs)
- 23. Paragraphs features Desktop Mobile1 Text Quote Text Paragraphs are responsive Image Text Quote Text Image Mobile 2 Text Quote Text Image
- 24. 4.How to useParagraphs
- 25. Use Paragraphs Install Paragraphs 0 ●Paragraphs ● Entity reference revisions
- 26. Use Paragraphs Paragraph bundlesare entities 1
- 27. Create a newParagraph bundle Use Paragraphs Drupal.cat | 30/03/2017 2
- 28.
- 29. Use Paragraphs Add afield reference to a Paragraph in a content type 4
- 30. Use Paragraphs Select theParagraph bundle that can be selected in this content type 5
- 31.
- 32. 5.Reasons to useParagraphs
- 33.
- 34.
- 36.
- 37. Flexible layouts Drupal.cat |30/03/2017 Container 2 columns Container 2 columns
- 38. Flexible layouts Container 3 columns Container 100%grey background Container 4 columns
- 39.
- 40.
- 41.
- 42. Easy edition Drupal.cat |30/03/2017
- 43. Marketing landingpages Drupal.cat |30/03/2017
- 44. Power to theeditor 1. More flexibility with less complexity 2. Think beyond the current request 3. Try to make solutions reusable
- 45. “Let’s make Drupal greatagain” Anonymous
- 46. Some Resources Drupal.cat |30/03/2017 1.Paragraphs video-tutorial: http://talkingdrupal.com/123 2.Paragraphs Demo: http://paragraphs.site-showcase.com 3.Paragraphs Drupal Distribución (D8): https://www.drupal.org/project/leadgen 4.Set of Paragraphs (D7): https://www.drupal.org/project/paragraphs_pack
- 47. SIDDHARTA NAVARRO Co-founder ofAtenea tech Software Engineer CONTACT +34 93 551 06 86 siddharta@ateneatech.com FOLLOW ME @sidddi linkedin.com/in/siddhartanavarro Thanks!
Editor's Notes
- #45 Le damos al editor poder para realizar su web como quiera