Check your version

This video 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.

Introduction to Markup in Panels

Video loading...

Join Drupalize.Me to watch this video

Join today and gain instant access to our entire video library.

Log in Sign up
  • 0:04
    Let's take a look at what affects markup in Panels.
  • 0:08
    I will show you some unique to Panels concepts as well as how to apply Drupal theming principles to customize markup on a Drupal site that uses Panels.
  • 0:18
    In this tutorial, you'll learn about Panels' layouts, how to add CSS classes using Panels, how to override the panel pane template file and what Panels means by style
  • 0:30
    with a broad overview of Style plugins and where to go for a deeper dive.
  • 0:35
    First, let's define some terms. Panels is a robust system that works within Drupal.
  • 0:41
    There are several terms that you will hear me mention in these tutorials that you may or may not be familiar with
  • 0:46
    so I'll go ahead and define some of them now.
  • 0:49
    First, a plugin. A plugin is something that adds functionality.
  • 0:53
    Panels has four types of plugins that allow developers to add custom functionality to a site that uses Panels.
  • 1:00
    The four types of plugins in Panels are Layout, Style, Context and Content Type.
Loading ...

Introduction to Markup in Panels

Loading...

Now let's shift gears and take a look at how using Panels affects markup in Drupal. I will show you some unique-to-Panels concepts as well as how to apply Drupal theming principles to customize markup on a Drupal site that uses Panels.

In the tutorials that follow, you will learn:

  • About Panels layouts
  • How to add CSS classes using Panels
  • How to override the panel pane template file
  • What Panels means by “Style”—with a broad overview of Style Plugins and where to go for a deeper dive
Downloads: 
Log in or sign up to download companion files.