Drupal 8 Theming

Customize Drupal's look and feel by creating themes from scratch and with Bootstrap.

Before you take this course, you should have some experience administering a Drupal website and knowledge of HTML and CSS.

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.

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 8 core themes

  • What's easy and what's hard to change about the front-end of Drupal

Syllabus

  • Creating a custom Drupal theme

  • Using Drupal's core themes

  • Drupal's templating system

  • Adding CSS and Javascript to your Drupal theme

  • Twig syntax and Twig debug

  • Sub-theming with Bootstrap, Zurb Foundation, etc.

  • Using Twig to customize Views output

  • Preprocess functions

  • Using SASS with your Drupal theme

  • Extending Twig templates

  • Using libraries to manage internal and external assets

  • Best practices for Drupal theming

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.

Related Courses

Drupal 8 Module Development

Learn how to customize Drupal functionality and use developer tools.

5-Day Drupal 8 Training

Drupal for developers: site building, theming, and module development.