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
  • hidepagetitle
  • summaryonly

Chromeless Parameter
The chromeless:true URL parameter will display a page without global navigation elements. For example, http://demo.hibbittsdesign.org/grav-course-hub/resources/chromeless:true

HidePageTitle Parameter
The addition of the hidepagetitle:true URL parameter will display a 'chromeless' page without it's title. For example, http://demo.hibbittsdesign.org/grav-course-hub/resources/chromeless:true/hidepagetitle:true

Summary Only Parameter
The addition of the summaryonly:true URL parameter will display the summary of a 'chromeless' blog page. For example, http://demo.hibbittsdesign.org/grav-course-hub/home/unit-01/chromeless:true/summaryonly:true

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:

taxonomy:
    tag:
        - 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:

git_sync_repo_link: https://github.com/hibbitts-design/grav-skeleton-course-hub/tree/master/pages/01.home
Built-in ShortCodes

Embed.ly

This ShortCode embeds an Embed.ly card Webpage preview.

[embedly url="http://getgrav.org"]

Example (image)

H5P

This ShortCode embeds an H5P content item.

[h5p id="712"]
[h5p url="https://h5p.org/h5p/embed/712"]

Example (image)

Swipe

This shortcode embeds a Swipe slidedeck.

[swipe id="97940k6h8r7cnfw"]

Example (image)

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