Drupal 8 Theming - Part 06 - Theming the Header

Nov 21, 2015

In this episode of Drupal 8 Theming tutorial series we are going to theme our header the 'Drupal way', by using blocks, css, html and Twig.

Also we are going to learn how to define our front page so that we don't use the same template as we would use on other content types. This way our front page will be able to have different type of design.

As for the header we are going to style a block that displays the header, add some css to it and I will show you how to change the path of your logo.

By doing all of this we will get better acquainted with Twigs template hints, and will learn where the stuff on our page is coming from.

Code used in this tutorial:



Hi! I'm Karim Boudjema, the developer and site-builder of this site. I'm currently working as a freelance Drupal developer.

I was wondering how could I giving back to the Drupal community all what it gave to me during the last 10 years, that's how the idea of this site came to me ... (read more)

Hi! I’m Santiago Rico, the web designer and themer of this site.

When Karim proposed me to design and theme this site for the Drupal community, I accepted immediately because the community is the main reason why I love Drupal so much.