Note: You are currently viewing documentation for Moodle 3.0. 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
mNo edit summary
 
(18 intermediate revisions by 6 users not shown)
Line 1: Line 1:
{{Themes}}
{{Themes}}
== Change Moodle Theme ==
A new theme can be installed in the same way as any other plugin. Please see [[Installing plugins]] for details.


You can easily change the moodle themeHere we will install a new theme that has been made by someone else.  
==Changing the theme==
You may select different themes depending upon the device that will be viewing MoodleFor example, you might have one theme for computers with monitors and another for mobile phones and another for tablets.


Steps are
# 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


1) Download the zip file of the theme
{|
[[Image:instheme01.png|thumb|400px|center|Select the theme]]
| [[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]]
|}


2) Extract to it's own named folder
==See also==
[[Image:instheme01a.png|center|Select the theme]]
* [http://youtu.be/K3MYE8am7M4 Install a New Theme] MoodleBites video on YouTube


3) Copy this folder to the /theme folder of your Moodle installation site
[[Image:instheme01a.png|center|Select the theme]]
4) Go to yourdomain.com/admin/ or your site administration block
5) You will have to have administrative rights as the user
6) Expand Appearance icon/link
7) Expand Theme icon/link
8) click on Theme Selector icon/link
9) Find your theme picture and theme name displayed here
10) First click preview link on the right side of your theme picture to preview before selection
11) press Choose button to select your new theme, your theme will now be displayed on the site.
12) Now you can check your Moodle site (e.g. yourdomain.com) by going to the site home page!
[[de:Ein_neues_Design_installieren]]
[[de:Ein_neues_Design_installieren]]

Latest revision as of 08:48, 24 January 2015

A new theme can be installed in the same way as any other plugin. Please see Installing plugins 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