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.
PARAGRAPHSTHE
CAKE
ERIC SCOTT SEMBRAT (@ESEMBRAT)
ERIC SEMBRAT
Web Manager @ Georgia Tech
President @ Atlanta Drupal Users Group
Graduate Student @ Georgia State Univ.

Hi,...
WEBBEH.COM
FIND ME AT @ESEMBRAT, OR VISIT
SO…WHAT’S OUR
GOAL FOR
TODAY?
1.LEARN MORE ABOUT
THE HISTORY OF
CONTENT GLOBBING
IN DRUPAL.
2.LEARN WHAT THE
HECK PARAGRAPHS
ARE AND HOW THEY
ARE UTILIZED.
3.LEARN HOW TO
SETUP, STRUCTURE,
& SHOW THOSE
PARAGRAPHS.
4.DISCOVER NEXT
STEPS, EXPERT
USAGE, & GENERAL
DRUPAL CRAZINESS.
A
DISCLAIM
ER
LET US GET
STARTED.
OUR TIME
MACHINE
LET’S TAKE A STEP BACK IN
(THIS IS DRUPAL 7)
HOWHAVE WE BUILT
CONTENT TYPES
TO BE SCALABLE
FOR COMPLEX
CONTENT?
FAIL
MORE
IMPORTANTLY,
HOW DO THEY
?
WE STARTED WITH…
FIELDS(TONS OF ‘EM)
MESSY.
FIELDS ARE GREAT.
BUT, IN LARGE
NUMBERS THEY’RE
DELTA.
IMAGINE BUILDING
MULTI-FIELD DATA
FIELDS BY ITS
WE STUMBLED UPON…
FIELD COLLECTION
ENTITIES.
FIELD
COLLECTIONS
COUPLE FIELDS
INTO DISTINCT
TYPE.
HOWEVER, YOU CAN
ONLY POINT TO ONE
FIELD COLLECTION
LIMITED.
YOUR OPTIONS FOR
ENTITY EDIT VIEW
OF THE COLLECTION
IS (INCREDIBLY)
WE CAME ACROSS…
ENTITY REFERENCE
FIELDS.
ENTITY REFERENCE
ALLOWS THE ABILITY
TO COUPLE ENTITIES
TOGETHER THROUGH
REUSABLE.
ENTITY REFERENCE
IS MEANT TO BE
MULTIPLE
ENTITY REFERENCE
ALLOWS YOU TO
SELECT FROM
ENTITY TYPES AT
ONCE.
VIEWS.
YOU CAN EVEN JUMP
THROUGH THE
RELATIONSHIP THROUGH
THE MAGIC OF
BUT,
CHILDREN
ENTITY REFERENCE*
REQUIRES THAT YOU
DEFINE
BEFORE THE
PARENT.
THESE ENTITY
REFERENCES
APPEARALONGSIDE ALL OF YOUR
OTHER CONTENT.
SO.
COMBINE
WHAT IF WE COULD
FROM EACH OPTION
WHAT WE
LOVE?
EASY TO SET UP AND
INSERT 

(FIELDS)
EXTENDIBLE &
EMBEDDABLE IN
ENTITIES 

(FIELD COLLECTION)
STACKABLE &
FLEXIBLE TO VARI...
EASY TO SET UP AND
INSERT 

(FIELDS)
EXTENDIBLE &
EMBEDDABLE IN
ENTITIES 

(FIELD COLLECTION)
STACKABLE &
FLEXIBLE TO VARI...
EASY TO SET UP AND
INSERT 

(FIELDS)
EXTENDIBLE &
EMBEDDABLE IN
ENTITIES 

(FIELD COLLECTION)
STACKABLE &
FLEXIBLE TO VARI...
SHOW ME THE
PARAGRAPHS.
ALL ABOUT
PARAGRAPHS
https://www.drupal.org/project/paragraphs
DRUPAL 8.
FRIENDLY FOR
AS WELL AS OUR OLD
FRIEND…
DRUPAL 7.
BUILTFOR FLEXIBLE AND
MULTI-FIELD
COMPONENTS FOR
ENTITIES.
BUILD?WHAT CAN

YOU
SLIDESHOWS.
METADATA.
HEAVY-DUTY
FIELDS.
MULTI-LAYER
CONTENT.
VARIABLE
DATA ENTRY.
AND MORE!
PARAGRAPHS
CONFIGURING & USING
USING
LET’S TALK ABOUT
PARAGRAPHS.
ENTITY
THIS SHOULD LOOK
IDENTICAL TO YOUR
EXPERIENCE.
CONNECT
THE DIFFERENCE
IS HOW YOU
A PARAGRAPH TO YOUR
ENTITY OF CHOICE.
INCEPTION.
CONFIGURATION IS PRETTY
STRAIGHTFORWARD
THE MAGIC COMES IN
WITH
EACH CONTAINER IS
A PARAGRAPH.
SO IS EACH
CONTAINER OBJECT.
(IN THIS EXAMPLE)
Level 1
Level 1
Level 2
Level 1
Level 2
Level 1
Level 1
Level 2
Level 1
And onwards down the page!
DISPLAY?
HOW ABOUT
GENERIC.
DRUPAL RENDERS
PARAGRAPHS JUST LIKE
ANY OTHER ENTITY…
VIEWS
OTHER METHODS FOR
EMBEDDING PARAGRAPHS
INCLUDE:
PANELS
OTHER METHODS FOR
EMBEDDING PARAGRAPHS
INCLUDE:
.TPL.PHP
OTHER METHODS FOR
EMBEDDING PARAGRAPHS
INCLUDE:
.TWIG
OTHER METHODS FOR
EMBEDDING PARAGRAPHS
INCLUDE:
OTHER DISPLAY
SUITES
OTHER METHODS FOR
EMBEDDING PARAGRAPHS
INCLUDE:
EXAMPLE…
IN MY PAGE STRUCTURE
Panel Page Override
View (container)
View (container content)
Panel Page Override
View (container)
View (container content)
Let your data design
determine the best way
for a display.
PARAGRAPHS?
SO, HOW WOULD YOU USE
STRUCTURE, CONTENT,
METADATA, ETC?
EXPORT
OH YEAH, AND YOU CAN
STRUCTURE VIA FEATURES.
PARAGRAPHS
EXTENDING & COMPANIONS FOR
SUB-PROJECTS
LET’S EXPLORE A FEW
THAT EXTEND
PARAGRAPHS EVEN
FURTHER BEYOND.
PARAGRAPHS PACK
COMMON “GETTING
STARTED” PARAGRAPH
BUNDLES TO EXPERIMENT
WITH.
CLASSY PARAGRAPHS
ADDS A CUSTOM-
PREDEFINED CSS CLASS TO
EACH PARAGRAPH
INSTANCE.
EDGY
LEVERAGES BOOTSTRAP
TO PROVIDE EDGE-TO-EDGE
CAPABILITY FOR A
PARAGRAPH ITEM.
PARAGRAPH
DEFAULTS
ALLOWS SET OF DEFAULT
VALUES FOR A NEW
PARAGRAPH INSTANCE.
BULK REPLACE/APPLY.
PARAGRAPH ID
ADDS UNIQUE PARAGRAPH
ID TO DEFAULT DISPLAY
MARKUP.
FEATURE EXPORTS
LEAN TO THE COMMUNITY
FOR EXAMPLES, EXPORTS
OF PARAGRAPH DESIGNS.
LEARNED?
SO, WHAT HAVE WE
FIELD BUNDLING 

OPTIONS IN DRUPAL
FIELD COLLECTION, ENTITY
REFERENCE, & PARAGRAPHS.
PROS AND CONS OF EACH.
PARAGRAPHS 101
WHAT IS A PARAGRAPH?
WHAT IS IT GOOD FOR?
USING PARAGRAPHS
A QUICK PRIMER ON SETUP,
CONFIGURATION, AND
STRUCTURING.
EXTENDING
PARAGRAPHS ON
HELPER SECONDARY
MODULES FOR PARAGRAPHS.
FIN.
QS?
esembrat
August 2016 - DrupalCorn - The Paragraphs Cake - Structured & Layered Content Chunk Goodness
August 2016 - DrupalCorn - The Paragraphs Cake - Structured & Layered Content Chunk Goodness
August 2016 - DrupalCorn - The Paragraphs Cake - Structured & Layered Content Chunk Goodness
August 2016 - DrupalCorn - The Paragraphs Cake - Structured & Layered Content Chunk Goodness
August 2016 - DrupalCorn - The Paragraphs Cake - Structured & Layered Content Chunk Goodness
August 2016 - DrupalCorn - The Paragraphs Cake - Structured & Layered Content Chunk Goodness
August 2016 - DrupalCorn - The Paragraphs Cake - Structured & Layered Content Chunk Goodness
August 2016 - DrupalCorn - The Paragraphs Cake - Structured & Layered Content Chunk Goodness
August 2016 - DrupalCorn - The Paragraphs Cake - Structured & Layered Content Chunk Goodness
August 2016 - DrupalCorn - The Paragraphs Cake - Structured & Layered Content Chunk Goodness
August 2016 - DrupalCorn - The Paragraphs Cake - Structured & Layered Content Chunk Goodness
August 2016 - DrupalCorn - The Paragraphs Cake - Structured & Layered Content Chunk Goodness
Upcoming SlideShare
Loading in …5
×

August 2016 - DrupalCorn - The Paragraphs Cake - Structured & Layered Content Chunk Goodness

293 views

Published on

A short presentation on Paragraphs and Drupal - how to build multi-field entities in Drupal for your complex content types and display schemas.

Published in: Education
  • Be the first to comment

  • Be the first to like this

August 2016 - DrupalCorn - The Paragraphs Cake - Structured & Layered Content Chunk Goodness

  1. 1. PARAGRAPHSTHE CAKE ERIC SCOTT SEMBRAT (@ESEMBRAT)
  2. 2. ERIC SEMBRAT Web Manager @ Georgia Tech President @ Atlanta Drupal Users Group Graduate Student @ Georgia State Univ.
 Hi, my name is…
  3. 3. WEBBEH.COM FIND ME AT @ESEMBRAT, OR VISIT
  4. 4. SO…WHAT’S OUR GOAL FOR TODAY?
  5. 5. 1.LEARN MORE ABOUT THE HISTORY OF CONTENT GLOBBING IN DRUPAL.
  6. 6. 2.LEARN WHAT THE HECK PARAGRAPHS ARE AND HOW THEY ARE UTILIZED.
  7. 7. 3.LEARN HOW TO SETUP, STRUCTURE, & SHOW THOSE PARAGRAPHS.
  8. 8. 4.DISCOVER NEXT STEPS, EXPERT USAGE, & GENERAL DRUPAL CRAZINESS.
  9. 9. A DISCLAIM ER
  10. 10. LET US GET STARTED.
  11. 11. OUR TIME MACHINE LET’S TAKE A STEP BACK IN
  12. 12. (THIS IS DRUPAL 7)
  13. 13. HOWHAVE WE BUILT CONTENT TYPES TO BE SCALABLE FOR COMPLEX CONTENT?
  14. 14. FAIL MORE IMPORTANTLY, HOW DO THEY ?
  15. 15. WE STARTED WITH… FIELDS(TONS OF ‘EM)
  16. 16. MESSY. FIELDS ARE GREAT. BUT, IN LARGE NUMBERS THEY’RE
  17. 17. DELTA. IMAGINE BUILDING MULTI-FIELD DATA FIELDS BY ITS
  18. 18. WE STUMBLED UPON… FIELD COLLECTION
  19. 19. ENTITIES. FIELD COLLECTIONS COUPLE FIELDS INTO DISTINCT
  20. 20. TYPE. HOWEVER, YOU CAN ONLY POINT TO ONE FIELD COLLECTION
  21. 21. LIMITED. YOUR OPTIONS FOR ENTITY EDIT VIEW OF THE COLLECTION IS (INCREDIBLY)
  22. 22. WE CAME ACROSS… ENTITY REFERENCE
  23. 23. FIELDS. ENTITY REFERENCE ALLOWS THE ABILITY TO COUPLE ENTITIES TOGETHER THROUGH
  24. 24. REUSABLE. ENTITY REFERENCE IS MEANT TO BE
  25. 25. MULTIPLE ENTITY REFERENCE ALLOWS YOU TO SELECT FROM ENTITY TYPES AT ONCE.
  26. 26. VIEWS. YOU CAN EVEN JUMP THROUGH THE RELATIONSHIP THROUGH THE MAGIC OF
  27. 27. BUT,
  28. 28. CHILDREN ENTITY REFERENCE* REQUIRES THAT YOU DEFINE BEFORE THE PARENT.
  29. 29. THESE ENTITY REFERENCES APPEARALONGSIDE ALL OF YOUR OTHER CONTENT.
  30. 30. SO.
  31. 31. COMBINE WHAT IF WE COULD FROM EACH OPTION WHAT WE LOVE?
  32. 32. EASY TO SET UP AND INSERT 
 (FIELDS) EXTENDIBLE & EMBEDDABLE IN ENTITIES 
 (FIELD COLLECTION) STACKABLE & FLEXIBLE TO VARIOUS ENTITY TYPES
 (ENTITY REFERENCE)
  33. 33. EASY TO SET UP AND INSERT 
 (FIELDS) EXTENDIBLE & EMBEDDABLE IN ENTITIES 
 (FIELD COLLECTION) STACKABLE & FLEXIBLE TO VARIOUS ENTITY TYPES
 (ENTITY REFERENCE) THE PERFECT MIX.
  34. 34. EASY TO SET UP AND INSERT 
 (FIELDS) EXTENDIBLE & EMBEDDABLE IN ENTITIES 
 (FIELD COLLECTION) STACKABLE & FLEXIBLE TO VARIOUS ENTITY TYPES
 (ENTITY REFERENCE) PARAGRAPHS
  35. 35. SHOW ME THE PARAGRAPHS.
  36. 36. ALL ABOUT PARAGRAPHS
  37. 37. https://www.drupal.org/project/paragraphs
  38. 38. DRUPAL 8. FRIENDLY FOR AS WELL AS OUR OLD FRIEND… DRUPAL 7.
  39. 39. BUILTFOR FLEXIBLE AND MULTI-FIELD COMPONENTS FOR ENTITIES.
  40. 40. BUILD?WHAT CAN
 YOU
  41. 41. SLIDESHOWS.
  42. 42. METADATA.
  43. 43. HEAVY-DUTY FIELDS.
  44. 44. MULTI-LAYER CONTENT.
  45. 45. VARIABLE DATA ENTRY.
  46. 46. AND MORE!
  47. 47. PARAGRAPHS CONFIGURING & USING
  48. 48. USING LET’S TALK ABOUT PARAGRAPHS.
  49. 49. ENTITY THIS SHOULD LOOK IDENTICAL TO YOUR EXPERIENCE.
  50. 50. CONNECT THE DIFFERENCE IS HOW YOU A PARAGRAPH TO YOUR ENTITY OF CHOICE.
  51. 51. INCEPTION. CONFIGURATION IS PRETTY STRAIGHTFORWARD THE MAGIC COMES IN WITH
  52. 52. EACH CONTAINER IS A PARAGRAPH. SO IS EACH CONTAINER OBJECT. (IN THIS EXAMPLE)
  53. 53. Level 1
  54. 54. Level 1 Level 2
  55. 55. Level 1 Level 2 Level 1
  56. 56. Level 1 Level 2 Level 1 And onwards down the page!
  57. 57. DISPLAY? HOW ABOUT
  58. 58. GENERIC. DRUPAL RENDERS PARAGRAPHS JUST LIKE ANY OTHER ENTITY…
  59. 59. VIEWS OTHER METHODS FOR EMBEDDING PARAGRAPHS INCLUDE:
  60. 60. PANELS OTHER METHODS FOR EMBEDDING PARAGRAPHS INCLUDE:
  61. 61. .TPL.PHP OTHER METHODS FOR EMBEDDING PARAGRAPHS INCLUDE:
  62. 62. .TWIG OTHER METHODS FOR EMBEDDING PARAGRAPHS INCLUDE:
  63. 63. OTHER DISPLAY SUITES OTHER METHODS FOR EMBEDDING PARAGRAPHS INCLUDE:
  64. 64. EXAMPLE… IN MY PAGE STRUCTURE
  65. 65. Panel Page Override View (container) View (container content)
  66. 66. Panel Page Override View (container) View (container content) Let your data design determine the best way for a display.
  67. 67. PARAGRAPHS? SO, HOW WOULD YOU USE STRUCTURE, CONTENT, METADATA, ETC?
  68. 68. EXPORT OH YEAH, AND YOU CAN STRUCTURE VIA FEATURES.
  69. 69. PARAGRAPHS EXTENDING & COMPANIONS FOR
  70. 70. SUB-PROJECTS LET’S EXPLORE A FEW THAT EXTEND PARAGRAPHS EVEN FURTHER BEYOND.
  71. 71. PARAGRAPHS PACK COMMON “GETTING STARTED” PARAGRAPH BUNDLES TO EXPERIMENT WITH.
  72. 72. CLASSY PARAGRAPHS ADDS A CUSTOM- PREDEFINED CSS CLASS TO EACH PARAGRAPH INSTANCE.
  73. 73. EDGY LEVERAGES BOOTSTRAP TO PROVIDE EDGE-TO-EDGE CAPABILITY FOR A PARAGRAPH ITEM.
  74. 74. PARAGRAPH DEFAULTS ALLOWS SET OF DEFAULT VALUES FOR A NEW PARAGRAPH INSTANCE. BULK REPLACE/APPLY.
  75. 75. PARAGRAPH ID ADDS UNIQUE PARAGRAPH ID TO DEFAULT DISPLAY MARKUP.
  76. 76. FEATURE EXPORTS LEAN TO THE COMMUNITY FOR EXAMPLES, EXPORTS OF PARAGRAPH DESIGNS.
  77. 77. LEARNED? SO, WHAT HAVE WE
  78. 78. FIELD BUNDLING 
 OPTIONS IN DRUPAL FIELD COLLECTION, ENTITY REFERENCE, & PARAGRAPHS. PROS AND CONS OF EACH.
  79. 79. PARAGRAPHS 101 WHAT IS A PARAGRAPH? WHAT IS IT GOOD FOR?
  80. 80. USING PARAGRAPHS A QUICK PRIMER ON SETUP, CONFIGURATION, AND STRUCTURING.
  81. 81. EXTENDING PARAGRAPHS ON HELPER SECONDARY MODULES FOR PARAGRAPHS.
  82. 82. FIN.
  83. 83. QS?
  84. 84. esembrat

×