A Basic Page
Basic pages are the most common on the site. They have a title area, a left sidebar that contains section navigation (if the page is part of the main menu) and any global or page-specific promos, and a main content area. This main content can be made up of basic formatted text and a variety of ‘content components’ available for use.
These include:
- Media items (images/video/audio)
- Formatted text
- Accordion items
- Promotion references
- Icon cards
- File lists
- Publication lists
- Cards (with flexible content and background color)
- Column container (to list multiple components in a 2-column layout within the content area)
- These components can be mixed and matched and reordered to build up a variety of different layouts within the main content area.
Accordion Builder
An accordion menu is a vertically stacked list of headers that can be clicked to reveal or hide content associated with an item.
Some hidden text
with text
even more text
Formatted Text Wrapping around Media Image
The formatted text component allows a user to add a block of text. Text font style is pre-formatted in Drupal to be consistent across all sites and therefore cannot be changed. A user can change the look of the text by choosing a specific font size in the drop down such as Normal, Heading 2/3/4/5 and by choosing bold and italic. A user can also add bullets, quotes and line separators in between text. Lastly, a user can create a text that links to a URL.
The eCMS has a robust Media Library feature that allows images, video, audio, and files to be used throughout the site.
● Images can be uploaded in various formats, but JPEG is the most versatile and is generally the one that should be used. The system creates smaller versions where necessary, so it’s best to upload the highest quality version available to ensure best results. You are also required to supply ‘alt’ text to help users browsing with assistive technology better understand the contents of the image. This should be a brief description of the contents of the image, and make sense when read aloud (e.g. ‘photo of a young person holding a quahog’).
Column Container Component with Icon Card Component
Icon Card
An Icon card in design is very similar to a card design where it is a way to organize data on an equal plane and has been the go to structure for container style design. The difference from an Icon Card is that an icon appears to the left hand side of the card which provides added design. It is also a basic text component and doesn’t allow for media and videos.
How to Add an Icon Card:
- Add Column Container, see “Column Container” instructions.
- To create an Icon Card, select Add Icon Card from the grey drop down.
- Input text for “Card Title” (required).
- Select and upload the “Icon” that you want to use from the Icon library and fill out “Alternative text” (required).
- Lastly, include the “Text” that will appear inside the card. This text field is also required.
Column Container with Card Component
Card Component
A card in design is a way to organize data such as an image and text on an equal plane and has been the go to structure for container style design.
To create a column container, select the Add Container from the grey drop down. There is now the option to add additional content components.
Card with Media Item and Formatted Text
To create a card, select Add Card from the grey drop down. Users have the option to input text for a Title and select a Background color. You can now add other content components into the card.
Numbered Step Component
-
Step One
This is the first step in learning the eCMS.
-
Step Two
This is the second step in learning the eCMS.
-
Step Three
This is the third step in learning the eCMS.
