Check your version

This tutorial covers a topic in Drupal 7 which may or may not be the version you're using. We're keeping this tutorial online as a courtesy to users of Drupal 7, but we consider it archived.

Movie Project: Build the Homepage for Drupal 7

  
Last updated February 27, 2017
Site Building7.x

IN this exercise you will combine knowledge of Panels and Views to create a complex page layout.

Objectives and Prerequisites

You will need the following knowledge and skills. If you need a review, check out the Resources section at the bottom of this page.

  1. Configure the home page.
  2. Build a complex page layout using Panels.

Wireframe Reference

You will need to refer to the wireframe collection PDF.

  • Home page

Screenshot of finished home page

Movie Review site home page screenshot

Tasks

Create views blocks for Recent Lists, Latest Reviews, and News. (Note: For this stage don't add the links to the Latest Reviews content on the right side of the wireframe.)

Create a quicktab instance to display the Homepage News.

Create a panels page with a url of homepage.

Configure the site to use homepage for the front page.

Hints

  • Try and understand the architectural concept of how the homepage is constructed.

Summary

  • Quicktabs can contain a range of content, but is most often used for views.
  • Quicktabs can be placed within Panels.

Resources

◀ Previous tutorial Next tutorial ▶
Creative Commons License

Drupal Training Resources by Damian Robinson are licensed under a Creative Commons Attribution-ShareAlike 4.0 International License. Based on a work at http://www.damianrobinson.co.uk.