Instructors: Course Home pages

1. Edit:  Add or remove links from the navbar

Edit the navbar so just the links you use 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 select 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?" select 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 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, and 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. Click Save and Close to save the changes to your navbar.
Close

2. Add: Banner image to your course homepage

Add the course tile image (My Home Page) as a banner on your course homepage.

  1. Hover over the tile image of the course on your D2L home page (where the course tiles are listed).
  2. Select 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. Select 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.
Close

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

You can remove or change the randomly selected course image to better represent the course.

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

  1. Select 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 Image.image of course home page banner with banner dropdown menu open and options circled
  4. After selecting Change Image, find 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. Select 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. Select 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 the Browse button.

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

  5. Select My Computer.Image Of Add a File dialogue box with My Computer selected
  6. Click Upload (or drag and drop an image into the box and skip to step 9).
  7. Select the image on your computer.
  8. Click Open.
  9. Click Add.
  10. Click Save.
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 Announcements help page.

  1. Select the actions for announcements dropdown menu (inverted chevron).
  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. 
  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 the Course Admin and select HomepagesList olf links in Course Admin Homepages cirecled

     

  2. The active homepage is marked as default to the right. If the name of the homepage is clickable (blue text), click on it and skip to step 4. If not clickable (grey text), select the actions (inverted chevron) to the right of the homepage title. Select Copy to make a copy of the homepage. 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 your desired title.
  5. Click the Add Widget button in the column where you want to add the widget.Image of edit homepage options with Name and Add widgets button circled
    • 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. If you made a copy of the homepage, activate the homepage by clicking on the Active Homepage dropdown menu at the top of available homepages, selecting your new homepage, and clicking 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