{"id":1158,"date":"2022-02-07T13:22:07","date_gmt":"2022-02-07T18:22:07","guid":{"rendered":"https:\/\/carleton.ca\/cms-help\/?page_id=1158"},"modified":"2022-03-03T09:14:09","modified_gmt":"2022-03-03T14:14:09","slug":"hosted-images","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-2-media\/hosted-images\/","title":{"rendered":"Hosted Images"},"content":{"rendered":"

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.<\/p>\n

Step-by-Step<\/h2>\n

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

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

        Video Tutorial<\/h2>\n