What constitudes a good theme for Moodle 2.5?

What constitudes a good theme for Moodle 2.5?

by Mari Cruz García -
Number of replies: 7

Hello,

I have been asked to create a corporate Moodle theme for our new LMS, based on the corporate CSS of our website:  http://medicine.dundee.ac.uk/

The lesson I learned from customising Moodle Themes is that the key aspects for a good Moodle theme are:

-Accesibility

-Responsive web design for mobile devices

-Loading times of webpages (fancy themes with a lot of javascript/AJAX tend to increase the loading times when I monitored it).

Do I miss any other key factor?

With those three key factors in mind, could you please suggest any good Moodle theme for Moodle 2.5?

 

Thank you very much for your advice

Average of ratings: -
In reply to Mari Cruz García

Re: What constitudes a good theme for Moodle 2.5?

by David Scotson -
Your website already has a passing resemblance to the Essential theme, so I'd have a look at that (it also does well on you three bullet points).

http://docs.moodle.org/25/en/Essential_theme

I think the author stated that he was planning to support 2.6 from now on, but if you're planning to put some effort towards this anyway then supporting Essential in 2.5 (at least until you upgrade) is probably do-able.
In reply to David Scotson

Re: What constitudes a good theme for Moodle 2.5?

by Mari Cruz García -

Thanks, David. I thought of using the 'Clean' theme as there seems to be praised by theme's cognoscenti smile

I have been reading the reviews about the theme and there is also a useful tutorial in the Moodle Dev documentation.

I have noticed that the coding has changed slightly for Moodle Themes from 2.2.4 to Moodle 2.5.

Styling is minimal in most of the themes and all the CSS can be now added through the Theme admin menu, which is an improvement.

There are two new elements in the config.php

$THEME->supportscssoptimisation = false;
$THEME->yuicssmodules = array();

I was trying to find information about them through Moodle.org, but I couldn't.

Can anybody please explain what are they for?

In reply to Mari Cruz García

Re: What constitudes a good theme for Moodle 2.5?

by David Scotson -

Clean is the base theme that Essential inherits from, so they share a lot, but Clean is more bare-bones, like the Base theme that many other themes inherit from.

Regarding your questions, the first "supportscssoptimisation" is related to an extra step of CSS minification. Moodle sometimes has CSS for the same things in two places, e.g. the size of an element might be set in the Base theme, then the color of the element set in the Standard theme and then all that CSS will be combined into one file. Moodle has a process that will search through your CSS and combine:

.example { width: 60%; }
... lots of other CSS ...
.example { color: red;}

into

.example { width: 60%; color: red;}

But this process had some issues with more advanced CSS (I think media queries confused it? Or pre-minified CSS?) so themes can opt-out of this step if it causes problems.

The second, "yuicssmodules" lets you opt out of including the YUI CSS if your theme doesn't need it. There's not much to the YUI CSS, most will be duplicated by any standard CSS framework you import. It also lets you avoid some bugs created by this CSS (e.g. MDL-27774, which is fixed in Clean and it's child themes, but not in Base/Standard etc.)

You can find these documented in the theme_config class here:

https://github.com/moodle/moodle/blob/master/lib/outputlib.php#L115

There used to be online docs for this (just the same info but presented better), but they seem out of date now and don't have the newer additions:

http://phpdocs.moodle.org/HEAD/core/lib/theme_config.html

In reply to Mari Cruz García

Re: What constitudes a good theme for Moodle 2.5?

by Mary Evans -

The first is related to CSS_optimiser as Bootstrap CSS is already optimised. So the setting is there to prevent it from being set via Admin settings.

The second is to prevent YUI CSS from loading when Clean theme is running. YUI CSS is what helps style Moodle standard (non-bootstrap) themes.

In reply to Mari Cruz García

Re: What constitudes a good theme for Moodle 2.5?

by Franc Pombal -

Hi Aaricia (Hola Mari Cruz) jajaja!

There are a few themes that can meet your needs (I suggest 'simple' or 'clean'), even if your institution have programming capability would probably be more appropriate to start with the basics (base, canvas, bootstrapbase)

I'm developing a new theme that I would like it in the way you indicate you. If you want we can share opinions on the matter

Regards

P.S.:¡Qué haces tan lejos chica!