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

Standard themes: Difference between revisions

From MoodleDocs
Main page ► Managing a Moodle site ► Site appearance ► Themes ► Standard themes
Themes
m (added link to spanish translation of document)
(added screenshots and info re More (TBC))
Line 1: Line 1:
{{Themes}}
{{Themes}}
==Standard themes==
Moodle has two standard themes: ''Clean'', a responsive, bootstrap based theme which is used as default, and ''More'', a theme customisable from within the admin interface.
[[File:CLEAN.png|center|thumb|500px|'Clean', the default theme]]
Other themes, including themes which were standard in previous versions of Moodle, may be downloaded from the [https://moodle.org/plugins/browse.php?list=category&id=3 Plugins database]
==Theme selector==
==Theme selector==


Line 16: Line 25:




[[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 means it is not useful for branding at a category/course level.
===Themes that allow you to change a logo===
*Afterburner (this offers you the File picker to upload your logo)
*Arialist (only at home page level) Code to change this: http://moodle.org/mod/forum/discuss.php?d=192409
*Brick
*Clean (this offers you the File picker to upload your logo)
*Formal White (this offers you the File picker to upload your logo)
*Magazine
*Sky High
*Splash
===Themes that allow custom CSS===
*Afterburner
*Anomaly
*Arialist
*Formal White
*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===
#Changing logo height in Afterburner: http://moodle.org/mod/forum/discuss.php?d=197924
#Moving columns in Sky High: 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==


In alphabetical order here are the standard themes in Moodle:
==Customising the 'More' theme==
<gallery caption="Standard Themes - click on any to enlarge" widths="200px" heights="113px" perrow="3">
{{New features}}
Image:theme_afterburner.png|Afterburner theme
[[File:MORE.png|center|thumb|500px|The customisable 'More' theme.]]
Image:theme_anomaly.png|Anomaly theme
Image:theme_arialist.png|Arialist theme
Image:theme_binarius.png|Binarius theme
Image:theme_boxxie.png|Boxxie theme
Image:theme_brick.png|Brick theme
Image:CLEANtheme.png|Clean theme
Image:theme_formalwhite.png|Formal white theme
Image:theme_formfactor.png|FormFactor theme
Image:theme_fusion.png|Fusion theme
Image:theme_leatherbound.png|Leatherbound theme
Image:theme_magazine.png|Magazine theme
Image:theme_nimble.png|Nimble theme
Image:theme_nonzero.png|Nonzero theme
Image:theme_overlay.png|Overlay theme
Image:theme_serenity.png|Serenity theme
Image:theme_skyhigh.png|Sky High theme
Image:theme_splash.png|Splash theme
Image:theme_standard.png|Standard theme
</gallery>


==See also==
==See also==

Revision as of 14:59, 23 April 2014


Standard themes

Moodle has two standard themes: Clean, a responsive, bootstrap based theme which is used as default, and More, a theme customisable from within the admin interface.

'Clean', the default theme

Other themes, including themes which were standard in previous versions of Moodle, may be downloaded from the Plugins database

Theme selector

An administrator can set a theme for the site in Administration > 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 Administration > 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.


Customising the 'More' theme

New feature
in Moodle 3.7!

The customisable 'More' theme.

See also

Retrieved from "https://docs.moodle.org/37/en/index.php?title=Standard_themes&oldid=112104"
Powered by MediaWiki