+ All Categories
Home > Education > August 2016 - DrupalCorn - The Paragraphs Cake - Structured & Layered Content Chunk Goodness

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

Date post: 07-Jan-2017
Category:
Upload: eric-sembrat
View: 159 times
Download: 2 times
Share this document with a friend
96
PARAGRAPHS THE CAKE ERIC SCOTT SEMBRAT (@ESEMBRAT)
Transcript
Page 1: August 2016 - DrupalCorn - The Paragraphs Cake - Structured & Layered Content Chunk Goodness

PARAGRAPHSTHE

CAKE

ERIC SCOTT SEMBRAT (@ESEMBRAT)

Page 2: August 2016 - DrupalCorn - The Paragraphs Cake - Structured & Layered Content Chunk Goodness
Page 3: August 2016 - DrupalCorn - The Paragraphs Cake - Structured & Layered Content Chunk Goodness

ERIC SEMBRATWeb Manager @ Georgia Tech

President @ Atlanta Drupal Users Group Graduate Student @ Georgia State Univ.

Hi, my name is…

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

WEBBEH.COMFIND ME AT @ESEMBRAT, OR VISIT

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

SO…WHAT’S OUR

GOAL FOR TODAY?

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

1.LEARN MORE ABOUT

THE HISTORY OF CONTENT GLOBBING

IN DRUPAL.

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

2.LEARN WHAT THE

HECK PARAGRAPHS ARE AND HOW THEY

ARE UTILIZED.

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

3.LEARN HOW TO

SETUP, STRUCTURE, & SHOW THOSE PARAGRAPHS.

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

4.DISCOVER NEXT STEPS, EXPERT

USAGE, & GENERAL DRUPAL CRAZINESS.

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

A DISCLAIM

ER

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

LET US GET STARTED.

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

OUR TIME MACHINE

LET’S TAKE A STEP BACK IN

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

(THIS IS DRUPAL 7)

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

HOWHAVE WE BUILT

CONTENT TYPES TO BE SCALABLE

FOR COMPLEX CONTENT?

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

FAILMORE

IMPORTANTLY, HOW DO THEY

?

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

WE STARTED WITH…

FIELDS (TONS OF ‘EM)

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

MESSY.FIELDS ARE GREAT.

BUT, IN LARGE NUMBERS THEY’RE

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

DELTA.IMAGINE BUILDING MULTI-FIELD DATA

FIELDS BY ITS

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

WE STUMBLED UPON…

FIELD COLLECTION

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

ENTITIES.

FIELD COLLECTIONS

COUPLE FIELDS INTO DISTINCT

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

TYPE.HOWEVER, YOU CAN ONLY POINT TO ONE

FIELD COLLECTION

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

LIMITED.

YOUR OPTIONS FOR ENTITY EDIT VIEW

OF THE COLLECTION IS (INCREDIBLY)

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

WE CAME ACROSS…

ENTITY REFERENCE

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

FIELDS.

ENTITY REFERENCE ALLOWS THE ABILITY TO COUPLE ENTITIES

TOGETHER THROUGH

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

REUSABLE.ENTITY REFERENCE

IS MEANT TO BE

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

MULTIPLEENTITY REFERENCE

ALLOWS YOU TO SELECT FROM

ENTITY TYPES AT ONCE.

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

VIEWS.

YOU CAN EVEN JUMP THROUGH THE

RELATIONSHIP THROUGH THE MAGIC OF

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

BUT,

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

CHILDRENENTITY REFERENCE* REQUIRES THAT YOU

DEFINE

BEFORE THE

PARENT.

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

THESE ENTITY REFERENCES

APPEARALONGSIDE ALL OF YOUR

OTHER CONTENT.

Page 31: August 2016 - DrupalCorn - The Paragraphs Cake - Structured & Layered Content Chunk Goodness
Page 32: August 2016 - DrupalCorn - The Paragraphs Cake - Structured & Layered Content Chunk Goodness

SO.

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

COMBINEWHAT IF WE COULD

FROM EACH OPTION WHAT WE

LOVE?

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

EASY TO SET UP AND INSERT

(FIELDS)

EXTENDIBLE & EMBEDDABLE IN

ENTITIES (FIELD COLLECTION)

STACKABLE & FLEXIBLE TO VARIOUS

ENTITY TYPES(ENTITY REFERENCE)

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

EASY TO SET UP AND INSERT

(FIELDS)

EXTENDIBLE & EMBEDDABLE IN

ENTITIES (FIELD COLLECTION)

STACKABLE & FLEXIBLE TO VARIOUS

ENTITY TYPES(ENTITY REFERENCE)

THE PERFECT MIX.

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

EASY TO SET UP AND INSERT

(FIELDS)

EXTENDIBLE & EMBEDDABLE IN

ENTITIES (FIELD COLLECTION)

STACKABLE & FLEXIBLE TO VARIOUS

ENTITY TYPES(ENTITY REFERENCE)

PARAGRAPHS

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

SHOW ME THE PARAGRAPHS.

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

ALL ABOUT

PARAGRAPHS

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

https://www.drupal.org/project/paragraphs

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

DRUPAL 8.FRIENDLY FOR

AS WELL AS OUR OLD FRIEND…

DRUPAL 7.

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

BUILTFOR FLEXIBLE AND

MULTI-FIELD COMPONENTS FOR

ENTITIES.

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

BUILD?WHAT CANYOU

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

SLIDESHOWS.

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

METADATA.

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

HEAVY-DUTY FIELDS.

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

MULTI-LAYER CONTENT.

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

VARIABLE DATA ENTRY.

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

AND MORE!

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

PARAGRAPHSCONFIGURING & USING

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

USINGLET’S TALK ABOUT

PARAGRAPHS.

Page 51: August 2016 - DrupalCorn - The Paragraphs Cake - Structured & Layered Content Chunk Goodness
Page 52: August 2016 - DrupalCorn - The Paragraphs Cake - Structured & Layered Content Chunk Goodness
Page 53: August 2016 - DrupalCorn - The Paragraphs Cake - Structured & Layered Content Chunk Goodness

ENTITYTHIS SHOULD LOOK

IDENTICAL TO YOUR

EXPERIENCE.

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

CONNECTTHE DIFFERENCE

IS HOW YOU

A PARAGRAPH TO YOUR ENTITY OF CHOICE.

Page 55: August 2016 - DrupalCorn - The Paragraphs Cake - Structured & Layered Content Chunk Goodness
Page 56: August 2016 - DrupalCorn - The Paragraphs Cake - Structured & Layered Content Chunk Goodness
Page 57: August 2016 - DrupalCorn - The Paragraphs Cake - Structured & Layered Content Chunk Goodness
Page 58: August 2016 - DrupalCorn - The Paragraphs Cake - Structured & Layered Content Chunk Goodness
Page 59: August 2016 - DrupalCorn - The Paragraphs Cake - Structured & Layered Content Chunk Goodness
Page 60: August 2016 - DrupalCorn - The Paragraphs Cake - Structured & Layered Content Chunk Goodness
Page 61: August 2016 - DrupalCorn - The Paragraphs Cake - Structured & Layered Content Chunk Goodness
Page 62: August 2016 - DrupalCorn - The Paragraphs Cake - Structured & Layered Content Chunk Goodness

INCEPTION.

CONFIGURATION IS PRETTY STRAIGHTFORWARD

THE MAGIC COMES IN WITH

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

EACH CONTAINER IS A PARAGRAPH.

SO IS EACH CONTAINER OBJECT.

(IN THIS EXAMPLE)

Page 64: August 2016 - DrupalCorn - The Paragraphs Cake - Structured & Layered Content Chunk Goodness
Page 65: August 2016 - DrupalCorn - The Paragraphs Cake - Structured & Layered Content Chunk Goodness

Level 1

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

Level 1

Level 2

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

Level 1

Level 2

Level 1

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

Level 1

Level 2

Level 1

And onwards down the page!

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

DISPLAY?HOW ABOUT

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

GENERIC.DRUPAL RENDERS

PARAGRAPHS JUST LIKE ANY OTHER ENTITY…

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

VIEWSOTHER METHODS FOR

EMBEDDING PARAGRAPHS INCLUDE:

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

PANELSOTHER METHODS FOR

EMBEDDING PARAGRAPHS INCLUDE:

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

.TPL.PHPOTHER METHODS FOR

EMBEDDING PARAGRAPHS INCLUDE:

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

.TWIGOTHER METHODS FOR

EMBEDDING PARAGRAPHS INCLUDE:

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

OTHER DISPLAY SUITES

OTHER METHODS FOR EMBEDDING PARAGRAPHS

INCLUDE:

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

EXAMPLE…IN MY PAGE STRUCTURE

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

Panel Page Override

View (container)

View (container content)

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

Panel Page Override

View (container)

View (container content)

Let your data design

determine the best way

for a display.

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

PARAGRAPHS?SO, HOW WOULD YOU USE

STRUCTURE, CONTENT, METADATA, ETC?

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

EXPORTOH YEAH, AND YOU CAN

STRUCTURE VIA FEATURES.

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

PARAGRAPHSEXTENDING & COMPANIONS FOR

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

SUB-PROJECTSLET’S EXPLORE A FEW

THAT EXTEND PARAGRAPHS EVEN

FURTHER BEYOND.

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

PARAGRAPHS PACK

COMMON “GETTING STARTED” PARAGRAPH

BUNDLES TO EXPERIMENT WITH.

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

CLASSY PARAGRAPHS

ADDS A CUSTOM-PREDEFINED CSS CLASS TO

EACH PARAGRAPH INSTANCE.

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

EDGY

LEVERAGES BOOTSTRAP TO PROVIDE EDGE-TO-EDGE

CAPABILITY FOR A PARAGRAPH ITEM.

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

PARAGRAPH DEFAULTS

ALLOWS SET OF DEFAULT VALUES FOR A NEW

PARAGRAPH INSTANCE.

BULK REPLACE/APPLY.

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

PARAGRAPH ID

ADDS UNIQUE PARAGRAPH ID TO DEFAULT DISPLAY

MARKUP.

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

FEATURE EXPORTS

LEAN TO THE COMMUNITY FOR EXAMPLES, EXPORTS OF PARAGRAPH DESIGNS.

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

LEARNED?SO, WHAT HAVE WE

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

FIELD BUNDLING OPTIONS IN DRUPALFIELD COLLECTION, ENTITY

REFERENCE, & PARAGRAPHS.

PROS AND CONS OF EACH.

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

PARAGRAPHS 101

WHAT IS A PARAGRAPH? WHAT IS IT GOOD FOR?

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

USING PARAGRAPHSA QUICK PRIMER ON SETUP,

CONFIGURATION, AND STRUCTURING.

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

EXTENDING PARAGRAPHS ON

HELPER SECONDARY MODULES FOR PARAGRAPHS.

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

FIN.

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

QS?

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

esembrat


Recommended