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 1-20 of 33 results
Site Building

Managing Media in Drupal

Course
Site Building, Theming, Site Administration
Drupal 8, 9, and 10
16 tutorials
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
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
Site Building

Learn Drupal's Layout Builder

Course
Site Building, Theming, Site Administration
Drupal 8, 9, and 10
17 tutorials
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
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 Building

Views: Create Lists with Drupal

Course
Site Building, Theming
Drupal 8, 9, and 10
17 tutorials
Set up Demo Site with Views and Content Free
Add a REST Endpoint with Views Free
Overview: Filter Criteria in Views Free
Add Filter Criteria to a View
Overview: Exposed Filter Criteria in Views
Expose Filter Criteria to Users in Views
Overview: Sort Criteria in Views
Add Sort Criteria to a View
Overview: Exposed Sort Criteria in Views
Expose Sort Criteria to Users in Views
Overview: Relationships in Views Free
Add a Relationship to a View
Overview: Contextual Filters in Views
Create a Page with a Contextual Filter
Overview: Theming Views Free
Override a View's Wrapper Template
Add Views to a Layout
Theming

Theming Cheat Sheet

Guide
Theming
Drupal 8, 9, and 10
Theming

Week 1: Setup

Course
Theming
Drupal 8, 9, and 10
1 tutorials
Set up Demo Site for Theming Practice Free
Theming

Hands-On Theming

Guide
Theming
Drupal 8, 9, and 10
Theming

Week 2: Create a New Theme

Course
Theming
Drupal 8, 9, and 10
5 tutorials
Describe Your Theme with an Info File
Download, Install, and Uninstall Themes Free
Regions
Add Regions to a Theme
Exercise: Create a New Theme
Theming

Week 3: Add an Asset Library

Course
Theming
Drupal 8, 9, and 10
4 tutorials
What Are Asset Libraries?
Define an Asset Library
Attach an Asset Library
Exercise: Add an Asset Library
Theming

Week 4: Configure Your Environment for Theme Development

Course
Theming
Drupal 8, 9, and 10
2 tutorials
Configure Your Environment for Theme Development
Exercise: Configure Your Environment for Theme Development
Theming

Week 5: Override the Main Page Template

Course
Theming
Drupal 8, 9, and 10
4 tutorials
What Are Template Files?
Override a Template File
Determine the Base Name of a Template
Exercise: Override the Main Page Template
Theming

Week 6: Set Variables, Use Filters, and Add Classes in Templates

Course
Theming
Drupal 8, 9, and 10
14 tutorials
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
Make Your Theme Translatable
Classes and Attributes in Twig Templates
How to Find a Route in Drupal
Twig Template Inheritance
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
Theming

Week 7: Learn about Preprocess Functions

Course
Theming
Drupal 8, 9, and 10
8 tutorials
What Are Preprocess Functions?
Add Logic with THEMENAME.theme
Change Variables with Preprocess Functions
Add Variables to a Template File
Discover Existing Theme Hook Suggestions
Add New Theme Hook Suggestions
Attach an Asset Library
Exercise: Preprocess Functions
Theming

Get Started Using React and Drupal Together

Course
Theming, Module Development
Drupal 8, 9, and 10
14 tutorials
Introduction to React and Drupal Free
React Basics
Decoupled vs. Progressively Decoupled
Connect React to a Drupal Theme or Module Free
Create a React Component
Add Webpack Hot Module Replacement (HMR) to a Drupal Theme
Retrieve Data from an API with React
Use React to List Content from Drupal
Create, Update, and Delete Drupal Content with JavaScript
Build an Interface to Edit Nodes with React
Create a Fully Decoupled React Application Free
Use create-react-app to Start a Decoupled React Application
Make API Requests with OAuth
Use Fetch and OAuth to Make Authenticated Requests
Theming

Coding Standards in Drupal

Course
Theming, Module Development
Drupal 7, 8, 9, and 10
7 tutorials
What Are Drupal Code Standards? Free
Drupal Code Standards: Formatting Free
Drupal Code Standards: Documentation Free
Drupal Code Standards: Object-Oriented Programming Free
Drupal Code Standards: The t() Function Free
Drupal Code Standards: Twig Free
How to Implement Drupal Code Standards Free
Site Building

Learn Drupal

Guide
Site Building, Theming, Module Development, Backend and Infrastructure, Site Administration
Drupal 8, 9, and 10
Theming

Theme Drupal Sites

Guide
Theming
Drupal 7, 8, 9, and 10
Theming

Theming Drupal Sites

Course
Theming
Drupal 8, 9, and 10
65 tutorials
What Is a Theme? Free
Download, Install, and Uninstall Themes Free
Structure of a Theme
Start a New Theme with Starterkit
Describe Your Theme with an Info File
Theme Settings Overview
Change Theme Settings
Customize Theme Settings
Core Themes: Bartik Free
Add a Screenshot to Your Theme
Fast by Default
Regions
Add Regions to a Theme
Theme Inheritance with Base Themes
Drupal Base Themes: Stable and Classy
Use a Base Theme
Configure Your Environment for Theme Development
Core Themes: Stark Free
Clear Drupal's Cache Free
What Are Template Files?
Override a Template File
Determine the Base Name of a Template
Inspect Variables Available in a Template
Render API Overview Free
Add Logic with THEMENAME.theme
What Are Preprocess Functions?
Change Variables with Preprocess Functions
Add Variables to a Template File
Discover Existing Theme Hook Suggestions
Add New Theme Hook Suggestions
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
Make Your Theme Translatable
Classes and Attributes in Twig Templates
How to Find a Route in Drupal
Create Links with Twig in a Template File
Twig Template Inheritance
Make Strings Translatable
What Are Asset Libraries?
Define an Asset Library
Attach an Asset Library
Extend or Alter Existing CSS and JavaScript Asset Libraries
Overview: JavaScript in Drupal
Modernizr.js in a Theme or Module
Underscore.js in a Theme or Module
Backbone.js in a Theme or Module
Load JavaScript in Drupal with Drupal.behaviors
Wrap Your Custom JavaScript in a Closure
Use Drupal.theme for HTML Markup in JavaScript
String Manipulation in JavaScript
Use Drupal.t() for Translatable Strings in JavaScript
Use Server-Side Settings with drupalSettings
Standardize Your JavaScript with ESLint
Breakpoints and Media Queries
What Is a Breakpoint YAML File?
Create a Breakpoint YAML File
Responsive Image Module Overview
Responsive Image Style Use Cases
Create a Responsive Image Style for Viewport-Sizing
Theming Drupal Forms with Twig
Site Building

Hands-On Exercises: Movie Project

Course
Site Building, Theming, Module Development
Drupal 7
36 tutorials
Movie Project: Install Drupal and Modules Free
Movie Project: Design a Content Type Free
Movie Project: Create a Content Type Free
Movie Project: Build a View and Use Image Styles Free
Movie Project: Use Views Relationships Free
Movie Project: Create a Custom Layout with Panels Free
Movie Project: Use Quicktabs with Panel Pages Free
Movie Projects: Create Static Pages, Menus and Webforms Free
Movie Project: Build the Homepage Free
Movie Project: Configure URL Aliases and User Permissions Free
Movie Project: Configure Search Free
Movie Project: Create a Custom Theme Free
Movie Project: Create CSS for Default Markup Free
Movie Project: Override Template Files Free
Movie Project: Use jQuery to Extend Functionality Free
Movie Project: Use Responsive CSS Free
Movie Project: Alter a Node with a Custom Module Free
Movie Project: Change a Page Programmatically Free
Movie Project: Create a Form Free
Movie Project: Validate a Form Free
Movie Project: Create a Node from a Custom Form Free
Movie Project: Fetch and Attach an Image File Free
Movie Project: Create Taxonomy Terms Programmatically Free
Movie Project: Import Data in a Site Update Free
Movie Project: Create a Drush Command Free
Movie Project: Create an Administration Form Free
Movie Project: Add User Permissions Free
Movie Project: Manage Configuration Changes Free
Movie Project: Install a WYSIWYG Editor Free
Movie Project: Analyze Site Performance Free
Movie Project: Create Database Tables and Alter Forms Free
Movie Project: Create Autocomplete Fields Free
Movie Project: Add Form Data to Custom Database Tables Free
Movie Project: Create a Render Array and Theme Functions Free
Movie Project: Integrate Ajax Functionality Free
Movie Project: Create Custom Blocks Free
Site Building

Acquia Certified Drupal Front End Specialist Exam

Guide
Site Building, Theming, Site Administration
Drupal 9
Site Building

Acquia Certified Drupal Developer Exam

Guide
Site Building, Theming, Module Development
Drupal 9, 10

Drupal version

Category

Content type

Guides

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

Navigate guides