Instructors: Course Home pages

1. Edit:  Add or remove links from the navbar

For easier navigation for students, edit the navbar so just the links that are needed are present.

The navbar can be edited at any time and doesn't have to be "set" prior to the start of a course.

  1. Hover over the navbar and click on the menu to the right (box with three dots).
  2. Select Customize This Navbar.image of edit nav bar dropdown menu with Customize this navbar circled
  3. If the dialog box appears asking "Create a Copy?" click on the Yes! I'll work with a copy of the navbar button.  If this box does not appear continue with the next steps.image of dialogue box asking if a copy should be made with yes circled

     

  4. Edit the Name of the navbar
  5. To remove links on the navbar: hover over the link you want to remove and click the Ximage of edit navgar page with x on a link circcled to remove the link from navbar
  6. To change the order of the links, click on a link and drag it to a different position on the navbar.

    imgage of edit navbar page with a link being dragged from one postions to another.

     

  7. To add a link to the navbar: click the Add Links button, select the link you wish to add from the list, click the Add button.image of edit nav bar page with add links button circledimage of list of available links with the Groups link checked and the add button circled

     

  8. The "theme" determines the logo that appears at the top left of your navbar. To change it, click on Change theme.image of edit navbar page with change theme button circled
  9. Select a theme from the available themesimage of edit navbar page with list of available themes, one selected, update button circled

     

  10. Click Update
  11. Click Save and Close to save the changes to your navbar.
Close

2. Add: The course image to your course homepage

You can add the tile image as the course home banner on the course homepage

By adding the banner, you can add some color to the course homepage.

  1. Hover over the tile image of the course on your D2L home page (where the course tiles are listed).
  2. Click on the menu (box with three dots).
  3. Select Course Offering Information.Image of context menu of a course tile with Course Offering Information circled

     

  4. Scroll down to the section that says Homepage Banner
  5. Click on the checkbox "Display the image in a banner on the course homepage".Image of course offerinf information page with display image as banner checkbox circled

     

  6. Click Save.

    To remove or change a banner, please go to the next section.
Close

3. Change: Remove or select a different image for your course banner

D2L places a random banner on your course home page. You can remove or change it to better represent the course

Option I:  Remove the banner or select a new one from the existing bank of images

  1. Click on the dropdown settings menu on the far right of the image (box with three dots)
  2. To remove the banner altogether, select Remove this Banner
  3. To change the image, select Change Imageimage of course home page banner with banner dropdown menu open and options circled
  4. After selecting Change Image, select an image from the image bank by entering a search term and clicking the search icon.image of search box for searching for images in the image bank, search icon circled

     

  5. Click on the Use this Image button on the banner you would like to use.image of results of search for new course banner with a image selected and circled

     

Option II: Upload a banner from your computer

  1. Click on the dropdown settings menu on the far right of the image (box with three dots).
  2. Click Change Image.image of course home page banner with banner dropdown menu open and options circled
  3. Click Upload.image of change image page with Upload circled
  4. On the next page scroll down to the Course Image section and click on the Browse button.

    Note: The recommended image size is 2400 x 900 pixels.

  5. Click on My Computer.Image Of Add a File dialogue box with My Computer selected
  6. Click on the Upload button (or drag and drop an image into the box and skip to step 9).
  7. Select the image on your computer.
  8. Click the Open button.
  9. Click the Add button.
  10. Click the Save button.
Close

4. Post:  Place an announcement on your course home page

Steps to put an announcement on your home page

These steps explain how to quickly place an announcement on your home page. More detail about using announcements is located on the Announcement help page

  1. Click on the actions for announcements dropdown menu (click on the inverted chevron to the right of the word Announcements).
  2. Select New Announcement.Image of course home page with the announcment dropdown menu open and New announcment circled.

     

  3. Enter a title for the announcement in the Headline box.
  4. Enter the announcement text in the Content box.  You can format text, add links and add images using the html editor.  These are the minimum settings needed to post an announcement
  5. Click Publish to post the announcement.image of the new announcement screen with the headline box, content box and publishe button circled

     

Close

5. Access: Add or remove a widget on the course homepage

Steps to edit an existing homepage.

Each course homepage is made up of the navbar, the banner (optional), and widgets. You can add and remove widgets on the home page to customize it.

  1. Go to Course Admin and select HomepagesList olf links in Course Admin Homepages cirecled

     

  2. Click on the inverted triangle to the right of the homepage you want to edit and select Copy to make a copy of the homepage.  The active homepage is marked as default to the right.  You only need to make a copy of the homepage if homepage name is not a link (in blue).  Most courses are using the system default homepage and a copy must be made.image of context menu of a homepage with the copy option circled

     

  3. Click on the copy of the homepage (Same name as the homepage you made a copy of with - Copy appended.image of a copied home page title with word copy appended

     

  4. Edit the course name to something that makes sense to you (add a description if you like)
  5. Click on the Add Widget button in the column to which you want to add the widget.Image of edit homepage options with Name and Add widgets button circled

    5.a. To remove a widget hover over the widget and click the X at the top right.  Go to step 7.

    Image of Edit homepage screen with a widget  with the x in at the top right cirecled
  6. Select the widget you want to add by checking the box to the left of it and clicking the Add button.List of available widgets with the selected one circled and the Add button circled

     

  7. Click the Save and Close button
  8. Activate the homepage (if you made a copy of the homepage to add the widget) by clicking on the Active Homepage dropdown menu at the top of available homepages, select the homepage, and click the Apply button.Image of Active homepage menu with  a homepage circled and the apply button circled.
Close

6. Create: Custom widgets 

Create a custom widget for your course home page.

  1. Go to Course Admin and select WidgetsCourse Admin screen with Widgets link circled in red.

     

  2. Select Create Widget.  Widgets screen with Create Widget button circled in red.

     

  3. Give the widget a Name.
  4. Click ContentEdit Widget screen with the Content tab circled in red.

     

  5. In the HTML Editor, add what you want to the widget - this can include text, video, images, and links. 
  6. Click Save and Close.

 

    Close

     

    7. Edit: Custom widgets

    Edit an existing widget for your course home page.

    Note: you can only edit custom widgets, not system widgets created by D2L.

    1. Go to Course Admin and select Widgets.  Course Admin screen with Widgets link circled in red.
    2. Click the pencil icon (Edit) next to the widget you want to edit. Widgets screen with a red arrow pointing to the pencil icon (Edit) next to a widget.

       

    3. Click ContentEdit Widget screen with the Content tab circled in red.
    4. Make desired changes.
    5. Click Save and Close.
    Close

     

    8. Create: Design your own homepage

    Steps to create a new course home page.

    Each course homepage is made up of the navbar, the banner (optional), and widgets. You can create a custom home page with your own widgets and layout.

    1. Go to Course Admin and select HomepagesCircled Homepages option in Course Admin.

       

    2. Select Create HomepageCreate Homepage button circled.

       

    3. Give the homepage a Name.
    4. If you want to update the layout, select Change Layout and pick one of the options. Click Update.
    5. Add Widgets to the different panels below. You can adjust their position at any time, by clicking and dragging from one panel to another. Arrows pointing to the Add Widgets buttons.

       

    6. Save and Close.
    7. To use the new homepage, select it from the dropdown beneath Active Homepage, and click ApplyDropdown menu to apply new homepage.

       

    Close

    Back to Top