• Template Documentation

Template Configuration

  • The Template Configuration Window is where you can preview the template and configure many of the settings and features.

     

    Accessing the Template Configuration Window (TCW)

    Click Configure › Sites › the site you want to edit › Advanced › Change › click on the template thumbnail in the upper left corner › choose the appropriate template

     

    Using the TCW

    • Within the TCW, you will see multiple accordion bars in the left column
    • Within each bar are areas where you can make changes, insert URLs, apply logos, etc
    • Enter the appropriate information and then click Save & Preview to view your changes
    • To publish updates you have made, click Publish & Exit
    • If you are an existing Blackboard client and are not yet ready to go public with your new template, do NOT click Publish & Exit, as that will apply the new template to your website
    • If you want to make changes after the new template is live, you can still click Save & Preview to preview your changes, but then you can also click Publish & Exit to make your changes live

     

    Unexpected Character Error

    Some characters are not accepted in the TCW. We suggest you add one URL at a time and click save and preview during setup to ensure URLs are accepted. If you receive an error message, use tinyurl.com/app to create a simplified url for your link destination.

     

    Setting Colors

    Each template comes with varying levels of configuration. As a rule of thumb, if a particular area has a color, then that color can be changed. There are some circumstances, however, where white or light gray areas are not configurable. This has been done intentionally as part of the overall design aesthetic. We suggest that you preview the template before licensing to ensure it will be a perfect fit for your organization. 

Template Resources | Files & Folders

  • Uploading imagery/graphics to a folder will make them available for application in the Template Configuration Window.

     

    Accessing Files & Folders

    Click Configure › Templates › Files & Folders › Site Files

    • Here you will see the folders that pertain to your template assets
    • Find resources for custom icons, stock photography, photo editing and color schemes here
       

    Custom Icons

    Icon Dimensions: 60PX width x 60PX height

    • Icons need to be PNG’s with a transparent background, and sized to the correct dimensions prior to upload
    • The color of the icon should be the desired color you would like on the site since custom icons are not color changing
    • Upload your icons into the Icons folder (This folder is built by the system and will already be in place for you)
       

    Logos

    Logo (Only) Dimensions: Max width of 400PX x flexible height

    Logo (+ Site Name/Tagline) Dimensions: Max width of 200PX x flexible height

    • Logos need to be PNG’s with a transparent background, and sized to the correct dimensions prior to upload
    • Upload your logos into the Logos folder (Create a Logos folder under Site Files > Images if this folder does not already exist)
       

    Region E Accent Image

    Accent Image Dimensions: 1500PX width x 750px height

    • Background images need to be JPG’s and sized to the correct dimensions prior to upload
    • Upload your background images into the background images folder (Create a Background Images folder under Site Files > Images if this folder does not already exist)


    Background Images (Small Multimedia Gallery & Region C and G)

    Small Multimedia Gallery Background Image Dimensions: 1500PX width x 547PX height

    Region C Background Image Dimensions: 1500PX width x 750PX height

    Region G Background Image Dimensions: 1200px width x 1200px height

    • Background images need to be JPG’s and sized to the correct dimensions prior to upload
    • Upload your background images into the background images folder (Create a Background-Images folder under Site Files > Images if this folder does not already exist)

     

Homepage Content & Apps

  • This is the recommended app placement based on the homepage region map

    Region A | Site Shortcuts App (only)

    • This region displays in the upper right corner of the channel bar and is used as a quick links dropdown
    • The name of the dropdown is determined by the app name 
    • Be sure to select "Show the app name on my page" under App Options
    • This region is optional and may be hidden by removing content apps

    Region B | Multimedia Gallery App (only)

    Photo Dimensions: 1500PX width x 713PX height

    • Photo dimensions are the same for both the small and large Multimedia Gallery
    • Need assistance? Our Creative Services Image Editor makes cropping and sizing photos easy!

     

    Region C | Any App

    Headline Accent Image Dimensions: 355PX width x 230PX height

    • Headlines, Upcoming Events and Announcements go into a Content Slider
    • Content in this region displays horizontally

     

    Region D | Any App

    Headline Accent Image Dimensions: 355PX width x 230PX height

    • Headlines, Upcoming Events and Announcements go into a Content Slider
    • Content in this region displays horizontally

     

    Region E | Any App (Accent Image Region | Use One App Only)

    Headline Accent Image Dimensions: 768PX width x 572PX height

    • Accent image is required in this region (see Region E Accent Image under Template Resources | Files & Folders (above) for file specifications and upload information)
    • Due to space limitations, it's recommended that only one app be placed in this region
    • This region is optional and may be hidden by removing content apps
    • Content in this region displays vertically

     

    Region F | Any App

    • Content in this region displays vertically

     

    Region G | Any App

    • Background image is optional and may be hidden by making the background opacity 100% in the TCW
    • Content in this region displays vertically

     

  • Notable Features


    Eclipse is designed with these Interactive Elements built in:

    • Multimedia Gallery (small or large)
    • Color Configurability 
    • Content Slider 


    Maximum number of global icons

    12


    Font Information: 

    • Body copy is size 18
    • Fonts used are Open Sans and Karla

  • App Names

    To turn on an app name:

    • Click on the app

    • Click the Options banner and check the box that says “Show the app name on my page”

  • Contact Info

    To add or edit the address, phone, fax or email in the footer:

    • Click Configure › Sites › the site you want to edit › Contact

    • Add/edit the information and then hit Save

  • Publishing a New Template

    New Blackboard Clients:

    • To publish your new template on your incubation site, go into each site’s Template Configuration Window and click the Publish and Exit button

    • When you are ready to go public with your new website, follow the instructions listed here


    Existing Blackboard Clients:


    • To publish your new template on your live site, go into each site’s Template Configuration Window and click the Publish and Exit button

    • Once your new template has been published, you may need to visit the content on each site’s homepage to reorganize apps as necessary. You can accomplish this by clicking and dragging apps from one region to another.

  • WCM Support

    The normal operating hours for Web Community Manager support are 8:00 AM - 8:00 PM EST Monday – Friday:

    • wcmsupport@blackboard.com 
    • 855.742.5952

  • Help Materials

    The Blackboard Help Center contains a wealth of information and help materials. You can find resources for Web Community Manager here.