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

Post on 07-Jan-2017

159 views 2 download

transcript

PARAGRAPHSTHE

CAKE

ERIC SCOTT SEMBRAT (@ESEMBRAT)

ERIC SEMBRATWeb Manager @ Georgia Tech

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

Hi, my name is…

WEBBEH.COMFIND 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?

FAILMORE

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

MULTIPLEENTITY REFERENCE

ALLOWS YOU TO SELECT FROM

ENTITY TYPES AT ONCE.

VIEWS.

YOU CAN EVEN JUMP THROUGH THE

RELATIONSHIP THROUGH THE MAGIC OF

BUT,

CHILDRENENTITY REFERENCE* REQUIRES THAT YOU

DEFINE

BEFORE THE

PARENT.

THESE ENTITY REFERENCES

APPEARALONGSIDE ALL OF YOUR

OTHER CONTENT.

SO.

COMBINEWHAT 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 VARIOUS

ENTITY TYPES(ENTITY REFERENCE)

EASY TO SET UP AND INSERT

(FIELDS)

EXTENDIBLE & EMBEDDABLE IN

ENTITIES (FIELD COLLECTION)

STACKABLE & FLEXIBLE TO VARIOUS

ENTITY TYPES(ENTITY REFERENCE)

THE PERFECT MIX.

EASY TO SET UP AND INSERT

(FIELDS)

EXTENDIBLE & EMBEDDABLE IN

ENTITIES (FIELD COLLECTION)

STACKABLE & FLEXIBLE TO VARIOUS

ENTITY TYPES(ENTITY REFERENCE)

PARAGRAPHS

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 CANYOU

SLIDESHOWS.

METADATA.

HEAVY-DUTY FIELDS.

MULTI-LAYER CONTENT.

VARIABLE DATA ENTRY.

AND MORE!

PARAGRAPHSCONFIGURING & USING

USINGLET’S TALK ABOUT

PARAGRAPHS.

ENTITYTHIS SHOULD LOOK

IDENTICAL TO YOUR

EXPERIENCE.

CONNECTTHE 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…

VIEWSOTHER METHODS FOR

EMBEDDING PARAGRAPHS INCLUDE:

PANELSOTHER METHODS FOR

EMBEDDING PARAGRAPHS INCLUDE:

.TPL.PHPOTHER METHODS FOR

EMBEDDING PARAGRAPHS INCLUDE:

.TWIGOTHER 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?

EXPORTOH YEAH, AND YOU CAN

STRUCTURE VIA FEATURES.

PARAGRAPHSEXTENDING & COMPANIONS FOR

SUB-PROJECTSLET’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 DRUPALFIELD COLLECTION, ENTITY

REFERENCE, & PARAGRAPHS.

PROS AND CONS OF EACH.

PARAGRAPHS 101

WHAT IS A PARAGRAPH? WHAT IS IT GOOD FOR?

USING PARAGRAPHSA QUICK PRIMER ON SETUP,

CONFIGURATION, AND STRUCTURING.

EXTENDING PARAGRAPHS ON

HELPER SECONDARY MODULES FOR PARAGRAPHS.

FIN.

QS?

esembrat