Drupal 8 Theming with Twig

Implementing our Header Top region

The first item we will need to address is replacing the static content in our Header Top region. Referring back to the Mockup, we have a menu of social icons that display within this region. Also, if we look closely, each social icon is using the Font Awesome library. Tackling the next section will require the following techniques:

1. First, we will create a custom block to display our Social Icons menu and then assign it to the Header Top region so that it is available to render.
2. Next, we will add the Font Awesome library for our social icon to use.
3. Finally, we will modify our static content to display our Header Top region.

Creating our Social Icons block

Creating blocks of content is fairly simple, and we will be ...