Note: You are currently viewing documentation for Moodle 2.2. Up-to-date documentation for the latest stable version is available here: Standard themes.

Standard themes: Difference between revisions

From MoodleDocs
(→‎Theme selector: check instructions against demo.moodle, move image)
 
(5 intermediate revisions by 3 users not shown)
Line 4: Line 4:
An administrator can set a theme for the site in ''Settings > Site administration > Appearance > Themes > Theme selector''.
An administrator can set a theme for the site in ''Settings > Site administration > Appearance > Themes > Theme selector''.


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.  The legacy theme is for older browsers, such as IE6.  
Different themes may be set according to 'device type' - default, legacy (for older browsers), mobile and tablet.


*Select the Site administration > Appearance > Themes > Theme selector link
Go to ''Settings > Site administration > Appearance > Themes > Theme selector''
*Click on the "Select theme" button next to the type you wish to change
*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
*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"
*The next screen will provide information about the theme. Click "Continue"
*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:'' The selected theme may be overridden if user/course or category themes have been allowed in the [[Theme settings]].
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]].
 
{{New features}}Tip: New in Moodle 2.2 onwards is a MyMobile theme 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]]
==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.
===Themes that allow you to change a logo===
*Afterburner
*Arialist (only at home page level) Code to change this: http://moodle.org/mod/forum/discuss.php?d=192409
*Brick
*Formal White
*Magazine
*Skylight
*Splash
===Themes that allow custom CSS===
*Arialist
*Fusion
*Non-zero
*Overlay
*Skyhigh
*Splash


==Standard themes==
==Standard themes==


In alphabetical order here are the standard themes in Moodle 2
In alphabetical order here are the standard themes in Moodle:
<gallery caption="Standard Themes - click on any to enlarge" widths="200px" heights="113px" perrow="3">
<gallery caption="Standard Themes - click on any to enlarge" widths="200px" heights="113px" perrow="3">
Image:theme_afterburner.png|Afterburner theme
Image:theme_afterburner.png|Afterburner theme
Line 26: Line 50:
Image:theme_boxxie.png|Boxxie theme
Image:theme_boxxie.png|Boxxie theme
Image:theme_brick.png|Brick theme
Image:theme_brick.png|Brick theme
Image:theme_formalwhite.png|Formal White with some editing
Image:theme_formalwhite.png|Formal white theme
Image:theme_formfactor.png|Form Factor theme
Image:theme_formfactor.png|FormFactor theme
Image:theme_fusion.png|Fusion theme
Image:theme_fusion.png|Fusion theme
Image:theme_leatherbound.png|Leatherbound theme
Image:theme_leatherbound.png|Leatherbound theme
Image:theme_magazine.png|Magazine theme
Image:theme_magazine.png|Magazine theme
Image:Mymobile_theme.png|MyMobile theme
Image:theme_nimble.png|Nimble theme
Image:theme_nimble.png|Nimble theme
Image:theme_nonzero.png|None Zero theme
Image:theme_nonzero.png|Nonzero theme
Image:theme_overlay.png|Overlay theme
Image:theme_overlay.png|Overlay theme
Image:theme_serenity.png|Serenity theme
Image:theme_serenity.png|Serenity theme
Line 44: Line 69:
* [[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]]

Latest revision as of 18:27, 9 January 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.

New feature
in Moodle 2.2!
Tip: New in Moodle 2.2 onwards is a MyMobile theme 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 menas it is not useful for branding at a category/course level.

Themes that allow custom CSS

  • Arialist
  • Fusion
  • Non-zero
  • Overlay
  • Skyhigh
  • Splash

Standard themes

In alphabetical order here are the standard themes in Moodle:

See also