Concepts

We recommend reviewing the following pages to understand what these elements are and how they are used in a theme:

Guidelines

In this section, we outline what type of theme change we support and do not support.

Supported Basic Theme Changes

Supported Advanced Theme Changes

Best Practices

Our recommendations to consider when building a learning site design

Preparation

  1. Prepare a mockup of your desired site with responsive HTML (preferred) or in photoshop 
  2. Prepare the assets needed to build the theme

    (tick)ResourceSize (Pixels W x H)FormatNotesExampleExample of placement on site

    Company Logo (Website)600 x 150PNGTransparent logo requested


    Email Header Image600 x 100PNG

    This image is used as a header for emails that are sent out of the Learndot

    Course Banner (default)1200 x 400PNG


    Course Logo (default)200 x 200PNG


    Course Banner (Per Learning Component Type)1200 x 400PNG


    Course Logo (Per Learning Component Type)200 x 200PNG


    Course Banner (unique per course if desired)1200 x 400PNG


    Course Logo (unique per course if desired)200 x 200PNG


    Company Logo (Learner UI)
    PNGOften similar to website company logo but with different dimensions, transparent logo requested


    Favicon16 x 16 / 32 x 32PNGSkin.Favicon


    Learner UI Banner1200 x 400PNG


    Default User Profile Picture200 x 200PNG


    Proof of Completion1101 x 779PNG

    This is used for proof of completions generated and emailed to users.


Process

  1. Add the Header and Footer HTML and Javascript into the Header and Footer blurbs
    1. Header Blurb (pageHeader)
    2. Footer Blurb (pageFooter)
  2. Review the default pages of the site, and choose which you wish to use:
    1. LDE Testing Matrix (Sample) - https://docs.google.com/spreadsheets/d/1pSbGGzC3nrm07NlUEsPGgBOMgOK6-HqaF6gcaptIZ6E/edit#gid=1133094066
  3. Adjust the page layouts using the inbuilt templates, our services team are available to work with you if you would like a new templates 
  4. Build any new Custom pages (often a landing page - note that we ONLY support static HTML on custom pages, not dynamic content)
  5. Upload the images as the default (and/or specific courses) Logos and Banners
  6. Set the Learner UI banner and Default User profile picture in Setup → Skin → Learner UI