Homepage Banner - Carleton CMS Help Centre

Step-by-Step
Video Tutorial
1. Transcript
Try It Out!

Step-by-Step

Homepage Editor

To access the Homepage Editor from the back end of your site:

Click Homepage on the side menu
Hover over the Homepage, and click Edit

Note: We recommend that you always edit the current Homepage instead of adding a new one. If you create a new Homepage, you will need to contact Web Services to have it previewed and published.

This is an example of the Web Services homepage banner with a banner image, two banner buttons, a header, and small text.

Banner Text

By default, the banner text is your site title. However, you can customize the banner text by filling out the Banner Heading and Banner Small Text fields under the Homepage Banners tab.

Banner Image

You may not have permissions enabled to change the homepage banner. If you want to gain access to this option, please contact Web Services. If you just want to test out these options, you should have permission to do so on the CCMS Playground

Expand the Homepage Banners tab.
Under Banner Type, select Single Image.
You have the option to upload your own image, or use a hosted image.
1. If you select Hosted Image, insert the hosted banner name in the Banner Hosted Image field. For detailed instructions on how to use Hosted Images, visit Advanced Training Module 2: Hosted Images.
2. If you select Upload, click the Add Image button under the Banner Uploaded Image field.
Select the appropriate Banner Image Opacity to make sure your text is readable on the banner. Hosted banner images are already darkened.

Banner Buttons

Expand the Homepage Banners tab.
Under Banner Button, select Yes.
Under Banner Buttons, add the Button Text, which is the text that appears on the button, and a Button Link, which is the destination of the button.
To add another button, click Add Button. You can have up to 2 buttons on the Homepage banner.

Banner Slideshow

This is an example of a banner slideshow. To create a banner slideshow:

Under Banner Type, select Slideshow.
Toggle Slideshow Autoplay on or off.
Under Banner Slideshow, you can customize each banner on the slideshow. The steps are similar to customizing a single banner.
To add another banner to the slideshow, click Add Slideshow Item. You can have up to 5 banners on the slideshow.

Video Tutorial

Transcript

Module 5: Homepage Banner

Hello, and welcome back to Module 5 of the Basic CMS Training. This video will show you how to customize your homepage banner.

First, I will show you how to go to the homepage editor screen. Click on “Homepage” from your dashboard, and select the homepage you want to edit

As you expand the Homepage Banners tab, you will see several fields that you can fill in to customize your banner.

If I want my banner to display text that is different than the site name, I will insert the text that I want in the “Banner Heading” field. I can also add a small line of text that will appears directly above my banner heading.

To add or change the banner image, under “Banner Type”, select “Single Image”. Here, You will have the options to either use a hosted image, or upload your own. We will talk more about hosted image in Advanced Training Module 2. Now, I will upload my own image. To do this, I click on “Add Image”. Now I can upload my own image, or select one from the Media Library. If you‘re uploading your own image, don’t forget to adjust the banner image opacity so that your text is easy to read.

You can add up to 2 buttons on the banner. Simply click “Yes” under “Banner Button”, and you will be prompted to fill out a few fields to set up your button. You will need give your button some text, and a link. It can be a page, post, event, video, or an external link. You can add another button by clicking “Add Button”.

And, this is how our homepage banner looks on the front end.

Another cool thing you can do with your homepage banner is making it into a slideshow. Please be aware when you make this slideshow, though, that important information may be hidden from your audience, because not everyone scrolls through the slideshow.

Now here, you can toggle Autoplay on and off. You can also fill out the slideshow information as if you’re creating a single banner. You can add the banner text, image, and button. Repeat the same steps for the second slideshow item. If you want to add a slideshow item, click this button at the bottom corner. You can have up to 5 slideshow items.

Try It Out!

Now that you have learned how to customize your homepage banner, time to try it out!

Customize your banner text.
Add a banner image.
Add some banner buttons.

Next: Homepage Content

Posted in Basic Training, BM-5: Homepage Share: Twitter, Facebook
Short URL: https://carleton.ca/webservices/cms-help/?p=1604