-

Note: You are currently viewing documentation for Moodle 3.10. 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
Main page ► Managing a Moodle site ► Site appearance ► Themes ► Installing a new theme
Themes
No edit summary
m (add section for changing theme images to make it easier to edit)
 
(27 intermediate revisions by 8 users not shown)
Line 1: Line 1:
{{Themes}}
{{Themes}}
== Change Moodle Theme ==
{{Update}}
Setting up a new theme in Moodle is a two step process.  First someone has to install the theme in the Moodle site.  Second, the theme must be selected for use.


You can easily change the moodle theme.  Here we will install a new theme that has been made by someone else.  
==Installing the plugin==
Any new theme is a plugin.  Please see [[Installing plugins]] for details about the three different ways of installing a theme.


Steps are
==Changing the theme==
You may select the theme which will be used on three different types of devices that will use your site: a computer with monitor(s), a mobile phone and a tablet. Some themes will can be additionally modified for a specific device.


1) Download the zip file of the theme
# Log in as admin and go to ''Administration > Site administration > Appearance > Themes > Theme Selector''
# Click on the "Change 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
Notes:
* You may have to refresh your browser to see the new theme
* The Moodle server should automatically clear its theme cache 
** Some older versions of Moodle will required you to click on the "Clear theme caches" button as a last step
* It is a best practice to check how the theme looks by using
**the three different types of devices and
**different browsers on those each of those devices


2) Extract to it's own named folder
===Changing theme images===
{|
| [[Image:Theme change theme button 3-9.JPG|thumb|Click the Change theme button v 3.9]]
| [[Image:Theme use theme button 3-9.JPG|thumb|Click Use theme button on the theme you want]]
| [[Image:Theme device types 3-9.JPG|thumb|Example, no themes selected for some types]]
|}


3) copy this folder to the /theme folder of your Moodle installation site
==See also==


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]]
[[es:Instalando un tema nuevo]]
[[fr:Installation d'un thème]]

Latest revision as of 16:43, 13 November 2020

This page requires updating. Please do so and remove this template when finished.


Setting up a new theme in Moodle is a two step process. First someone has to install the theme in the Moodle site. Second, the theme must be selected for use.

Installing the plugin

Any new theme is a plugin. Please see Installing plugins for details about the three different ways of installing a theme.

Changing the theme

You may select the theme which will be used on three different types of devices that will use your site: a computer with monitor(s), a mobile phone and a tablet. Some themes will can be additionally modified for a specific device.

  1. Log in as admin and go to Administration > Site administration > Appearance > Themes > Theme Selector
  2. Click on the "Change theme" button on the right of the current theme being used for the device
  3. Scroll down to find the theme you wish to use
  4. Click the "Use theme" button next to that theme
  5. Moodle will tell you it has been saved as the default theme
  6. Check your Moodle site

Notes:

  • You may have to refresh your browser to see the new theme
  • The Moodle server should automatically clear its theme cache
    • Some older versions of Moodle will required you to click on the "Clear theme caches" button as a last step
  • It is a best practice to check how the theme looks by using
    • the three different types of devices and
    • different browsers on those each of those devices

Changing theme images

Click the Change theme button v 3.9
Click Use theme button on the theme you want
Example, no themes selected for some types

See also

Retrieved from "https://docs.moodle.org/310/en/index.php?title=Installing_a_new_theme&oldid=138967"
Powered by MediaWiki