Episode 06 • Drupal 8 theming

Theming the Header

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.

Download code
  • Episode 00 • Duration 07:31

    Installing Drupal 8

  • Episode 01 • Duration 20:16

    Theme Setup

  • Episode 02 • Duration 16:27

    Disable Cache, Enable Twig Debug

  • Episode 03 • Duration 13:40

    Gulp.js, Sass, LiveReload

  • Episode 04 • Duration 16:01

    Blocks and Regions

  • Episode 05 • Duration 08:09

    Let's Update Drupal 8

  • Episode 06 • Duration 22:43

    Theming the Header

  • Episode 07 • Duration 15:10

    Adding Main Navigation

  • Episode 08 • Duration 07:12

    Creating Partials

  • Episode 09 • Duration 21:29

    Introduction to Views

  • Episode 10 • Duration 14:36

    Creating and Displaying Content Types and Fields

  • Episode 11 • Duration 14:56

    Displaying Fields

  • Episode 12 • Duration 13:37

    Images and Image Sizes

  • Episode 13 • Duration 19:47

    Kint, Arrays, Twig, Foreach, If

  • Episode 14 • Duration 12:48

    Field Collections

  • Episode 15 • Duration 11:48

    Reference Fields

  • Episode 16 • Duration 18:43

    Working With CSS Frameworks

  • Episode 17 • Duration 24:24

    Regions and Blocks from Views

  • Episode 18 • Duration 26:19

    Taxonomy and Drop Down Menu

  • Episode 19 • Duration 16:23

    Rewriting Views Fields

  • Episode 20 • Duration 20:19

    Using Drush

  • Episode 21 • Duration 10:05

    Pathauto

  • Episode 00 • Duration 07:31

    Installing Drupal 8

  • Episode 01 • Duration 20:16

    Theme Setup

  • Episode 02 • Duration 16:27

    Disable Cache, Enable Twig Debug

  • Episode 03 • Duration 13:40

    Gulp.js, Sass, LiveReload

  • Episode 04 • Duration 16:01

    Blocks and Regions

  • Episode 05 • Duration 08:09

    Let's Update Drupal 8

  • Episode 06 • Duration 22:43

    Theming the Header

  • Episode 07 • Duration 15:10

    Adding Main Navigation

  • Episode 08 • Duration 07:12

    Creating Partials

  • Episode 09 • Duration 21:29

    Introduction to Views

  • Episode 10 • Duration 14:36

    Creating and Displaying Content Types and Fields

  • Episode 11 • Duration 14:56

    Displaying Fields

  • Episode 12 • Duration 13:37

    Images and Image Sizes

  • Episode 13 • Duration 19:47

    Kint, Arrays, Twig, Foreach, If

  • Episode 14 • Duration 12:48

    Field Collections

  • Episode 15 • Duration 11:48

    Reference Fields

  • Episode 16 • Duration 18:43

    Working With CSS Frameworks

  • Episode 17 • Duration 24:24

    Regions and Blocks from Views

  • Episode 18 • Duration 26:19

    Taxonomy and Drop Down Menu

  • Episode 19 • Duration 16:23

    Rewriting Views Fields

  • Episode 20 • Duration 20:19

    Using Drush

  • Episode 21 • Duration 10:05

    Pathauto