Note: You are currently viewing documentation for Moodle 2.6. Up-to-date documentation for the latest stable version of Moodle may be available here: Installing a new theme.

Installing a new theme: Difference between revisions

From MoodleDocs
(Adding MoodleBites YouTube video link)
 
(2 intermediate revisions by one other user not shown)
Line 1: Line 1:
{{Themes}}
{{Themes}}
A site administrator who has access to the Moodle code can easily install a new theme Moodle theme.  Once installed, the theme will be available via the appropriate site, category, course or activity menu.
A new theme can be installed in the same way as any other add-on. Please see [[Installing add-ons]] for details.


Custom themes are available for download from the [http://moodle.org/plugins/browse.php?list=category&id=3 Moodle Plugins directory].
==Changing the theme==
You may select different themes depending upon the device that will be viewing Moodle.  For example, you might have one theme for computers with monitors and another for mobile phones and another for tablets.


# Log in as admin and go to ''Administration > Site administration > Appearance > Themes > Theme Selector''
# Click on "Clear theme caches" button
# Click on the "Select theme" button on the right of the current theme being used for the device
# Scroll down to find the theme you wish to use
# Click the "Use theme" button next to that theme
# Moodle will tell you it has been saved as the default theme
# 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


== SAVERINUS KAKA ==
{|
TARSISIUS VIRETA SENIOR HIGH SCHOOL
| [[Image:instheme07.png|thumb|Open the Appearance > Theme selector page]]
| [[Image:instheme09.png|thumb|Click the Select theme button]]
| [[Image:instheme10.png|thumb|Click the Use theme button]]
| [[Image:instheme11.png|thumb|Checking if the theme is the one selected]]
|}


==Steps to change the theme==
==See also==
In this example, we will change our site theme to a new one that we added.  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.
* [http://youtu.be/K3MYE8am7M4 Install a New Theme] MoodleBites video on YouTube


You may select different themes depending upon the device that will be viewing Moodle.  For example, you might have one theme for computers with monitors and another for mobile phones and another for tablets.
# Go to the Settings block
# Open ''Settings > 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.


[[de:Ein_neues_Design_installieren]]
[[de:Ein_neues_Design_installieren]]

Latest revision as of 08:45, 24 January 2015

A new theme can be installed in the same way as any other add-on. Please see Installing add-ons for details.

Changing the theme

You may select different themes depending upon the device that will be viewing Moodle. For example, you might have one theme for computers with monitors and another for mobile phones and another for tablets.

  1. Log in as admin and go to Administration > Site administration > Appearance > Themes > Theme Selector
  2. Click on "Clear theme caches" button
  3. Click on the "Select theme" button on the right of the current theme being used for the device
  4. Scroll down to find the theme you wish to use
  5. Click the "Use theme" button next to that theme
  6. Moodle will tell you it has been saved as the default theme
  7. Check your Moodle site by going to the Moodle site's home page
  8. You may have to refresh your browser to see the new theme
Open the Appearance > Theme selector page
Click the Select theme button
Click the Use theme button
Checking if the theme is the one selected

See also