Themes: Difference between revisions

From MoodleDocs
m (formatting, category)
mNo edit summary
 
(101 intermediate revisions by 35 users not shown)
Line 1: Line 1:
Moodle has a powerful '''themes''' system that allows for a variety of effects through the use of XHTML and CSS.
{{Site appearance}}
==What are themes?==
*Themes provide a "skin" to completely change the look and feel of your site (or even an individual course).
*Moodle sites (with the exception of MoodleCloud sites) come with two [[Standard themes]] called Boost and Classic.
*If you are able to add additional plugins to your site, you can download and install contributed themes from the [https://moodle.org/plugins/browse.php?list=category&id=3 Themes area of the Plugins directory]. More information is available from [[Installing a new theme]].


* Themes can be applied at site level, course level and/or user level.
==I have a question about themes==
* Each page is individually-addressable via CSS, allowing you to pinpoint exact items.
Participate in the discussions in the [https://moodle.org/mod/forum/view.php?id=46` Themes forum on Moodle.org] and read our [[Themes FAQ]].
* Our CSS class naming system uses simple English, consistent and easily understood.
* New modules can tell Moodle what styles they need and automatically include these in the stylesheet.
* 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.
* 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.


== Moodle 1.5 themes ==
==How do I manage themes on my site?==


If you plan to work on your own theme please build a new one and use Moodle's feature to base your theme on an existing theme like "standard". If you just modify one of the delivered themes it will be overwritten by the next Moodle update.
See the documentation on [[Theme settings]]


Moodle 1.5 themes are quite different than in previous versions of Moodle.
==I want to develop a new theme==
See [[:dev:Themes]]. Not all information is up to date but feel free to contribute your own improvements!


* [[Themes/HowTo|How to create a Moodle 1.5 theme]]
==See also==
* [[Themes/ThemesBasics/|Themes basics]]
* [[Themes/MoodleStandards|How to style Moodle standard page elements]]
* [[Themes/ThemeSources| Links, help and sources for your CSS work]]
* [[:Category:ThemeScrapbook|Theme scrapbook]]


== See also ==
* [[Theme credits]]


*[[ThemeConfig|Configuring themes]]


[[Category:Administrator]]
[[Category:Developer]]
[[Category:Themes]]
[[Category:Themes]]
[[es:Temas]]
[[eu:Itxurak]]
[[de:Designs]]
[[fr:Thèmes]]
[[ja:テーマ]]

Latest revision as of 10:11, 31 August 2022

What are themes?

  • Themes provide a "skin" to completely change the look and feel of your site (or even an individual course).
  • Moodle sites (with the exception of MoodleCloud sites) come with two Standard themes called Boost and Classic.
  • If you are able to add additional plugins to your site, you can download and install contributed themes from the Themes area of the Plugins directory. More information is available from Installing a new theme.

I have a question about themes

Participate in the discussions in the Themes forum on Moodle.org and read our Themes FAQ.

How do I manage themes on my site?

See the documentation on Theme settings

I want to develop a new theme

See dev:Themes. Not all information is up to date but feel free to contribute your own improvements!

See also