Homepage Element Tutorial Videos
Training Videos
Certain Drupal elements are placed on a website home page using a different editing system than the editing system used on your interior basic pages. However, some of these elements can also be added to your basic pages, following the instructions in these videos. These elements can be used to improve the overall aesthetics of a web page, as well as the functionality of your content by making it more scannable by your end users.
Keep in mind, you'll want to set standards within your own website so that your primary navigation pages feel more important than a page beneath your primary navigation. In most cases, many of these elements are best used on your primary navigation landing pages. However, tabs and accordions can be helpful on your detail pages that reside at lower levels in your website.
Getting Started - The Basics
Please watch this video prior to any specific element video because provides basic background knowledge that serves as the foundation of all other instructions.
What is a Node ID? Another must-know!
We never link to a fully spelled-out URL when linking to another page in the family. Instead, it is critical to always link to a node ID to prevent broken links from occurring and to protect the overall health of your website.
Access Training Clips for Specific Drupal Homepage Elements
The below set of videos can be referenced to help you include elements into your paragraph bundles on your home page. Be sure to watch the "getting started" and "node ID" videos first (located above), as well as attend a Drupal I training prior to using these elements.
Hero Slider
Description: Large sliding carousel of images. These can link to a full story or just include images.
Call to Action List
Description: Horizontal link blocks with image backgrounds
Traditional Teaser
Ribbon Teaser
Flip Teaser
Wedge
Accordion
Tabbed Nodes
Slide Show Teaser
Blank WYSIWYG
BP Paragraphs