Establish Page Layout Structure with page.tpl.php for Drupal 7

Last updated March 5, 2020

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.

Sprout Video

Drupal uses a series of nested template files to build out the rendered HTML pages we see in our browser. The template file page.tpl.php holds markup between <body> and </body> tags. We talked about the nested nature of template files in Lesson 3: Theming by Component.

In this lesson we will:

  • create the file page.tpl.php
  • add the relevant markup, and CSS classes for our grid framework
  • insert relevant PHP variables so that Drupal can render each of its page components.

By the end of this lesson you will be able to create, or adapt, a page.tpl.php file to suit the conventions you identified in your style guide.