Note:

If you want to create a new page for developers, you should create it on the Moodle Developer Resource site.

Themes: Difference between revisions

From MoodleDocs
(content moved from Theme development)
(themes template)
 
(15 intermediate revisions by 8 users not shown)
Line 1: Line 1:
{{Themes}}
{{Template:Themes}}
This page is a starting point for Moodle theme developers.
This page is a starting point for Moodle theme developers.


For documentation on installing and using themes, please see the [[:en:Themes|Themes]] user documentation.
For documentation on installing and using themes, please see the [[:en:Themes|Themes user documentation]] and [[:en:Themes FAQ|Themes FAQ]].




Moodle has a powerful themes system that allows for a variety of effects through the use of XHTML and CSS.
Moodle has a powerful themes system that allows for a variety of effects through the use of HTML 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 based on boost]]
* New modules can tell Moodle what styles they need and automatically include these in the stylesheet.
* [[Creating a theme based on classic]]
* 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.
* [[Moving your theme to use boost as a parent 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.
* [[Updating a boost based theme]]
* [[Using images in a theme|Using images]]
* [[Creating a theme settings page|Theme settings page]]
* [[Adding theme upgrade code]]
* [[Extending the theme custom menu|Extending the custom menu]]
* [[Overriding a renderer]]
* [[Theme checklist]]
* [[Templates]]


==See also==
==See also==

Latest revision as of 14:00, 10 October 2022

This page is a starting point for Moodle theme developers.

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


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

See also