Setup

All the code and step-by-step instructions you’ll need to customize your course content. Just copy and paste!

Tips & Tricks

Find practical insights and clever solutions to help you make the most of all that Themepack has to offer.

Utilizing Templates

Not sure where to start? Streamline your course creation process by leveraging pre-made templates. A solid foundation, structured content and customizable elements, templates allow you to quickly and easily develop engaging and effective courses tailored to your needs.


How to Use Templates:

  1. Go to the templates page to browse through options
  2. Once you've chosen a template, copy the code and paste the supplied code
  3. Customize away!

Page Titles

Whenever possible, match your page title with the H1 content. This alignment helps ensure consistency, providing users with a clear and cohesive experience. You can see an example of this practice below:


Matching Your Title and H1

Match the <title> element to the <h1> element in your code.

Find the <title> tag within the document <head> and the <h1> within the <header> tag.

Make the Most of Widgets

While most widgets were created with a specific purpose in mind, many can be used for a variety of objectives. Unleash your creativity by experimenting with different widgets to enhance functionality and user experience. By thoughtfully integrating a variety of widgets, you can create dynamic, interactive, and engaging courses to provide a richer, more personalized experience.


Widget Inspiration

Accordion
  1. FAQs
  2. Course objectives or assignment details
  3. Digestible content sections

Assignments
  1. Additional resources
  2. Reading highlights & links to those pages or chapters
  3. CLOs or course link shortcuts

Border
  1. Featured content or important announcements
  2. Key takeaways or learning objectives
  3. Adding extra highlight to a blockquote

Flip Cards
  1. Flash cards for quiz content
  2. Photos and expanded descriptions
  3. Contact cards or course resources
Tables
  1. Course agenda or weekly assignments
  2. Historical event timelines
  3. Chapter summaries
  4. Resource lists
  5. Grading rubrics

Tabs
  1. Module or week breakdown
  2. Study materials & resources
  3. FAQs or instructions
  4. Course policies
  5. Interactive activities

Vocab Cards
  1. Glossary of terms or language translations
  2. Concept reviews and quiz prep
  3. Weekly updates and assignments
  4. Learning objectives and course goals

Adding Custom Styles

There is always opportunity to introduce custom styles to your course theme. However, whenever possible, avoid adding inline styles directly to your html. Instead, communicate your custom style vision to the web design team, and they will implement it using a CSS stylesheet. This helps keep your code clean, maintainable, and scalable – ensuring a professional and polished appearance.