Themes: Difference between revisions

Revision as of 16:07, 22 April 2013

This page is a starting point for Moodle theme developers.

For documentation on installing and using themes, please see the Themes user documentation.

Moodle has a powerful themes system that allows for a variety of effects through the use of XHTML and CSS.

Themes overview
Creating a theme - A quick step by step guide to creating your first theme.
Cloning a theme
Using images in a theme - Explains how to use and override images within your theme.
Creating a theme settings page - Looks at how to add a setting page making your theme easily customisable.
Extending the theme custom menu - Customising the custom menu.
Overriding a renderer - A tutorial on creating a custom renderer and changing the HTML Moodle produces.
Simple theme (new in 2.5)

@@ Line 1: / Line 1: @@
-{{Themes}}
 This page is a starting point for Moodle theme developers.
@@ Line 7: / Line 6: @@
 Moodle has a powerful themes system that allows for a variety of effects through the use of XHTML and CSS.
-* Each page is individually-addressable via CSS, allowing you to pinpoint exact items.
+* [[Themes overview]]
-* Our CSS class naming system uses simple English, is consistent and easily understood.
+* [[Creating a theme]] - A quick step by step guide to creating your first theme.
-* New modules can tell Moodle what styles they need and automatically include these in the stylesheet.
+* [[Cloning a theme]]
-* Themes can be based on the ''standard'' theme, which is very plain but functional.  You simply override styles you want to change by adding to the stylesheet in your own theme.  This means that if you upgrade Moodle later and new styles are needed, your custom theme will still work without any changes, because the new classes will be defined in the ''standard'' theme.
+* [[Using images in a theme]] - Explains how to use and override images within your theme.
-* Themes can also be based on any other theme.  This allows you to easily create families of themes, or variations on a theme.  For example you might create a spectrum of pastel shades for use in different courses, but with the same basic layout and logos.  You may also want to create a family of differently-coloured themes for accessibility purposes.
+* [[Creating a theme settings page]] - Looks at how to add a setting page making your theme easily customisable.
+* [[Extending the theme custom menu]] - Customising the custom menu.
+* [[Overriding a renderer]] - A tutorial on creating a custom renderer and changing the HTML Moodle produces.
+* [[Simple (bootstrap) theme|Simple theme]] (new in 2.5)
 ==See also==

Documentation

Themes: Difference between revisions

Revision as of 16:07, 22 April 2013

See also