Reviewing the Blog Listing mockup
In order to assist us in identifying page elements that we will be recreating for the blog page, it would make sense to open up our mockup and review the layout and structure. The Blog page can be found in the Mockup folder located in our exercise files. Begin by opening up the blog.html file within the browser, as shown in the following image:
If we look at our mockup and break it down into manageable parts, we will notice several components that we will need to create using our existing post content type:
The first is the blog teaser in the main content area, which consists of one or more images, post metadata, title, text, and some taxonomy terms that help identify the type of post we are viewing. Since this is repeated content, we will take advantage of Drupal views and custom view modes to recreate this section.
The second is the Categories listing in the right-hand sidebar, which displays the category of posts available on our website. This is a simple...
