Homepage content in Drupal

Posted February 14th, 2022 at 1:49 pm.

Note: The homepage content types are only available to Site Editors and people with the Homepage Editor role. If you have suggestions for homepage content, please contact College Communications.

Please visit this link to view the Special Role Session video.

Homepage Editor

This is a supplemental role designed specifically for Web Stewards who administer Graduate or Postbac websites within brynmawr.edu.  If you are in GSAS, GSSWSR or Postbac and feel you need this permission level, please contact Communications   communications@brynmawr.edu to discuss your needs.

Homepages

There are Homepages for:

You can see all of them if you Click on Content in the Admin Toolbar

Or visit https://www.brynmawr.edu/admin/content

Once there, select Content Type=Homepage and press the Filter button. If you are a Homepage Editor, you will only see Edit buttons next to the Homepages that you are allowed to edit.

The Homepage Content Type consists of Title, Hero carousel, and Flexible Content Items.

Here is the screen you see when creating a new Homepage. Notice that there is no URL alias specified. This only gets set when the page is to go live.

Title

This field doesn’t display, but it is important to be able to identify each unique Homepage that is built.

Flexible Content Items

All the usual Flexible Content Items are available here, as well as the addition of three Homepage Specific ones: Slide: Homepage Hero, Homepage Feature: Large, Homepage Feature: Medium, Homepage Feature: Story.

You can read about all the Flexible Content Items, including how to reorder them, in this tech doc.

 

 

Slide: Homepage Hero

This is for HOMEPAGE EDITOR, SITE EDITOR and above and is only available for the Homepage Content Type.

If only one Hero slide is added, it will be just a hero image. Once you add a second one, it becomes a carousel.

Only a title and an image are required for a Hero slide.

If you would like a link on the slide, you can choose between a CTA or a Video Link.

 

Here is what each type of link looks like on the slide


Back to Top ^

Homepage Feature: Large

This is for HOMEPAGE EDITOR, SITE EDITOR and above and is only available for the Homepage Content Type.

This Flexible Content Item is a great way to draw attention to an important program or feature. This Homepage Feature Large has one of the Feature Child block options overlaying the bottom portion of the image (see each example below). It has an image, title, intro field and space for up to three links.

  • Main List Item

  • Additional List Item

NOTE: These things will be displayed under a The Details heading

Here is how it looks with the Main List and the Additional List Item list

 

 

You can also have a quote (Feature Child: Quote), statistic (Feature Child: Statistic), caption (Feature Child: Special Caption) or link to a video (Feature Child: Video) displayed prominently.

Once you have a Feature Child option filled in, you are able to remove it if you want to change what you use there. Simply click the three dots on the right of that item and select Remove. Then you can decide to use a different option. Please note that once you remove it, you would have to create it from scratch if the removal was accidental.

Feature Child: Quote form looks like this

 

This is how it looks with a quote

 

Feature Child: Special Caption form looks like this

 

This is how it looks with the Feature Child Special Caption

 

Feature Child: Statistic form looks like this

 

This is how it looks with a Feature Child Statistic

 

Feature Child: Video form looks like this. You can see that you can pick an existing Remote Video or add a new one. You can learn more about adding videos in our Embedding Videos tech doc.

Here we will just select an existing one

This is what the form looks like after we have pressed the Embed button

 

This is how it looks with a Feature Child Video

 

Back to Top ^

Homepage Feature: Medium

This is for HOMEPAGE EDITOR, SITE EDITOR and above and is only available for the Homepage Content Type.

This Flexible Content Item is a great way to draw attention to an important program or feature. This Homepage Feature Medium has  one of the Feature Child block options overlaying the bottom portion of the image (see each example below). It has an image, title, intro field and space for up to three links.

  • Feature Child: Main List Item

  • Feature Child: Dropdown.  Here is the form for the Dropdown, where you can add up to 5 items

NOTE: These things will be displayed under a The Details heading along with the Additional List Items

Here is how it looks with the Main List and a drop down both closed and expanded

 

You can also have a quote (Feature Child: Quote), statistic (Feature Child: Statistic), caption (Feature Child: Special Caption) or link to a video (Feature Child: Video) displayed prominently.

Once you have a Feature Child option filled in, you are able to remove it if you want to change what you use there. Simply click the three dots on the right of that item and select Remove. Then you can decide to use a different option. Please note that once you remove it, you would have to create it from scratch if the removal was accidental.

The Feature Child Quote form looks like this

This is how it looks with a quote

This is how the Feature Child Caption form looks:

This is how it looks with the Feature Child Special Caption

 

Feature Child: Statistic form looks like this. NOTE you can only have a 4-character Statistic Number.

This is how it looks with a Feature Child Statistic

Feature Child: Video form looks like this. You can see that you can pick an existing Remote Video or add a new one. You can learn more about adding videos in our Embedding Videos tech doc.

Here we will just select an existing one

This is what the form looks like after we have pressed the Embed button

This is how it looks with a Feature Child Video

Back to Top ^

Homepage Feature: Story

This is for HOMEPAGE EDITOR, SITE EDITOR and above and is only available for the Homepage Content Type.

This Flexible Content Item has a few more fields than a typical Flexible Content Item Story 1-up.  This allows you to really feature a story and add extra links and text to it.

Here we see the fields available: Heading, Introduction, CTA, story, story title (this is something like Academic Excellence, to help promote certain categories), quote alignment, a The Details section that helps you provide more links and additional text to further enhance this content item.

Here are how all these fields look in the display:

 

Back to Top ^

 

Filed under: Drupal CMS Intermediate and Advanced Tags: by Juliana Perry

Comments are closed.