Updated in 2016 for Moodle 2.9 - 3.0 !

MoodleBites Theme Design

Important note 1: You must have a local Moodle testing site to undertake this course (or have Administrator access to your Moodle site). The first week of this course does include help on how to install a local testing site on your own PC or laptop (Windows, Mac OSX, and Ubuntu linux).

Important note 2: You must be able to work with Firefox or Chrome. Other browsers such as Internet Explorer and Safari do not have the range of add-in extensions (plugin tools) that we will be using in this course.

The MoodleBites for Theme Design course is facilitated and 5 weeks in duration (with an optional and additional self-study week) and is perfect for designers and administrators who know the basics of Moodle, enjoy graphic design and web design, and wish to adapt and develop a customised Moodle Theme for their site. Each week contains approximately 3-5 hours work, although this varies greatly depending on your experience with Moodle and Themes, and how much extension work you wish to complete smile

This course comprises 5 weeks which are facilitated, and an optional self-study week at the end for those you want to explore some additional technical areas.

Designed for existing Moodle users and web designers using Moodle 2.9 or higher.

This course includes HTML, CSS, and PHP coding examples and tasks.

This course is NOT suitable for new Moodle users and is intended for Administrators wanting to develop a Theme for their own site.

  • Lead facilitator for MoodleBites for Theme Designers is Richard Jones (senior e-learning consultant and Theme developer with HRDNZ (Moodle Partner), and co-facilitated by at least one other MCCC and experienced international Moodler

The fee for MoodleBites Theme Design is USD $399+GST per person.

If you book two people at the same time we discount BOTH to a special rate of USD $349 (save $100!)

Places are limited - so book early! (NZ domestic $449+GST)

This fee includes credit card fees and currency exchanges fees - there are no hidden charges.

If you wish to translate this value to your local currency please visit: http://www.xe.com/

All invoices outside of New Zealand are in US Dollars (USD$), Euro invoices available by special request.

You can register for this course using the "Register Now" link on the Front Page.

The MoodleBites Theme Design course runs just twice each year starting on the following dates;

  • 1st April
  • 1st October

The course includes:

  • HD (high-definition) multimedia tutorials
  • Actively supported discussion Forums
  • Practical coding examples
  • FAQ's and glossaries
  • Individual practice exercises
  • Optional group activities
  • Tips and tricks
  • Selected relevant links
  • Recommended free and open source software
  • Quizzes and self-test questions
  • Selected articles relating to CSS web design
  • Recommended further reading
  • "Certification of Completion" from HRDNZ (Moodle Partner)
  • Open Badge on completion
    MoodleBites for Theme Designers badge

OpenBadges logo

MoodleBites Theme Design is unique for a number of reasons:

  1. It has a focus on creating accessible professional Moodle Themes.
  2. The course development team is international and MoodleBites Theme Design has been written to be accessible for speakers of English as a second or other language.
  3. Designed to run well even over slow internet connections and on older computers.
  4. Mobile friendly course design.

Course content outline

  • Week 1, Customising standard Moodle Themes
    Moodle has a powerful themes system. This course introduces Moodle themes and explains how they can be quickly customised to produce an appropriate look and feel with a minimum of fuss. It also explains how to set up an environment suitable for theme development.
  • Week 2, Introduction to CSS and how Themes work
    Moodle Themes are created using cascading style sheets (CSS). Responsive Moodle Themes use Bootstrap, the most popular framework for developing responsive web sites. To effectively customise Themes it is vital to understand how these work, and how to change them. This course introduces the basics of working with CSS, HTML, PHP and Bootstrap. It also demonstrates how to develop a new theme using an existing theme as a starting point.
  • Week 3, Creating your first Theme
    This course introduces accessibility to ensure the main elements of a theme such as colours, fonts and backgrounds are styled appropriately. It also builds on the CSS work of the previous course to move and hide some theme elements.
  • Week 4, Fonts, sizes, colours and backgrounds
    This course continues to explore CSS to style a theme. It also explores the complex task of testing to ensure a customised theme displays appropriately.
  • Week 5, Layouts
    This course introduces images, creation of a custom favicon and overriding the default Moodle icon scheme to add some finishing touches to a basic Moodle theme.
  • Week 6, (optional self-study advanced topics)
    This unsupported course introduces further techniques such as altering the layouts, managing block areas, adding theme settings, and overriding renderers..

    * This outline is subject to change as Moodle changes and we update the content.

    Last modified: Thursday, 28 July 2016, 12:49 PM