Landing Page Drupal 7

Summary

Landing pages are built using bands, blocks (or cards), text, and background images. To build a landing page, you first need to create the items you are going to put on the landing page.

  • The main building block of a landing page are bands.
  • Each band can be 1-4 columns.
  • Each band can have a plain background, background color, or a background image.
  • Each column in a band can have text, an image, or a block (also called a card). 

Audience

Site Managers and Site Admins. Publishers have the ability to edit existing cards.

How To

interface for a landing pageSelect Add Content > Landing Page

  • Title: Title the Landing Page. This title will show on the published landing page.
  • Band Type: Choose a band type:
    •  Full Width
    •  2-Column (see options)
    •  3-Column
    •  4-Column
  • Click Add New Band. You can place the landing page in the menu by checking the box beside Provide a menu link.
  • Work on building your landing page before publishing by leaving the Publishing Options set to Not Published.
  • Click Save.

When you are ready, you can Publish the page by changing the Publishing options.

Key Search Topics can help bring the landing page to the top of search results. For example, if you have 30 pages related to Coal Ash—news, blogs, events, etc.—you can add the relevant term(s) to the landing page, so that visitors will find this page first.

Meta tags descriptions are essential for landing pages. Leave the [page:title] field alone, but do delete [node:summary] in the Description field and add appropriate text. The site name and page title will already be visible.

Example: adding “Learn how DEQ is addressing coal ash at facilities across North Carolina, and how we’re working to implement the safe excavation and disposal of coal ash” to the Meta tag description field will produce the result in the Coal Ash page below.

how the meta tags show up in google

Organize Bands on a Landing Page

  1. The band Title will extend across the entire width of the band. You may want to use a title when all the cards in a band have related information.
  2. Padding is the amount of space between the bands. You can adjust the space above and below each band to achieve a readable, aesthetically pleasing layout.
  3. Background Image in a  band must be between 1440x500 and 1440x1000 pixels. Choose your photo carefully, so that text will be readable on top of it. If the background image is dark, you will probably want to use white text so it’s readable. Choose “Core – Black” from the Color scheme list, and the text will automatically display as white.
  4. fields for background color on a band and background image
  5. Reorder bands by either dragging them or using row weights:

drag or use row weights to reorder bands

Two Column Band Options

two column band options

Related Content

Landing Page Training Document