Tips and Tricks

Get the most out of your Open Course Hub!

Editing site content on your desktop

You can use the GitHub Desktop application with either GitLab or GitHub to clone and edit your Open Course Hub pages on your own computer:

Customizing your Course Hub theme

The Open Course Hub skeleton package comes with an Inherited Theme called 'mytheme' all ready for your further customization.

In addition, this theme is also automatically synced to the Git repository of your site. This means that you can invite other people, such as fellow educators or your students, to assist in the further customization of your site.

URL Parameters (e.g. for embedding pages)

When displaying Open Course Hub pages within another system (e.g. LMS) it is often helpful to only display page content and not include header navigation and the sidebar.

To support this use of Open Course Hub, a number of URL parameters are available:

  • chromeless
  • embedded
  • hidepagetitle
  • hideheaderimage
  • summaryonly

Chromeless Parameter
The chromeless:true URL parameter will display a page without global navigation elements. For example,

Embedded Parameter
An alias for 'chromeless', for example embedded:true is the same as chromeless:true. For example,

HidePageTitle Parameter
The addition of the hidepagetitle:true URL parameter will display a 'chromeless' page without it's title. For example,

HideHeaderImage Parameter
The addition of the hideheaderimage:true URL parameter will display a page without it's header image. For example,

Summary Only Parameter
The addition of the summaryonly:true URL parameter will display the summary of a 'chromeless' blog page. For example,

Making a homepage blog post 'sticky'

To make a blog post precede all other blog posts listed, add a featured tag to it's taxonomy field (located on the Options panel when editing a page in the Admin Panel). The frontmatter that is added to the page will look like this:

        - featured
Hiding a post from the homepage post list

To hide a blog post from the homepage post list, but still make it available on other pages, add the following page frontmatter option:

hide_from_post_list: true
Override a page's automatic Git Repository URL

To override the automatically calculated Git Repository URL on a page (i.e. to view a folder containing child pages), add the desired URL to the page frontmatter like this:

Built-in ShortCodes


This ShortCode embeds an iFrame.

[iframe url=""]
[iframe url="" aspectratio="4by3"] (default)
[iframe url="" aspectratio="16by9"]

This ShortCode embeds an card Webpage preview.

[embedly url=""]

Example (image)


This ShortCode embeds an H5P content item.

[h5p id="712"]
[h5p url=""]

When using the [h5p id=""] format the H5P Content Embed Source URL must be set in the Active Theme settings.

Example (image)


This shortcode embeds a Swipe slidedeck.

[swipe id="97940k6h8r7cnfw"]

Example (image)

Notice an error? Think you can improve this documentation? Edit this Page