Themes: Difference between revisions

Latest revision as of 11:33, 18 April 2024

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.

How do I select a theme?

You can change from one of the two standard themes Boost or Classic, or select a newly installed theme from Site administration > Appearance > Themes.

Where do I find specific settings for my chosen theme?

For Boost and Classic, click the cog icon for the relevant theme from Site administration > Appearance > Themes.
For other contributed themes you have installed, ....???

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 Advanced 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]].
+==How do I select a theme?==
+You can change from one of the two standard themes Boost or Classic, or select a newly installed theme from ''Site administration > Appearance > Themes.''
+==Where do I find specific settings for my chosen theme?==
+* For Boost and Classic, click the cog icon for the relevant theme from ''Site administration > Appearance > Themes.''
+* For other contributed themes you have installed, ....???
-A Moodle theme is a pre-designed user "view" (interface) that can be changed by the site administrator, teacher, or student.  While robust, it does not affect how Moodle functions, just how it looks.  Moodle comes with a standard set of themes and there is a [http://moodle.org/mod/data/view.php?id=6552  large free library] available to download.
+==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]].
-==Moodle themes==
+==How do I manage themes on my site?==
-Themes may be [[Theme settings|selected]] at site level, course level and/or user level as long as the Moodle site has been configured to allow changes at these levels.
-You may select different themes depending upon the device that will be viewing Moodle.  For example on a Moodle site, you might have one theme for computers with monitors and another for mobile phones and another for tablets.
+See the documentation on [[Advanced theme settings]]
-==Steps to change a theme==
+==I want to develop a new theme==
-{{Moodle 2.1}}
+See [[:dev:Themes]]. Not all information is up to date but feel free to contribute your own improvements!
-In this example, we will change our site theme to a new one that have added. The steps will be the same to change the theme to any one that is installed on your site.  Your [[Roles|role]] will require the permissions to allow you to change themes.  Remember that themes can be changed in many [[Context|contexts]] in Moodle.
-# Go to the Settings block
+==See also==
-# Open Site administration > Appearance > Themes > Theme Selector link [[Image:instheme07.png|thumb|400px|center|Open the Appearance > Theme selector page]]
-# Click on "Clear theme caches" button [[Image:instheme08.png|thumb|400px|center|Click the Clear theme caches button]]
-# Click on the "Select theme" button on the right of the current theme being used for the device[[Image:instheme09.png|thumb|400px|center|Click the Clear theme caches button]]
-# Scroll down to find the theme you wish to use
-# Click the "Use theme" button next to that theme[[Image:instheme10.png|thumb|400px|center|Click the Use theme button]]
-# Moodle will tell you it has been saved as the default theme[Image:instheme11.png|thumb|400px|center|Checking if the theme is the one selected]]
-# Check your Moodle site by going to the Moodle site's home page.
-# You may have to refresh your browser to see the new theme.
-==Themes in standard install==
-Themes included in Moodle 2.1 are Arialist, Brick, Formal white, Fusion, Magazine, Nimble,
-Nonzero, Overlay, Sky High, Splash.  See [[Standard themes]] for screen shots of each.
-==See also==
+* [[Standard themes]]
-* [http://www.youtube.com/watch?v=pPUB_ReBPeg Installing 3rd Party Modules and Themes in Moodle video]
+[[Category:Themes]]
-* [[Themes FAQ]]
-* [[:dev:Theme_development|Theme development]]
-* [[Development: Themes 2.0]]
 [[es:Temas]]
@@ Line 39: / Line 31: @@
 [[fr:Thèmes]]
 [[ja:テーマ]]
-[[pt:Temas]]

Documentation