Drupal 8 Sitebuilding with Paragraphs, Display Suite & Config Management - DrupalCamp Belgium

•

1 like•540 views

I have worked as a freelance Site Builder & Front End developer on a few Drupal 8 projects and have learned a lot. In this session I'd like to share my learnings with you. I will guide you through how I work with Paragraphs and Display Suite, and how I use Configuration Management with them. I will show you cool things like making paragraphs within paragraphs, give examples of when not to use paragraphs and how to make the user experience nice and simple for content editors. I will give examples of how I've imported and exported configuration, and briefly mention how to best use it to collaborate with other developers. I will show you how to save time when theming by using the power of Display Suite, including some lesser known advanced functionality.

Technology

Chandeep Khosa - Freelance Drupal Developer
Drupal 8 Sitebuilding with Paragraphs,
Display Suite & Conﬁg Management

@ChandeepKhosa
Who am I?
• Freelance / Contract Drupal Developer
• Drupal 8 core contributor
• Organiser of Drupal West London user group
• Involved in training & mentoring Drupal developers
• Drupal meetup & camp addict

@ChandeepKhosa
Who am I?
• I’m self-taught since playing with Drupal in 2008,
procrastinating when I should have been working
on my ﬁnal year university project :)
• I’ve been addicted ever since and love it!
• Working as a freelancer / contractor on Drupal
projects for Toyota, Oxford University, Team GB,
Christian Aid & Tate Art Gallery.

@ChandeepKhosa
Paragraph type : Call to
action banner

@ChandeepKhosa
Building a ﬂexible content
type

@ChandeepKhosa
• Parent paragraph : Heading
• Child paragraph : Slide

@ChandeepKhosa
Header, Left, Right & Footer

@ChandeepKhosa
Conﬁg Sync with Drush
• Export : Drush cex
• Import : Drush cim

@ChandeepKhosa
Questions?
Let’s connect
• hello@chandeepkhosa.com
• www.chandeepkhosa.com

Similar to Drupal 8 Sitebuilding with Paragraphs, Display Suite & Config Management - DrupalCamp Belgium

It's All About the Experience: What I’ve learnt from talking to thousands of ...Suzanne Dergacheva

Posters that get noticed: A how to guide by Laura ConnaughtonL2Lproject

Tackling search - Creating a Winning Search StrategyStephanie Donahue

NTA WEBINAR ADVOCAY 2024 final prep. By Phuti Ragophala South AfricaPhutiRagophala1

Codebar - Bridging the diversity gapdespw

Making Commerce, Webform & Group play nicely together - DrupalCamp Bristol 2017Chandeep Singh Khosa

State of coworking in belgium 2014 #bobca @ramonsuarez @cobelgiumRamon Suarez

How to ensure a long life span for a website (WPHelsinki 2.11.2016)Teemu Suoranta

Career Advice for Programmers - YOW BrisbaneTrisha Gee

Opening Keynote - DrupalCamp St. Louis 2014Brad Nowak

Bloc Online Bootcamp: UX Design ImmersiveTryBloc

Skills Auditangharademilyevans

We Want YOU! Contributing to the Django CommunityMarcel Chastain

Introduction to DrupalVasil Boychev

WordPress102 - WordCamp Milwaukee 2015Shanta Nathwani

Learnings From the First Year of the OPNFV Internship ProgramOPNFV

Building Community with Developer LoveTaylor Barnett

Garbage In, Garbage Out: Optimizing Design Inputs for Successful PrototypesKamaria Campbell

Workflow Initiative UpdateDick Olsson

Final project survival guideKaitlin Atkinson

Similar to Drupal 8 Sitebuilding with Paragraphs, Display Suite & Config Management - DrupalCamp Belgium (20)

It's All About the Experience: What I’ve learnt from talking to thousands of ...

Posters that get noticed: A how to guide by Laura Connaughton

Tackling search - Creating a Winning Search Strategy

NTA WEBINAR ADVOCAY 2024 final prep. By Phuti Ragophala South Africa

Codebar - Bridging the diversity gap

Making Commerce, Webform & Group play nicely together - DrupalCamp Bristol 2017

State of coworking in belgium 2014 #bobca @ramonsuarez @cobelgium

How to ensure a long life span for a website (WPHelsinki 2.11.2016)

Career Advice for Programmers - YOW Brisbane

Opening Keynote - DrupalCamp St. Louis 2014

Bloc Online Bootcamp: UX Design Immersive

Skills Audit

We Want YOU! Contributing to the Django Community

Introduction to Drupal

WordPress102 - WordCamp Milwaukee 2015

Learnings From the First Year of the OPNFV Internship Program

Building Community with Developer Love

Garbage In, Garbage Out: Optimizing Design Inputs for Successful Prototypes

Workflow Initiative Update

Final project survival guide

Recently uploaded

From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfEnterprise Knowledge

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo

Tata AIG General Insurance Company - Insurer Innovation Award 2024The Digital Insurer

Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2

Finology Group – Insurtech Innovation Award 2024The Digital Insurer

08448380779 Call Girls In Greater Kailash - I Women Seeking MenDelhi Call girls

Driving Behavioral Change for Information Management through Data-Driven Gree...Enterprise Knowledge

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Igalia

Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko

08448380779 Call Girls In Civil Lines Women Seeking MenDelhi Call girls

Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC

Advantages of Hiring UIUX Design Service Providers for Your BusinessPixlogix Infotech

Histor y of HAM Radio presentation slidevu2urc

🐬 The future of MySQL is Postgres 🐘RTylerCroy

Boost PC performance: How more available memory can improve productivityPrincipled Technologies

Factors to Consider When Choosing Accounts Payable Services Providers.pptxKatpro Technologies

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...Neo4j

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays

Slack Application Development 101 Slidespraypatel2

Recently uploaded (20)

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Tata AIG General Insurance Company - Insurer Innovation Award 2024

Exploring the Future Potential of AI-Enabled Smartphone Processors

Finology Group – Insurtech Innovation Award 2024

08448380779 Call Girls In Greater Kailash - I Women Seeking Men

Driving Behavioral Change for Information Management through Data-Driven Gree...

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...

Handwritten Text Recognition for manuscripts and early printed texts

08448380779 Call Girls In Civil Lines Women Seeking Men

Breaking the Kubernetes Kill Chain: Host Path Mount

Advantages of Hiring UIUX Design Service Providers for Your Business

Histor y of HAM Radio presentation slide

🐬 The future of MySQL is Postgres 🐘

Boost PC performance: How more available memory can improve productivity

Factors to Consider When Choosing Accounts Payable Services Providers.pptx

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...

Slack Application Development 101 Slides

Drupal 8 Sitebuilding with Paragraphs, Display Suite & Config Management - DrupalCamp Belgium

1. Chandeep Khosa - Freelance Drupal Developer Drupal 8 Sitebuilding with Paragraphs, Display Suite & Conﬁg Management

2. @ChandeepKhosa Who am I? • Freelance / Contract Drupal Developer • Drupal 8 core contributor • Organiser of Drupal West London user group • Involved in training & mentoring Drupal developers • Drupal meetup & camp addict

3. @ChandeepKhosa Who am I? • I’m self-taught since playing with Drupal in 2008, procrastinating when I should have been working on my ﬁnal year university project :) • I’ve been addicted ever since and love it! • Working as a freelancer / contractor on Drupal projects for Toyota, Oxford University, Team GB, Christian Aid & Tate Art Gallery.

4. @ChandeepKhosa Paragraphs

5. @ChandeepKhosa Why paragraphs?

6. @ChandeepKhosa Why paragraphs?

7. @ChandeepKhosa Paragraph type : Call to action banner

8. @ChandeepKhosa

9. @ChandeepKhosa

10. @ChandeepKhosa Building a ﬂexible content type

11. @ChandeepKhosa

12. @ChandeepKhosa Form display

13. @ChandeepKhosa

14. @ChandeepKhosa Nested Paragraphs

15. @ChandeepKhosa