Changing the "Hero Unit" - MCLConsortium/mcl-site GitHub Wiki

In Plone 5, the home page on a new site includes a hero unit or hero image (Plone prefers to call it a hero unit because it can contain text as well as images). Hero units serve to catch the eye and emphasize the most salient points or purpose of the site.

This document tells how to change the text in the Plone hero unit as well as how to disable it altogether

Removing the Hero Unit

In Plone 5, the hero unit is shown if the following condition is satisfied:

The displayed content on the home page has the object ID (short name) of "front-page".

To disable the hero unit, then, you just need to create a new content item called anything but "front-page":

  1. Visit the home page of the site and log in with an account that can create content.
  2. From the Plone controls, add a new Page.
  3. Fill in the title, description, body, and save it.
  4. Publish the new page.
  5. Click the "Display" item in the Plone controls.
  6. Choose "Select a content Item as default view" and click on the newly created page.

Alternatively, you can simply rename "front-page" to something else.

Changing the Hero Unit

Perhaps you like the looks of the hero unit and you want to change the text that appears there? That's easily accomplished.

The First Time

Do the following:

  1. Visit the home page of the site and log in with an account that can access the management interface.
  2. Click your name in the Plone controls and then Site Setup.
  3. Click "Management Interface".
  4. Click "portal_view_customizations".
  5. Click "hero", then click Customize
  6. Edit the HTML as needed for the new text, imagery, and so forth, then click Save.

Subsequent Times

Do the following:

  1. Visit the home page of the site and log in with an account that can access the management interface.
  2. Click your name in the Plone controls and then Site Setup.
  3. Click "Management Interface".
  4. Click "portal_view_customizations".
  5. Click the "Contents" tab.
  6. Click "zope.interface.interface-hero".
  7. Edit the HTML as needed for the new text, imagery, and so forth, then click Save.