Course Description
The look and feel of a Drupal site is remarkably flexible. With the Drupal theme system, you have the ability to change the HTML output of your site, and add implement a design by adding CSS and Javascript.
In this course, you'll learn how to build a responsive Drupal theme to customize the look of your Drupal site. We’ll create a theme based on Drupal core, and another using a front-end framework. Learn how to create layouts, customize Twig templates, and best practices for organizing your theme.
For more advanced training, check out the Advanced Drupal Theming course.
Learning Objectives
You'll come away from the course with knowledge of:
-
Best practices for Drupal theming
-
How theming fits in with the overall process of developing a Drupal website
-
Steps for developing a custom theme
-
Using a CSS framework such as Bootstrap or Zurb Foundation
-
When to use theming vs. configuration
-
Drupal core themes
-
What's easy and what's hard to change about the front-end of Drupal
Week-by-Week Outline
You'll have lessons to complete between live sessions (exercises with video instructions) and access to a Slack channel and a one-on-one session to help you out.
Week 1
- Install Party & Introductions
- Role of Theming
- Using Drupal's Core Themes
- Drupal's Templating System
Week 2
- CSS and Javascript for Your Drupal Theme
- Twig Syntax and Twig Debug
- Sub-theming
Week 3
- Using SASS with Your Drupal Theme
- Extending Twig Templates & Using Libraries
- Using Libraries to Manage Internal & External Assets
- Best Practices for Drupal Theming
- Wrap-Up
Who Will Get the Most Out of This Course?
This course is ideal for designers and developers who have experience using CSS and HTML, and who are responsible for developing, maintaining, or extending a Drupal theme. It will also be useful for Drupal 7 themers who want to upgrade their skills.