George Mason University
George Mason University Mason
George Mason University

Building a Landing Page

Landing pages are the top-level pages on your site, and will be featured in the navigation banner that appears at the top right of every page.

These pages introduce major topics and help users chose where to go.

You unit will select five to seven landing pages early in the process of your site creation/update. Once a site is launched, there are few instances in which new landing pages are created, although you will edit the content to keep it fresh and up to date.

Landing pages use large images at the top. Select these with care, keeping in mind that they'll incorporate text and other components. It's best to test these to make sure the image works with the other pieces. Your photo's depth will depend on whether or not you're using the optional Fast Facts Carousel.

If you're creating a landing page, go to the row of Drupal commands in the upper left corner of the page, and hover over Content. A menu will drop down. Hover over Add Content.  A selection of template pages should appear to the right. Select Landing Page.

screen shot of landing page instructions

The top of the page will feature the three Calls to Action. The intro goes below that. Next up is the Content Header box, for the Fast Facts Carousel. Next is the main body of the page, which is divided into three columns. The first column will be automatically populated by the sub-navigation

The second and third columns are where you place content, such as text, images, and video. You have the option of having two columns of text with no photos; text with photos; or one column of text with an image taking up the last column. You'll fill these columns with the body text box and image components, just as you do on content pages.

landing page content placement instruction screen shot

Landing pages are currently the only pages in the Mason Drupal Platform that will accept a Twitter feed. You can place it under the sub-navigation, as Volgenau has done.

Below the three columns of the main body is a full-page-width area called Additional Content. You can use this for text, to place a video or single photo, or to feature an image rotator, as Systems Engineering has done.

Schools & Programs