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: Create a Custom Layout with Panels for Drupal 7

  
Last updated February 16, 2017
Site Building7.x

In this exercise you will demonstrate knowledge of Panels, and create a layout for the Top Ten List page, and create and configure content within Panel Panes.

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. Create and configure a panel page.
  2. Create a view and place it within a panel page.

Wireframe Reference

You will need to refer to the wireframe collection PDF.

  • Top 10 Lists
  • Top 10 Lists index page

Screenshot of Top 10 listing page

Top 10 Movie listing page screenshot

Screenshot of Top 10 index page

Top 10 Movie index page screenshot

Tasks

Install the Panels and Panelizer modules.

Create the Top Ten Films content type, with Panelizer enabled.

Configure the Panelizer content for the default content area and embed the body field and referenced films.

Create a view for the Top Ten Lists landing page.

Hints

  • Analyze the Top Ten List page to help design the content type.
  • Remember to use sensible naming conventions.
  • Remember to configure the Panelizer settings from the admin/structure/content-types section.

Summary

  • Panels enables us to create a specific layout of content for a page; Panel Panes can contain a multitude of content elements.

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.