Themes: Difference between revisions

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!

@@ Line 1: / Line 1: @@
-{{Themes}}
+{{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]].
-Moodle has a powerful '''themes''' system that allows for a variety of effects through the use of XHTML and CSS.
+==I have a question about themes==
+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]].
-* Themes may be [[Theme config|configured]] at site level, course level and/or user level.
+==How do I manage themes on my site?==
-* Each page is individually-addressable via CSS, allowing you to pinpoint exact items.
-* Our CSS class naming system uses simple English, is 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.
-== Creating your own theme ==
+See the documentation on [[Theme settings]]
-If you plan to work on your own theme please create a new one (with its own named subfolder) and use Moodle's [what] feature to base your theme on an existing theme such as ''standard''. If you just modify one of the delivered themes it will be overwritten by the next Moodle update.
+==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!
-== Installing your own theme ==
+==See also==
-Once you have your own theme created, you should follow these steps to install it on your site:
+* [[Theme credits]]
-# Zip the theme folder using winzip or similar
-# Upload the .zip file into the theme folder moodle/themes/
-# Unzip
-# note: make sure the new theme folder and its contents are readable by the webserver. in Mac OS X, set Group and Other privileges to  'Read & Write' (select File> Get Info> Ownership & Permissions) otherwise Moodle may not be able to display the newly installed theme.
-# Choose your new theme from within Moodle Admin>Appearances>Themes (version 1.7 +). For older versions, the path is Moodle Admin>Configuration>Themes
-== Theme system changes across Moodle versions ==
-Moodle 1.5 themes are quite different from previous versions and so a [[Theme upgrade|theme upgrade]] is required. A theme upgrade is also required for the [[1.6 theme upgrade|transition from 1.5 to 1.6]], since the XHTML structure has been reworked for improved [[Accessibility|accessibility]].
-[[Category:Administrator]]
-[[Category:Developer]]
 [[Category:Themes]]
 [[es:Temas]]
+[[eu:Itxurak]]
+[[de:Designs]]
 [[fr:Thèmes]]
+[[ja:テーマ]]

Documentation