Moodle-theme essential

Bootstrap based Moodle Theme

View project on GitHub

The “Essential” Moodle Theme

image1

Build Status

With 2.5 now released Julian thought it time to take the opportunity to build a new theme that would push the new theme engine to it’s limits a bit. With that in mind he introduced the new “Essential” theme. Now Julian has left us for Canvassian adventures, David and Gareth took over development and maintenance. And now David has left for pastures new, Gareth continues to maintain and make improvements.

The idea of this theme is to make the site look as little like Moodle as possible. In this specific instance, it would be used on sites where Moodle would potentially serve as a company homepage rather than just a course list.

Cool things to know about the theme.

  • It attempts to load as many as possible icons from a font
  • Most of what you think are “graphics” are actually the Awesome font
  • The slider on the front page is completely customisable through theme settings.
  • I am really trying to push what Bootstrap Grids can do. As such the theme is fully responsive.
  • The footer is all custom Moodle regions. This means blocks can be added.
  • The theme can use Google web fonts to give it that extra bit of shazam!
  • Social network icons appear at the top of the page dynamically based on theme settings.
  • The entire colour scheme can be modified with theme settings.

Developed and maintained by

Gareth J Barnard MSc. BSc(Hons)(Sndw). MBCS. CEng. CITP. PGCE. Moodle profile, Web profile.

Original Developer

Julian Ridden, Moodle profile, Web profile.

Previous Developer

David Bezemer, Moodle profile, Web profile.

Free Software

The Essential theme is ‘free’ software under the terms of the GNU GPLv3 License, please see ‘COPYING.txt’.

It can be obtained for free from: Moodle.org and GitHub.com.

You have all the rights granted to you by the GPLv3 license. If you are unsure about anything, then the FAQ - is a good place to look.

If you reuse any of the code then I kindly ask that you make reference to the theme.

If you make improvements or bug fixes then I would appreciate if you would send them back to me by forking from GitHub and doing a ‘Pull Request’ so that the rest of the Moodle community benefits.

Support

As Essential is licensed under the GNU GPLv3 License it comes with NO support. If you would like support from me (Gareth) then I’m happy to provide it for a fee. Please contact me via my ‘Moodle profile’ in ‘Developed and maintained by’ above. Otherwise, the ‘Themes’ forum is an alternative.

Sponsorships

This theme is provided to you for free, and if you want to express your gratitude for using this theme, please consider sponsoring by:

PayPal - Please contact me (Gareth) via my ‘Moodle profile’ in ‘Developed and maintained by’ above for details as I am an individual and therefore am unable to have ‘buy me now’ buttons under their terms.

Sponsorships help to facilitate maintenance and allow me to provide you with more and better features. Without your support the theme cannot be maintained.

Sponsors

Sponsorships gratefully received with thanks from: Mihai Bojonca - TCM International Institute, Guido Hornig - actXcellence, Delvon Forrester - Esparanza co uk, iZone, Anis Jradah and Ute Hlasek.

Essential for Moodle 3.3 kindly sponsored by

ClassroomRevolution - LLC – Moodle Partner, Daniel Méthot, Floyd Saner - Learning Context LLC, Gemma Lesterhuis and Mihai Bojonca - TCM International Institute

If you are a valued sponsor and have not already told me, please could you state if you would like a credit here and if so what would you like. Please contact via my ‘Moodle profile’ above.

Customisation

If you like this theme and would like me to customise it, transpose functionality to another theme, build a new theme from scratch or create a child theme then I offer competitive rates. Please contact me via my ‘Moodle profile’ in ‘Developed and maintained by’ above to discuss your requirements.

Required version of Moodle

This version works with Moodle 3.3beta+ version 2017050300.00 (Build: 20170503) and above within the 3.3 branch until the next release.

Please ensure that your hardware and software complies with ‘Requirements’ in ‘Installing Moodle’.

Installation

  1. Ensure you have the version of Moodle as stated above in ‘Required version of Moodle’. This is essential as the theme relies on underlying core code that is out of my control.
  2. Login as an administrator and put Moodle in ‘Maintenance Mode’ so that there are no users using it bar you as the administrator.
  3. Copy the extracted ‘essential’ folder to the ‘/theme/’ folder.
  4. Go to ‘Site administration’ -> ‘Notifications’ and follow standard the ‘plugin’ update notification.
  5. Select as the theme for the site.
  6. Put Moodle out of Maintenance Mode.

Upgrading

  1. Ensure you have the version of Moodle as stated above in ‘Required version of Moodle’. This is essential as the theme relies on underlying core code that is out of my control.
  2. Login as an administrator and put Moodle in ‘Maintenance Mode’ so that there are no users using it bar you as the administrator.
  3. Make a backup of your old ‘essential’ folder in ‘/theme/’ and then delete the folder.
  4. Copy the replacement extracted ‘essential’ folder to the ‘/theme/’ folder.
  5. Go to ‘Site administration’ -> ‘Notifications’ and follow standard the ‘plugin’ update notification.
  6. If automatic ‘Purge all caches’ appears not to work by lack of display etc. then perform a manual ‘Purge all caches’ under ‘Home -> Site administration -> Development -> Purge all caches’.
  7. Put Moodle out of Maintenance Mode.

Uninstallation

  1. Put Moodle in ‘Maintenance Mode’ so that there are no users using it bar you as the administrator.
  2. Change the theme to another theme of your choice.
  3. In ‘/theme/’ remove the folder ‘essential’.
  4. Put Moodle out of Maintenance Mode.

Downgrading

If for any reason you wish to downgrade to a previous version of the theme (unsupported) then this procedure will inform you of how to do so:

  1. Ensure that you have a copy of the existing and older replacement theme files.
  2. Put Moodle into ‘Maintenance mode’ under ‘Home -> Administration -> Site administration -> Server -> Maintenance mode’, so that there are no users using it bar you as the administrator.
  3. Switch to a core theme, ‘Clean’ for example, under ‘Home -> Administration -> Site administration -> Appearance -> Themes -> Theme selector -> Default’.
  4. In ‘/theme/’ remove the folder ‘essential’ i.e. ALL of the contents - this is VITAL.
  5. Put in the replacement ‘essential’ folder into ‘/theme/’.
  6. In the database, remove the row with the ‘plugin’ of ‘theme_essential’ and ‘name’ of ‘version’ in the ‘config_plugins’ table, then in the ‘config’ table find the ‘name’ with the value ‘allversionhash’ and clear its ‘value’ field. Perform a ‘Purge all caches’ under ‘Home -> Site administration -> Development -> Purge all caches’.
  7. Go back in as an administrator and follow standard the ‘plugin’ update notification. If needed, go to ‘Site administration’ -> ‘Notifications’ if this does not happen.
  8. Switch the theme back to ‘Essential’ under ‘Home -> Administration -> Site administration -> Appearance -> Themes -> Theme selector -> Default’.
  9. Put Moodle out of ‘Maintenance mode’ under ‘Home -> Administration -> Site administration -> Server -> Maintenance mode’.

CSlider

The original version of Essential used ‘CSlider’.

It has been removed because of licencing issues: ‘Check license of cslider if used again’.

Please do not request that it be put back. The licence that CSlider has is incompatible with GPLv3 and therefore cannot be a part of or redistributed with the theme.

Videos and FitVids

Essential uses FitVids.js - fitvidsjs.com - to make embedded videos responsive. If you do not want this feature for a particular video, then please add the class ‘fitvidsignore’ to the video element.

Category course title image in a course

If you wish to override the category course title image in a course when this is enabled, then edit the course summary in the course settings and add an image. Then edit in HTML mode, remove the surrounding ‘p’ tags and ‘br’ tag, then remove the ‘style’, ‘width’ and ‘height’ attributes and any ‘classes’ added by the text editor on the ‘img’ tag. Then add the class ‘categorycti’. To specifiy the height (px) and the contained title text colour, background colour and opacity, use the following attributes: ‘ctih’, ‘ctit’, ‘ctib’ and ctio respectively, for example:

<img src="mymoodleinstall.mr/pluginfile.php/493/course/section/237/myimage.jpg" alt="Replacement image" class="categorycti"
 ctih="250" ctit="#afafaf" ctib="#222222" ctio="0.5">

This image will not be shown in the summary itself when viewing the list of courses.

Reporting issues

Before reporting an issue, please ensure that you are running the latest version for your release of Moodle. It is essential that you are operating the required version of Moodle as stated at the top - this is because the theme relies on core functionality that is out of its control.

When reporting an issue you can post in the theme’s forum on Moodle.org or check the issue list ‘GitHub’ and if the problem does not exist, create an issue.

It is essential that you provide as much information as possible, the critical information being the contents of the theme’s ‘version.php’ file. Other version information such as specific Moodle version, theme name and version also helps. A screen shot can be really useful in visualising the issue along with any files you consider to be relevant.

History

Please look in CHANGES.txt.

See the theme in Action

A video showing many of the core features is available for viewing at ‘What is Essential’.

Documentation

As always, documentation is a work in progress. Available documentation is available at ‘Moodle docs’ If you have questions you can post them in the issue tracker at ‘GitHub’.