Creating our blog listing

Our blog listing is a shortened representation of our Blog detail page, with just enough information to tease our users into reading more. To help us identify what fields we will need to display for our blog listing, we should review each individual post on our mockup. We can visually identify that we will need to display the following fields:

• Image

• Post date

• Title

• Teaser

• Author

• Tags (taxonomy)

• Comments

While all of these fields make up our post content type, there are also additional fields such as Thumbnail and Full content that are not being displayed. So how would we go about presenting the same data to users differently, based on the layout? We could hide fields using CSS, or add PHP conditions, but there is a much easier method for creating different display modes.

Adding a new display mode

One feature of Drupal 8 that provides us with the flexibility to present content differently based on specific requirements is display modes. By default, Drupal provides each content...