Hosted Images are banner and thumbnail images that you can easily use on any 杏吧原创 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 杏吧原创 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 耻苍诲别谤听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 耻苍诲别谤听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 耻苍诲别谤听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 补苍诲听List News.
  8. 颁丑别肠办听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: ,
Short URL: /cms-help/?p=1158