Drupal CMS Build Session: Mercury Demo to Site Template
This build session starts with the Mercury demo site template in Drupal CMS and turns it into a custom project showcase, then packages the finished build back into a reusable site template. You’ll create a project content type, clone the Mercury theme into your own, build card and details pages with Canvas and single directory components, control markup with the Fences module, restyle with CSS variables, and generate your own recipe with drush site:export.
Drupal Canvas vs WordPress Gutenberg: Block Editor Comparison
This video compares the Drupal Canvas page builder with the WordPress Gutenberg block editor by building the same hero UI in both. You’ll see how Gutenberg ships a custom block as JavaScript and React with a build step, how Drupal builds the same hero as a Single Directory Component using a YAML schema and a Twig template, and how the content-first and component-first approaches compare side by side.
Using Paragraphs and Single Directory Components in Drupal Canvas
This video shows how to use the Paragraphs module together with Single Directory Components (SDCs) inside a Drupal Canvas site. You’ll learn how to add a Paragraph field to a blog post, render Paragraphs in Canvas with the Canvas Field Component module, override Paragraph templates so each Paragraph renders an SDC from the Haven theme, work with component props versus slots (including pushing a media image into an image prop and filling a slot), and finally wire the SDC programmatically with a PHP preprocess hook.
Managing Fields in Drupal Canvas Content Templates
Learn how to work with fields in Drupal Canvas content templates using the Haven site template, including mapping fields to component props, embedding a Views block with a contextual filter to display a single field, and using the Canvas Field Component module to drop any field directly into a content template.
Using Blocks in Drupal Canvas: Layouts, Views, and Custom Blocks
This video shows how to work with blocks inside Drupal Canvas using the Drupal CMS byte site template. You’ll learn how Canvas takes over theme regions, how standard Drupal blocks appear as Canvas components, how to embed Views blocks into pages and content templates with contextual filters, how to reference content with the Entity Blocks module, and how to scaffold custom configurable blocks with Drush that plug straight into the Canvas editor.
Building with Canvas: Tips, Gotchas, and Lessons Learned
This video distils two months of building the Convivial Gov site template with Drupal Canvas into practical tips, gotchas, and lessons learned. You’ll learn how Canvas stores configuration, how to organise components into folders, how component versioning protects existing content, how to create custom regions and add Views to site templates, and how to package a site into a recipe with the Drupal CMS Helper module — including why the component ID is permanently locked to the theme name.