Click to search on your search term.

Drupal 8 Layout and Theming

This course describes and illustrates a variety of approaches for making dynamic layouts in Drupal 8, helping aspiring themers to choose the right approach for their site. During this 2-day course you'll learn and utilize best practices for configuring a flexible and extendable layout for D8 websites by using a variety of coding and configuration techniques to implement custom themes and subthemes.

Duration: 2 days

Price: 1095.00
Online Price: 1095.00

Course Prerequisites

In order to get the most out of this course you should have prior experience in site building with Drupal. A combination of Acquia's Introduction to Drupal 8 (or What’s New in Drupal 8) and Building Websites with Drupal 8 would be ideal preparation for those with prior non-Drupal UX development experience.

In addition:

  • HTML and CSS skills are essential.
  • Familiarity with PHP and the Twig framework is very helpful.

Course Objectives

Describe and work with Drupal's theme layer

  • Declare, style, and use custom regions in a theme, theme settings
  • Apply and utilize Stylesheets and Javascript in a theme
  • Build a sub-theme from a base theme

Course Outline

  1. Drupal Theming Funamentals
    • How does Drupal Theming Work?
    • What are Themers?
    • Making a Simple Theme
    • Working with Regions
    • Adding Libraries and Dependencies
    • Advanced .info.yml options
    • Adding Breakpoints
  2. Customizing your Theme
    • Anatomy of a Theme
    • Coding Standards in Drupal
    • Introduction to Twig Template Files
    • Overrides, Available Variables, and Hooks
    • Adding Custom Regions
    • Breadcrumbs
  3. Base Themes and Subtheming
    • Base Themes, Subthemes, and Core Themes
    • Using Subthemes
  4. Matching a Design Mockup Using Drupal
    • Parsing your Client's Design
    • Enabling Twig Debugging and Installing Devel
    • Creating a New Subtheme from the Classy Base Theme
    • Configuring Drupal
    • Using Template Overrides
    • Adding CSS
  5. How would you do that in Drupal? Real-World Design Considerations.

Fig Leaf has provided training in the following cities:

Alexandria VAAmsterdamArlington VAAtlantaAustinBaltimore
DenverDes MoinesDetroitDubaiEdmontonGeneva
HoustonIndianapolisJacksonvilleLas VegasLondonLos Angeles
MadridMiamiMilwaukeeMinneapolisNew HavenNew York
OttawaPhiladelphiaPhoenixRaleigh / DurhamRestonRome
SacramentoSan AntonioSan DiegoSan FranciscoSan JoseSeattle
SingaporeSpringfieldState College PATallahasseeTorontoWashington DC