Moodle theming

Just a few notes from Moodleman Julian Ridden’s workshop on theming at the recent Moodlemoot.

Why might one need to create a Moodle theme?

  • to meet brand requirements
  • to match an existing site
  • to present a more engaging design for your particular audience – engaging content eg in schools, or a more corporate look
  • establish a unique look and feel for your site – to stand out
  • don’t want the standard β€œVLE” look, eg for a Moodle used as a collaborative workspace

It is best not to use Dreamweaver to design pages – creating a proper theme is the way to go. By installing Moodle on your laptop/desktop and editing the theme files there, when you are satisfied with the local build and it’s been tested locally, you can upload it to the server.

Useful tools:

Start small – edit an existing theme
Create a new theme using standard style sheets
Or start with a theme that is similar to your need and hack it

The files that are edited when producing a theme are:

php files
config.php
styles.php
docstyles.php
meta.php

html files
header.html
footer.html
readme.html

css files
styles_layout.css
styes_fonts.css
styles_color.css

Other files
favicon.ico
screenshot.jpg

After this I got a bit lost so I need to revisit the presentation and Julian’s helpful files – everything is explained by Moodleman himself here