CF

Full introduction to Drupal 8 theming in easy steps

5h 49m 59s
English
Paid

Learn how to shape the front end of a Drupal 8 site with clear steps and simple examples. You will see how themes work, how templates shape markup, and how Twig fits into the system. This guide uses short lessons to help you build skill through real code.

Why Drupal 8 Theming Feels Different

Drupal 8 sits on the Symfony framework. This changes how parts of the system work. You also work with lessons learned from Drupal 7. The result is a theme layer that uses cleaner code and a clear file structure.

You work with Twig templates, objects, and classes. Much of the markup now lives in template files. This may feel new at first, but the rules stay simple once you see them in action.

How This Course Helps You

The course keeps each idea short and clear. You test each idea with a small example. When you try the code yourself, you learn how the theme layer responds. This gives you a base to explore deeper parts of the system on your own.

You also work on a small sample site. You turn a static HTML and CSS layout into a working Drupal 8 theme. This shows you the real steps of a theme build from start to finish.

Requirements

  • Basic HTML and CSS
  • A small amount of PHP

Who This Course Is For

  • New Drupal 8 users who want to start theming
  • Drupal 7 developers who want to learn the new theme system
  • Site owners who want to change the look of a Drupal 8 site
  • Developers who want a clear view of the theming workflow

What You Will Learn

  • What Drupal 8 themes are
  • How template files work
  • How to change markup in a Drupal 8 site
  • How to add CSS and JavaScript files
  • How preprocess functions shape data for templates
  • The core ideas behind the Twig template engine
  • How to build a Drupal 8 theme from scratch

About the Author: Udemy

Udemy thumbnail

Udemy is the largest open marketplace for online courses on the internet. Founded in 2010 by Eren Bali, Oktay Caglar, and Gagan Biyani and headquartered in San Francisco, the company went public on the Nasdaq in 2021 under the ticker UDMY. The platform hosts well over two hundred thousand courses across software development, IT and cloud, data science, design, business, marketing, and creative skills, taught by tens of thousands of independent instructors. Roughly seventy million learners use it worldwide, and the corporate arm — Udemy Business — supplies a curated subset of that catalog to enterprise customers.

Because Udemy is a marketplace rather than a single editorial publisher, the catalog is uneven by design. The strongest material lives in the long-form, project-based courses authored by working engineers — full-stack JavaScript, React, Node.js, Python data science, AWS, Docker and Kubernetes, mobile development with Flutter and React Native, and cloud certification preparation. The CourseFlix listing under this source is the slice of that catalog that has been mirrored here for offline-friendly viewing, organized by topic and updated as new releases land. Pricing on Udemy itself swings dramatically with the site's near-permanent sales, which is why the platform is best treated as a deep reference catalog: pick instructors with strong reviews and a track record of updating their material rather than buying on the headline price alone.

Watch Online 55 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 55 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Introduction to me
All Course Lessons (55)
#Lesson TitleDurationAccess
1
Introduction to me Demo
00:32
2
Introduction to the course
02:02
3
Preparing our working environment
07:29
4
What is a theme
00:48
5
Themes inside of Drupal
04:41
6
Development settings and cache clearing
03:38
7
Base themes
02:27
8
Start with our theme
03:31
9
Asset libraries
01:16
10
Adding our CSS files
03:27
11
Add our JS
03:01
12
Template files - where they are and how to overwrite them
03:06
13
Adding our markup in the template files
05:04
14
Debugging templates with kint
07:33
15
Drupal view modes
06:23
16
Node templates
12:45
17
Page and html templates
06:00
18
Regions
06:07
19
Views and overwriting views templates
12:54
20
Add and change variables with preprocess functions
07:54
21
Render API
04:09
22
Why Twig
00:42
23
Quick twig
01:21
24
Twig Print variable
02:03
25
Twig for loop
03:39
26
Twig if
02:55
27
Twig filters and functions
02:15
28
Twig attributes in drupal
01:55
29
Extending templates
06:43
30
Links to other pages in the site
03:15
31
Translatable strings
01:31
32
Simple website example overview
03:24
33
Preparing the new theme
07:27
34
Implementing the html and page wrapper
11:02
35
Subproject - Fixing the branding of the site
08:41
36
Implementing the main menu
10:13
37
Implementing the main content at frontpage
10:13
38
How you may continue to improve in Drupal 8 theming
05:59
39
Chrome twig extention
04:25
40
Removing and overwriting CSS files
10:03
41
1. Getting Started And Overview
02:46
42
2. Install Acquia Dev Desktop - Our Working Environment
04:16
43
3. Installing Drupal 8 with Acquia Dev Desktop
04:47
44
4. Declaring our Theme - Adding a Screenshot
05:22
45
5. Declaring our library - adding CSS and JS files to our theme
05:11
46
6. Activating some debugging settings
10:57
47
7. Overwriting template files in our theme
06:46
48
8. Implementing the main menu region
31:41
49
9. Theming our footer
12:43
50
10. Creating the fields in the Node and the Paragraph
13:51
51
11. Theming the node - top area and fields
19:06
52
12. Theming the first paragraph
09:01
53
13. Image paragraph
08:01
54
14. Text paragraph
05:17
55
15. Creating some example pages and wrapping up
07:41
Unlock unlimited learning

Get instant access to all 54 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Related courses

Frequently asked questions

What are the prerequisites for this course?
The course requires basic knowledge of HTML and CSS, along with a small amount of PHP. This foundational understanding will help you grasp the lessons on Drupal 8 theming more effectively.
Who is the target audience for this course?
The course is designed for new Drupal 8 users who want to start theming, Drupal 7 developers transitioning to the new theme system, site owners looking to change the appearance of a Drupal 8 site, and developers seeking a clear understanding of the theming workflow.
What will I build during the course?
You will work on transforming a static HTML and CSS layout into a functional Drupal 8 theme. This hands-on project illustrates the real steps of building a theme from start to finish, solidifying your understanding of the theming process.
How does the course compare to other Drupal theming courses?
This course focuses specifically on Drupal 8's theme layer, which differs from previous versions due to its foundation on the Symfony framework and the use of Twig templates. It provides short, clear lessons with practical examples to help you understand these new concepts.
What specific tools or platforms will I learn about?
The course covers the use of Twig templates, the Symfony framework, and Acquia Dev Desktop for setting up your working environment. You will also learn about template files, preprocess functions, and the Render API in Drupal 8.
What topics are not covered in this course?
The course does not delve into advanced Drupal 8 development topics beyond theming, such as module development or backend configuration. It focuses primarily on the front-end aspects of Drupal 8 theming using HTML, CSS, and basic PHP.
How much time should I expect to commit to this course?
The course is structured into 55 short lessons, allowing you to learn at your own pace. While the overall runtime is not specified, the bite-sized nature of the lessons suggests a flexible time commitment that can adapt to your schedule.