Hosted Images are banner and thumbnail images that you can easily use on any Carleton CMS site, without having to upload them to your website’s Media Library. These images are generally ones that feature university-related subjects, such as the Carleton campus, students, and different subjects of study.

Step-by-Step

Banners

  1. To add a banner to your page, scroll down to the Page Options dropdown menu under the page editor.
  2. From this menu, select Hosted under Banner Image Type.
  3. To view all hosted images for banners, you can browse the CMS Hosted Banners website, which is also linked to in the text under Banner Hosted Image.
    1. Each of these images will have a title in its caption. Copy this title to your clipboard
  4. In the field under Banner Hosted Image, paste the image title of the image you’d like to use.
  5. Most hosted banners are already darkened to be able to display under white text, so changing the Banner Opacity will likely not be necessary when using a hosted image.
  6. Publish or Update your page.

Thumbnails

  1. To add a thumbnail to your post, scroll down to the Post Options dropdown menu under the post editor.
  2. Click the – Select – dropdown menu under Post Thumbnail Icon and select the image you would like to use from the listed titles.
  3. You can also preview and select your image by clicking the linked text that reads “preview and select one here”.
  4. Publish or Update your post

Video Tutorial

Transcript

Try It Out!

Test your Hosted Images skills by choosing a hosted banner for your page, and a hosted thumbnail for your post.

  1. Open your test page.
  2. Change the banner to a hosted banner of your choice.
  3. Save your page and preview it to see the banner.
  4. Create a test post.
  5. Change the thumbnail of your post to a hosted one.
  6. Categorize and publish your post.
  7. List your post on your test page using Add Post Element and List News.
  8. Check Display Thumbnails and then click Insert into Page.
  9. Save your page and preview it to see the post thumbnail
    1. Note: the thumbnail will only display if ALL posts in the listing have a custom thumbnail.

Next: Module 3

Share: Twitter, Facebook
Short URL: https://carleton.ca/cms-help/?p=1158