Note: You are currently viewing documentation for Moodle 2.4. Up-to-date documentation for the latest stable version of Moodle may be available here: Standard themes.

Standard themes: Difference between revisions

From MoodleDocs
 
(7 intermediate revisions by 5 users not shown)
Line 15: Line 15:
Note 2: The selected theme may be overridden if user/course or category themes have been allowed in the [[Theme settings]].
Note 2: The selected theme may be overridden if user/course or category themes have been allowed in the [[Theme settings]].


{{New features}}Tip: New in Moodle 2.2 onwards is a MyMobile theme especially designed for mobile devices.
Tip: The [[MyMobile theme]] is especially designed for mobile devices.


[[File:Themeselector21.png|thumb|center|theme selector showing default and none selected in other theme types]]
[[File:Themeselector21.png|thumb|center|theme selector showing default and none selected in other theme types]]
Line 21: Line 21:
==Notes on individual themes==
==Notes on individual themes==


Arialist: does not display the logo at course/course level.  This menas it is not useful for branding at a category/course level.
Arialist: does not display the logo at course/course level.  This means it is not useful for branding at a category/course level.


===Themes that alllow you to change a logo===
===Themes that allow you to change a logo===
*Arialist (only at home page level) Code to change this: http://moodle.org/mod/forum/discuss.php?d=192409
*Arialist (only at home page level) Code to change this: http://moodle.org/mod/forum/discuss.php?d=192409
*Brick
*Brick
*Formal White
*Formal White
*Magazine
*Magazine
*Skylight
*Sky High
*Splash
*Splash


Line 36: Line 36:
*Non-zero
*Non-zero
*Overlay
*Overlay
*Skyhigh
*Sky High
*Splash
*Splash
===Themes with right hand column(s) only===
*Arialist
*Brick
*Fusion
*Nimble
*Non-zero (2 columns)
*Overlay (2 columns)
*Sky High (2 columns)
===Various forum help that may be useful===
#Changing logo height in Afterburner: http://moodle.org/mod/forum/discuss.php?d=197924
#Moving columns in Skyhigh: http://moodle.org/mod/forum/discuss.php?d=209626
#Tweaks to header area in Formal White: http://moodle.org/mod/forum/discuss.php?d=167544


==Standard themes==
==Standard themes==
Line 68: Line 82:
* [[Theme credits]]
* [[Theme credits]]
* Using Moodle [http://moodle.org/mod/forum/discuss.php?d=189573 What counts as a 'legacy' device type?] forum discussion
* Using Moodle [http://moodle.org/mod/forum/discuss.php?d=189573 What counts as a 'legacy' device type?] forum discussion
[[de:Standard-Designs]]
[[es:Temas estándar]]

Latest revision as of 01:04, 30 April 2013

Theme selector

An administrator can set a theme for the site in Settings > Site administration > Appearance > Themes > Theme selector.

Different themes may be set according to 'device type' - default, legacy (for older browsers), mobile and tablet.

Go to Settings > Site administration > Appearance > Themes > Theme selector

  • Click on the "Select theme" button next to the type you wish to change
  • Scroll down to see the previews of the available themes and click on the "Use theme" button to chose the theme
  • The next screen will provide information about the theme. Click "Continue"

Note 1: Moodle caches themes so if you don't immediately see changed settings that you were expecting, click the "Clear theme caches" button at the top of the Theme selector page.

Note 2: The selected theme may be overridden if user/course or category themes have been allowed in the Theme settings.

Tip: The MyMobile theme is especially designed for mobile devices.

theme selector showing default and none selected in other theme types

Notes on individual themes

Arialist: does not display the logo at course/course level. This means it is not useful for branding at a category/course level.

Themes that allow custom CSS

  • Arialist
  • Fusion
  • Non-zero
  • Overlay
  • Sky High
  • Splash

Themes with right hand column(s) only

  • Arialist
  • Brick
  • Fusion
  • Nimble
  • Non-zero (2 columns)
  • Overlay (2 columns)
  • Sky High (2 columns)

Various forum help that may be useful

  1. Changing logo height in Afterburner: http://moodle.org/mod/forum/discuss.php?d=197924
  2. Moving columns in Skyhigh: http://moodle.org/mod/forum/discuss.php?d=209626
  3. Tweaks to header area in Formal White: http://moodle.org/mod/forum/discuss.php?d=167544

Standard themes

In alphabetical order here are the standard themes in Moodle:

See also