Skip to end of metadata
Go to start of metadata

Our site system is extremely flexible. It contains a number of individual modules that can be assembled like Lego blocks to create a wide variety of different kinds of pages. Here is a guide to the individual modules you'll see if you're creating or editing an existing landing page. 

Editorial cards

Editorial cards are a fundamental module, used on landing pages and the homepage to link to your site's other pages. You can add almost any type of page to an editorial card module (including other landing pages). There are a few variations on editorial cards: 

3x editorial cards

A row of 3 cards that display a page's title, subtitle, category link, and a read more link. Note, these fields (and the editorial card image) can all be controlled independently of the page's actual title/image/etc by editing the "editorial card fields" tab. 

Note also that editorial card sections can have a heading ("Our conservation work focuses..."). Control this by clicking the "Override title" box. 

2x editorial cards + 1 engagement card

This is a good choice to use as your first row of editorial cards on most pages. That way, you can provide a contextual engagement card opportunity high up on the page. 

2x Editorial Cards & 1 Free HTML

This is used on Center homepages to create the Visit Info box alongside 2 editorial cards. 

2x editorial cards

These are bigger editorial cards that are best used to link to another site section, rather than just a single page. For instance, if you have a "Citizen Science" landing page, you could use 2x editorial cards to link to additional landing pages with lots of content on the CBC and GBBC. These cards have several options to control their display, and each field can be linked to different URLs if you wish. 

4x editorial cards

Use sparingly. These only display a page's title so they're not as effective as 3x editorial cards. 

News Listing

If the landing page you're building or editing will be home to frequent, timely content updates (at least one new article each week), you can add a News Stream, which will automatically display the latest pages and articles for any category on your site. This is the only module that pulls articles automatically as they're published; updates to all other editorial cards must be updated manually. 

News Streams work by pulling all published pages/articles from one or more categories, which you can assign to the News Stream module by editing it in the Customize this Page view. In the screenshot below, this news stream is configured to pull all content added to the News category. You can add additional categories by typing them in the box. 

 

Editorial grid

 

This is a full-width module that can be used on landing pages to display many similar pieces of content (articles, or static pages). It is simple to configure: add it to a full-width region of a landing page by choosing the "Editorial Cards" category at left, then "Editorial grid." Then select a Category term or an internal tag, and the system will display all articles and static pages assigned to that category or tag. 

This module works best when presenting a larger number of similar things (for instance, on the national site, we will be using it to link to the 60 or so pages we have for individual murals as part of the Audubon Mural Project). If the items in the editorial grid aren't thematically linked, it could quickly become overwhelming for the user. For a more general listing of content, use a "News stream" module (above). 

 

 

Intro section ("Custom Content")

Your landing pages will be much more effective if you begin with an intro section (called "Custom Content" in the module add screen). Use this area to add headings and text describing landing page's program or initiative, and to create text links to other sections on your site. Note, this is configured as a standard body text area, so you can add headings, links, and even images to these sections. They are very flexible. 

Basic modules

Embed Code (Map/Video)

As seen here: http://audubon.org/about-us

Use this module any time you need to embed external content on a landing page, such as an ESRI map or YouTube video. Just copy the embed code into the provided field. Note: you may need to change the width and height specified in the embed code to "100%" to fill the entire module for something like a map embed. 

"Big Social owl block/single block"

This is a module that allows you to add links to various social media profiles or email signup forms. Use the "owl block" version for two links, and the "single block" version if you only want to link to one profile. 

Bird cards

BIrd cards link to the national site bird guide. Featuring beautiful illustrations by David Allen Sibley, they're a great way to add birds to any page. And for your state/center's priority birds, you can actually write your own content that will appear on the national site bird guide when your users click a bird card. 

You have several options for bird card display—they can show up all in one scrollable row, or you can display them in a grid with as many rows as you'd like (as seen here: http://www.audubon.org/birds/priority)

Engagement cards

Engagement cards are built into many pages on your site already (in the footer or in the sidebar), but you can also add rows of engagement cards to landing pages in other places if you wish by using this module. (see also: How to create and use Engagement Cards)

 

  • No labels