Drupal 8 Theming

Duration2 days / 12 hours · LevelDrupal Essentials

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.

Dev Environments

You need a fresh install of Drupal 8 to use for the course. Before the course, we’ll send you instructions on how to set up Drupal 8 on your laptop using Acquia Dev Desktop. You can also use a LAMP, WAMP, or MAMP environment if you already have this set up.

Prerequisites
Before you take this course, you should have some experience administering a Drupal website and knowledge of HTML and CSS. Knowledge of Drupal 8 is not required.

Related Courses

Drupal 8 Module Development

Duration: 2 days / 12 hours
Pre-requisites: Some previous programming experience. Knowledge of Drupal site building.
See details

Drupal 8 Module Development

Duration: 2 days / 12 hours
Pre-requisites: Some previous programming experience. Knowledge of Drupal site building.
See details

5-Day Drupal 8 Training

Duration: 5 days
Pre-requisites: Understanding of basic Drupal concepts for Day 1, Familiarity with HTML and CSS required for Days 2-3, Programming experience required for Days 4-5
See details

5-Day Drupal 8 Training

Duration: 5 days
Pre-requisites: Understanding of basic Drupal concepts for Day 1, Familiarity with HTML and CSS required for Days 2-3, Programming experience required for Days 4-5
See details
Sign up for our training newsletter

Receive email notifications about upcoming Drupal trainings near you.