The blog section of our website will be by far be the most complex to set up, as we will be taking advantage of the Twig template layer to modify the HTML markup from the Node level all the way down to the field level. What does this mean? It simply means we will be breaking our mockup down into small chunks, whether it be the blog teaser, a listing of blog categories, or even the simple blog image itself.
In this chapter, we will look at creating multiple Twig templates that our Blog listing page will use, as well as the following:
We will begin by reviewing our Blog listing page as displayed in our mockup and identifying the areas we will need to theme.
Next, we will create our Blog listing page, along with a teaser view of our content that will link to the Blog detail page.
Our Blog listing also contains three custom blocks of content, which will require us to dive a little deeper into using Drupal views, custom blocks, and Twig templates to create...