Skip to main content
Home
Anthony Media

Main navigation

  • Home
  • Build a Block

Breadcrumb

  1. Home
  2. Build a Basic Custom Block Component to Use in Layout Builder

Set Up Your Toolkit

Items we'll need to set up in order to get started.

Twig - To enable the ability to view twig variable content or items, you need to enable the Devel module. Twig Tweak adds functionality. We will also set up Template Suggestions. We'll add and configure the services.yml file which provides template suggestions.

Paragraphs - For building components that will be used with custom blocks. Consider these the Atomic pieces of the component.

Layout Builder - We'll enable Layout Builder and supporting modules. 

A custom theme - It's best practice is not to modify a contributed theme. We'll create a simple custom theme based on the core theme, Olivero.

The Landing page content type - We'll create a Landing page content type that uses Layout Builder for displaying blocks, or components.

  • Twig in Your Toolkit
  • Paragraphs in Your Toolkit
  • Layout Builder in Your Toolkit

Book traversal links for Set Up Your Toolkit

  • Create a Landing page Content Type
  • Up
  • Twig in Your Toolkit

Book navigation

  • A Common Component Pattern
  • Create a Landing page Content Type
  • Set Up Your Toolkit
    • Twig in Your Toolkit
    • Paragraphs in Your Toolkit
    • Layout Builder in Your Toolkit
  • Build a "Text with Media" Component
  • Theming
Powered by Drupal