Difference between revisions of "Themes"

Jump to: navigation, search
(Steps to change a theme: added 2.1 template)
m (removing see also links)
 
(17 intermediate revisions by 5 users not shown)
Line 1: Line 1:
{{Themes}}
+
{{Site appearance}}
 +
Themes provide a "skin" to completely change the look and feel of your site (or even an individual course).
  
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.
+
*[[Theme settings]]
 
+
*[[Standard themes]] including information on changing your theme
==Moodle themes==
+
*[[Installing a new theme]]
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.
 
 
 
==Steps to change a theme==
 
{{Moodle 2.1}}
 
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
 
# 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==
 
==See also==
  
* [http://www.youtube.com/watch?v=pPUB_ReBPeg Installing 3rd Party Modules and Themes in Moodle video]
 
 
* [[Themes FAQ]]
 
* [[Themes FAQ]]
* [[:dev:Theme_development|Theme development]]
+
* [[Theme credits]]
* [[Development: Themes 2.0]]
+
* [[:dev:Themes]]
 +
 
 +
[[Category:Themes]]
  
 
[[es:Temas]]
 
[[es:Temas]]
Line 39: Line 19:
 
[[fr:Thèmes]]
 
[[fr:Thèmes]]
 
[[ja:テーマ]]
 
[[ja:テーマ]]
[[pt:Temas]]
 

Latest revision as of 07:10, 21 September 2017

Themes provide a "skin" to completely change the look and feel of your site (or even an individual course).

See also