MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.

I'm not curious

How to Design Drupal 8 Themes

Course Summary

This class is a hands-on introduction to designing your Drupal 8 site. You'll learn how to customize your Drupal site with CSS, HTML, Javascript, custom fonts and more.

  • +

    Course Syllabus

    Getting Started

    Introduction to Drupal 8 Theming

    What You'll Need for This Class

    Setting up Your Environment

    Introduction to Themes

    How Does Drupal Theming Work?

    Who are Drupal Themers?

    Finding and Evaluating Contributed Themes

    Installing Themes

    Static, Configurable and Responsive Themes

    Build Your First Theme

    Building a Custom Theme

    Add a Screenshot and Logo

    Clear the Theme Cache

    Add Regions to a Drupal Theme

    Add Libraries to a Drupal Theme

    Add CSS to a Drupal Theme

    Add External Scripts to a Drupal Theme

    Add Google Fonts to a Drupal Theme

    Advanced YML File Options

    Mobile Breakpoints

    Mobile Breakpoints Exercise

    Drupal 8 Theming Quiz 1

    Customizing Your Theme

    Introduction to Theme Customization

    Anatomy of a Drupal Theme

    Drupal Coding Standards

    Introduction to Twig Template Files

    Template Overrides in Drupal

    Installing the Devel Module

    A Drupal Template Override Demo

    Creating a Node Template Override

    Creating a Maintenance Page Template Override

    Overriding Drupal Breadcrumbs

    Drupal 8 Theming Quiz 2

    Base Themes and Subthemes

    Introduction to Base Themes and Subtheming

    Best Practices for Subthemes

    Create a Bartik Subtheme

    Setting Up The Theme

    How to Match an Existing Design

    Creating the Custom Theme

    Add Custom Regions

    Site Building

    Site Building for Our Theme

    Create a Services Content Type

    Create a Banner Content Type

    Adding Content, Part 1

    Adding Content, Part 2


    The Services View

    The Blog View

    The Frontpage Banner View

    Creating Custom Blocks

    Template Overrides

    Create Template Overrides

    Overrides for Frontpage Content

    Adding CSS and Images


    How Would You Do That in Drupal?

    Drupal 8 Theming Quiz 3

Course Fee:

Course Type:


Course Status:



1 - 4 hours / week

This course is listed under Open Source , Development & Implementations and Digital Media & Games Community

Related Posts:



Drupal 8


Cascading Style Sheet (CSS)
















Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url