Banners
Content Creators can create a site Banner with captions and a link. There can be multiple static banners that change every time the page is refreshed or they can be displayed as a slide show of up to 5 images. For properly displayed banner, the recommended image dimensions are 1140 x 292.
Creating a Banner Image
On the Administration bar, navigate to
Add Content
>Banner
.Once selected, the folowing page will appear.
Enter the required information: 1. Title 2. Category 3. Headline: The main text attached to the image of the banner. 4. Headline Link: Used to hyperlink the headline text. The headline link can link to any URL. If the link is internal, please use a relative path. The headline link is mandatory. 5. Image: Choose the image that you would like to upload as the banner. Then select
Upload
. 6. Alt Text: You must enter Alt text describing the image if it is non-decorative. 7. Summary (Optional): Appears below the headline of the banner image. 8. Keywords (Optional): Like tags, keywords are a filtering mechanism.Select the order in which you would like this banner image to appear (random order by default, 0 = first, 1 = second).
Once the above steps are completed, select
Save
.
Editing a Banner Image
On the Administration bar, select
Find Content
.Filter the content by "Banner" using the "type" dropdown menu.
On the desired banner, select
edit
.Make the required changes.
Once the above steps are completed, select
Save
.
Removing a Banner Image
On the Administration bar, select
Find Content
.Filter the content by "Banner" using the "type" dropdown menu.
On the desired banner, select
delete
. !IMPORTANT!: Ensure that you are removing the correct banner image.
Displaying a Banner
/! Note: Only Web Managers/Site Owners can configure & display banners.
On the Administration bar, select
Structure
.Select
Blocks
.Locate the "View: B1 - Image slider (Banner): Block - Autoplay" display.
Select
configure
.After selecting
configure
, the banner block configure page will open.Select "Top Bar" in the drop-down menu under "Region Settings".
Under "Show block on specific pages" in the "Visibility Settings" section, you can choose the following display options:
all pages except those listed: The block will be displayed on all pages of the website EXCEPT for those listed in the field below.
only the listed pages": The block will ONLY be displayed on the pages of the website listed in the field below.
Once the above steps are complete, select
Save Block
.
To Display The Banner On The Front/Home Page Only
On the Administration bar, select
Structure
.Select
Blocks
.Locate the "View: B1 - Image slider (Banner): Block - Autoplay" display.
Select
configure
.After selecting
configure
, the banner block configure page will open.Select "Top Bar" in the drop-down menu under "Region Settings".
Under "Show block on specific pages" select "only the listed pages".
In the text field below, enter
<front>
.Once the above steps are complete, select "Save Block".
Filtering Banner Images by Category on Specific Pages
By following the steps below, you can create a banner slideshow that is (a) filtered by a specific category and will (b) only show on specific pages.
Creating a Banner Category 1. On the Administration bar, select
Structure
. 2. SelectTaxonomy
. 3. Locate "Banner Category" and selectadd terms
. 4. Add a term to identify each unique slideshow (eg. Front Page). 5. Enter a description if needed. 6. SelectSave
. 7. After selecting save, take note of the term ID associated with your new term (you can find this is the URL when you edit the term after creating one and clicking the edit button). Write it down or remember it for later. 8. Navigate to each banner that you want to show in this slideshow and set its category to match the one you just created. For steps on how to do this follow the Editing a Banner Image section.Place your Mini Panel 1. On the Administration bar, select
Structure
. 2. SelectBlocks
. 3. Locate the minipanel you just created, selectConfigure
. 4. UnderUG Cornerstone Theme (default theme)
select top bar. 5. Configure which pages you would like to display your banner on by adding their paths to and selectingOnly the listed pages
or select the pages you do not want to display the banner by adding their paths and selectingAll pages except those listed
. 6. To add the banner to the front page, add<Front>
and selectOnly the listed pages
. 6. SelectSave Blocks
.
Banner Block Spacing Issue
Last updated