Guides

Not sure where to start? Our guides walk you through different skillsets and topics, like Site Building, Theming, and Module Development.

Get started
Showing 61-80 of 87 results
Theming

Creating Themes in Drupal

Course
Theming
Drupal 8, 9, 10, and 11
Structure of a Theme
Start a New Theme with Starterkit
Describe Your Theme with an Info File
Theme Inheritance with Base Themes
Drupal Base Themes: Stable and Classy
Use a Base Theme
Regions
Add Regions to a Theme
Fast by Default
Configure Your Environment for Theme Development
Theming

Template Files in Drupal Themes

Course
Theming
Drupal 8, 9, 10, and 11
What Are Template Files?
Override a Template File
Determine the Base Name of a Template
Inspect Variables Available in a Template
Overview: Theming Views Free
Override a View's Wrapper Template
Theming

Using Twig in Drupal Templates

Course
Theming
Drupal 8, 9, 10, and 11
Twig in Drupal
Twig Syntax Delimiters
Arrays and Objects in Twig
Loops and Iterators in Twig
Print Values from a Field with a For Loop
Twig Filters and Functions
Whitespace Control with Twig
Classes and Attributes in Twig Templates
Create Links with Twig in a Template File
Twig Template Inheritance
Theming

Asset Libraries in Drupal

Course
Theming, Module Development
Drupal 8, 9, 10, and 11
What Are Asset Libraries?
Define an Asset Library
Attach an Asset Library
Extend or Alter Existing CSS and JavaScript Asset Libraries
Theming

Preprocess Functions in Drupal Themes

Course
Theming
Drupal 8, 9, 10, and 11
Add Logic with THEMENAME.theme
What Are Preprocess Functions?
Change Variables with Preprocess Functions
Add Variables to a Template File
Theming

Theme Hook Suggestions for Drupal Templates

Course
Theming, Module Development
Drupal 8, 9, 10, and 11
Discover Existing Theme Hook Suggestions
Add New Theme Hook Suggestions
Theming

Hands-On Theming Exercises for Drupal

Course
Theming
Drupal 8, 9, 10, and 11
Set Up Demo Site for Theming Practice Free
Exercise: Create a New Theme
Exercise: Add an Asset Library
Exercise: Configure Your Environment for Theme Development
Exercise: Override the Main Page Template
Exercise: Override the Node Template
Exercise: Override the Main Menu Template
Exercise: Override the Image Field Template
Exercise: Use the t Filter in a Template
Exercise: Preprocess Functions
Module Development

Creating Forms in Drupal

Course
Module Development
Drupal 8, 9, 10, and 11
Form API Overview Free
Form API Life Cycle
Define a New Form Controller and Route
Add Input Elements to a Form
Inject Services into a Form Controller
Provide Default Values for Form Elements
Form Element Reference Free
Alter an Existing Form with hook_form_alter()
Retrieve and Display Forms
Theming Drupal Forms with Twig
Module Development

Validating Forms in Drupal

Course
Module Development
Drupal 8, 9, 10, and 11
Validate Form Input
Validate a Form via the Form Controller
Add a Validation Callback to an Existing Form
Validate a Single Form Element
Module Development

Processing Forms in Drupal

Course
Module Development
Drupal 8, 9, 10, and 11
Handle Submitted Form Data
Process Submitted Form Data with a Callback
Process Submitted Form Data via the Form Controller
Module Development

Ajax in Drupal Forms

Course
Module Development
Drupal 8, 9, 10, and 11
Use Ajax with Forms
Create a Dependent Dropdown with Ajax
Use Ajax to Submit a Form
Module Development

Settings Forms in Drupal

Course
Theming, Module Development
Drupal 8, 9, 10, and 11
Create a Settings Form in a Module
Customize Theme Settings
Module Development

Views API in Drupal

Course
Module Development
Drupal 8, 9, 10, and 11
Overview: Views API in Drupal Free
Overview: Build and Render Cycles in Views
Alter a View before It's Rendered
Alter a View after the Render Process
Alter the Query Used for a View
Expose a Custom Database Table to Views
Add Relationships Between 2 Tables in Views
Expose Custom Entities to Views
Overview: Views Plugins Free
Define a Views Field Handler Plugin
Define a Custom Views Pseudo Field Plugin
Define a Custom Views Filter Plugin
Define a Custom Views Sort Plugin
Define a Custom Views Area Handler Plugin
Define a Custom Views Access Plugin
Define a Custom Views Style Plugin
Site Building

Layout Builder in Drupal

Course
Site Building, Theming, Site Administration
Drupal 8, 9, 10, and 11
Introduction to Layout Builder Free
Create a Flexible Layout for a Content Type Free
Change the Layout on a Per-Page Basis
Limit Blocks Available in Layout Builder with Block List Override
Use Layout Builder Restrictions to Configure Available Layouts and Blocks
Layout Builder Design Patterns
Implement the Layout Builder View Modes Pattern
Use Layout Builder Modal When Creating Custom Blocks
Define Custom Layouts in a Module or Theme
Comparison of Layout-Building Approaches in Drupal
Tips for Theming with Layout Builder
Add Views to a Layout
How to Add Custom Styles in Drupal's Layout Builder
Adding Asset Libraries to Custom Layouts
Module Development

Layout Builder API in Drupal

Course
Site Building, Theming, Module Development
Drupal 8, 9, 10, and 11
Dynamic Layout Plugins in Drupal's Layout Builder
How to Create a Layout with Configurable Settings in Drupal's Layout Builder
Build Dynamic Custom Layouts with Derivatives
Site Administration

Managing Media in Drupal

Course
Site Building, Theming, Module Development, Site Administration
Drupal 8, 9, 10, and 11
Overview: Media Management in Drupal Free
Overview: Media Types, Media Entities, and Media Fields in Drupal Free
Add a Media Field to a Content Type in Drupal
Find, Add, Edit, and Delete Media Entities in Drupal
Use Drupal Media Library to Browse Media Entities
How to Add a Media Button to a WYSIWYG Editor in Drupal
How to Add Fields to a Media Type in Drupal
Map Media Source Data to Custom Fields
Overview: Access Control for Media Entities in Drupal
Customize the Drupal Media Library Browser Widget
Track Media Entity Usage in Drupal
Use View Modes with Media Entities in Drupal
Module Development

Media API in Drupal

Course
Module Development
Drupal 8, 9, 10, and 11
What Are Media Sources in Drupal?
Create a New Media Type in Drupal
Use Any oEmbed Provider as a Media Source
Create a Custom Media Source Plugin
Theming

Breakpoint API in Drupal

Course
Theming
Drupal 8, 9, 10, and 11
Breakpoints and Media Queries
What Is a Breakpoint YAML File?
Create a Breakpoint YAML File
Site Building

Responsive Image Styles in Drupal

Course
Site Building, Theming
Drupal 8, 9, 10, and 11
Responsive Image Module Overview
Responsive Image Style Use Cases
Create a Responsive Image Style for Viewport-Sizing
Site Administration

Keep Calm and Clear Cache

Course
Theming, Module Development, Site Administration
Drupal 8, 9, 10, and 11
Clear Drupal's Cache Free

Drupal version

Category

Content type

Guides

Not sure where to start? Our guides provide useful learning tracks for all skill levels.

Navigate guides