Drupal Theming Fundamentals

Learn the fundamentals to build your own custom themes for Drupal

In this course, beginner Drupal themers will learn the foundational skills needed to create their own themes for Drupal, as well as modify and extend existing themes.

Who is this class for?

This class is for beginning Drupal themers or those without formal training who may have missed some important fundamental concepts. No prior experience with theme development is required, but a basic understanding of HTML and CSS and familiarity with the Drupal CMS are recommended.

What does this course cover?

Students who take this course will be able to:

  • Create new custom themes for Drupal.
  • Override the default HTML from Drupal core and contributed modules to implement specific designs.
  • Add custom CSS and Javascript files to a Drupal theme, and override and remove the built-in Drupal CSS.
  • Use the Twig language to create dynamic templates with conditionals, loops, filters, and functions.
  • Create custom templates to reuse HTML components in multiple places in a design.
  • Write preprocess functions in PHP to customize the content available in templates.

How is it taught?

The course will consist of pre-recorded video lessons and live Q&A sessions with the course instructor. The lesson videos can be watched on-demand, anytime it's convenient. Throughout the course, students will work through a series of hands-on exercises, building a custom theme that demonstrates the concepts covered in each lesson. We will provide an online development environment in which to follow along with the lessons and complete the assignments.

The weekly live sessions will be conducted online using Zoom. During the sessions, the instructor will answer questions about the lessons and will help troubleshoot any issues. In addition to the live sessions, you will have access to an online forum to discuss assignments with other students and ask the instructor questions during the week.

How long is this course?

The estimated time commitment for the course is 6 - 8 hours per week for 2 weeks.

After the course is over, you can continue to access the lesson videos, free of charge, forever. There are no monthly subscription fees. Just come back and watch the lessons whenever you want. They are great when you need a refresher on a topic.

Lessons in This Class

Video Duration
Introduction 00:10:12
Using the DrupalTutor DevStack 00:12:06
Installing Drupal Core 00:15:53
Fixing the Trusted Host Settings Error 00:06:03
Enabling Development Settings in Drupal 00:10:00
Development Tools for Drupal 00:17:58
Using the Example Code Repository 00:12:57

Video Duration
Creating Drupal Themes 00:16:27
Adding CSS to Your Theme 00:26:12
Overriding and Customizing Templates 00:41:20
Adding Images to Your Theme 00:10:20
Adding Print Stylesheets 00:04:20
Adding External CSS from CDNs 00:06:53
Adding Javascript to Your Theme 00:16:54
Loading Libraries Dynamically 00:09:37

Video Duration
Rendering Content Variables in Twig 00:39:24
Twig Filters 00:38:10
Variables and Control Structures in Twig 00:49:03
Functions in Twig 00:15:35
Combining and Extending Twig Templates 00:14:28

Video Duration
Understanding Regions and Layout 00:19:53
Overriding Templates from Modules 00:09:01
Theming Views 00:26:10
Using Preprocess Functions 00:12:27
Creating Custom Templates 00:26:06
Overriding and Extending CSS and JS Libraries 00:15:57
Creating a Theme Using a Starter Kit 00:14:20

Video Duration
Class Wrap-Up 00:04:00
$ 248
Per student
  • 8+ hours of video lessons
  • 4 live webinars with your instructor
  • Permanent access to the recordings of all the lessons and live sessions
  • A development environment for your practice Drupal site
  • Access to an online forum to ask questions of the instructor and discuss with other students
?

Your Class Session Details

Lesson Videos

Your lesson videos will be available starting December 6, 2023. You can start and stop the videos at your convenience, and use them as a reference forever!

Your lesson videos will be available starting January 3, 2024. You can start and stop the videos at your convenience, and use them as a reference forever!

Your lesson videos will be available starting January 17, 2024. You can start and stop the videos at your convenience, and use them as a reference forever!

Your lesson videos will be available starting January 31, 2024. You can start and stop the videos at your convenience, and use them as a reference forever!

Your lesson videos will be available starting February 14, 2024. You can start and stop the videos at your convenience, and use them as a reference forever!

Your lesson videos will be available starting February 28, 2024. You can start and stop the videos at your convenience, and use them as a reference forever!

Your lesson videos will be available starting March 13, 2024. You can start and stop the videos at your convenience, and use them as a reference forever!

Your lesson videos will be available starting March 27, 2024. You can start and stop the videos at your convenience, and use them as a reference forever!

Development Environment

Your practice development environment will be available from December 6, 2023 to January 2, 2024.

Your practice development environment will be available from January 3, 2024 to January 30, 2024.

Your practice development environment will be available from January 17, 2024 to February 13, 2024.

Your practice development environment will be available from January 31, 2024 to February 27, 2024.

Your practice development environment will be available from February 14, 2024 to March 12, 2024.

Your practice development environment will be available from February 28, 2024 to March 26, 2024.

Your practice development environment will be available from March 13, 2024 to April 9, 2024.

Your practice development environment will be available from March 27, 2024 to April 23, 2024.

Live Webinars

Webinars for this session are scheduled at the dates and times below. Don't worry. These webinars are strictly for questions and troubleshooting. They are not required to cover the lesson material, and you are not expected to attend them all. These webinars will also be recorded, so if you can't attend a webinar due to your time zone or other conflicts, you can submit your questions ahead of time and watch the answers on the recording.

Webinar Schedule
Date Time(s)
December 7 10:00am-11:00am EST
December 12 4:00pm-5:00pm EST
December 14 10:00am-11:00am EST
December 19 4:00pm-5:00pm EST
Date Time(s)
January 4 10:00am-11:00am EST
January 9 4:00pm-5:00pm EST
January 11 10:00am-11:00am EST
January 16 4:00pm-5:00pm EST
Date Time(s)
January 18 10:00am-11:00am EST
January 23 4:00pm-5:00pm EST
January 25 10:00am-11:00am EST
January 30 4:00pm-5:00pm EST
Date Time(s)
February 1 10:00am-11:00am EST
February 6 4:00pm-5:00pm EST
February 8 10:00am-11:00am EST
February 13 4:00pm-5:00pm EST
Date Time(s)
February 15 10:00am-11:00am EST
February 20 4:00pm-5:00pm EST
February 22 10:00am-11:00am EST
February 27 4:00pm-5:00pm EST
Date Time(s)
February 29 10:00am-11:00am EST
March 5 4:00pm-5:00pm EST
March 7 10:00am-11:00am EST
March 12 4:00pm-5:00pm EDT
Date Time(s)
March 14 10:00am-11:00am EDT
March 19 4:00pm-5:00pm EDT
March 21 10:00am-11:00am EDT
March 26 4:00pm-5:00pm EDT
Date Time(s)
March 28 10:00am-11:00am EDT
April 2 4:00pm-5:00pm EDT
April 4 10:00am-11:00am EDT
April 9 4:00pm-5:00pm EDT