Themes: Difference between revisions

Latest revision as of 11:33, 18 April 2024

What are themes?

Themes provide a "skin" to completely change the look and feel of your site (or even an individual course).
Moodle sites (with the exception of MoodleCloud sites) come with two Standard themes called Boost and Classic.
If you are able to add additional plugins to your site, you can download and install contributed themes from the Themes area of the Plugins directory. More information is available from Installing a new theme.

How do I select a theme?

You can change from one of the two standard themes Boost or Classic, or select a newly installed theme from Site administration > Appearance > Themes.

Where do I find specific settings for my chosen theme?

For Boost and Classic, click the cog icon for the relevant theme from Site administration > Appearance > Themes.
For other contributed themes you have installed, ....???

I have a question about themes

Participate in the discussions in the Themes forum on Moodle.org and read our Themes FAQ.

How do I manage themes on my site?

See the documentation on Advanced theme settings

I want to develop a new theme

See dev:Themes. Not all information is up to date but feel free to contribute your own improvements!

@@ Line 1: / Line 1: @@
-{{Themes}}
+{{Site appearance}}
+==What are themes?==
+*Themes provide a "skin" to completely change the look and feel of your site (or even an individual course).
+*Moodle sites (with the exception of MoodleCloud sites) come with two [[Standard themes]] called Boost and Classic.
+*If you are able to add additional plugins to your site, you can download and install contributed themes from the [https://moodle.org/plugins/browse.php?list=category&id=3 Themes area of the Plugins directory]. More information is available from [[Installing a new theme]].
+==How do I select a theme?==
+You can change from one of the two standard themes Boost or Classic, or select a newly installed theme from ''Site administration > Appearance > Themes.''
+==Where do I find specific settings for my chosen theme?==
+* For Boost and Classic, click the cog icon for the relevant theme from ''Site administration > Appearance > Themes.''
+* For other contributed themes you have installed, ....???
-<p class="note">'''Please refer to [[TOC_with_notes#Themes|these notes]] before editing this page.'''</p>
+==I have a question about themes==
-A Moodle theme is a pre-designed user "view" (interface) that can be changed by the site administrator, teacher, or student.  While robust, it does not affect how Moodle functions, just how it looks.  Moodle comes with a standard set of themes and there is a [http://moodle.org/mod/data/view.php?id=6552  large free library] available to download.
+Participate in the discussions in the [https://moodle.org/mod/forum/view.php?id=46` Themes forum on Moodle.org] and read our [[Themes FAQ]].
-*'''[[Development:Themes_2.0|Themes in Moodle 2.0]] will be built in a new manner and they will not be upgradeable from earlier version.'''
-==Moodle themes==
-Moodle has a powerful themes system that allows for a variety of effects through the use of XHTML and CSS.
-* Themes may be [[Theme settings|selected]] at site level, course level and/or user level as long as the Moodle site has been configured to allow changes at these levels.
+==How do I manage themes on my site?==
-* Each page is individually-addressable via CSS, allowing you to pinpoint exact items.
-* Our CSS class naming system uses simple English, is consistent and easily understood.
-* New modules can tell Moodle what styles they need and automatically include these in the stylesheet.
-* Themes can be based on the ''standard'' theme, which is very plain but functional.  You simply override styles you want to change by adding to the stylesheet in your own theme.  This means that if you upgrade Moodle later and new styles are needed, your custom theme will still work without any changes, because the new classes will be defined in the ''standard'' theme.
-* Themes can also be based on any other theme.  This allows you to easily create families of themes, or variations on a theme.  For example you might create a spectrum of pastel shades for use in different courses, but with the same basic layout and logos.  You may also want to create a family of differently-coloured themes for accessibility purposes.
-== Creating your own theme ==
+See the documentation on [[Advanced theme settings]]
-If you plan to work on your own theme please create a new one (with its own named subfolder) and use Moodle's theme system to base your theme on an existing theme such as ''standard''. If you just modify one of the delivered themes it will be overwritten by the next Moodle update.
+==I want to develop a new theme==
+See [[:dev:Themes]]. Not all information is up to date but feel free to contribute your own improvements!
-See [[Creating a custom theme]] and/or [[Make your own theme]]  and/or [[Development:Themes 2.0 creating your first theme]] for some tutorials.
+==See also==
-To distribute your theme, zip the theme folder and submit to the Moodle.org [http://moodle.org/themes Themes database].
-'''Theme Design Limitations:'''  The overall 3 column layout can be customized to some degree, but it needs to maintain the uniformity of the standard Moodle layout.
-== Installing a theme ==
-To install a theme:
+* [[Standard themes]]
-# Unzip the .zip file to an empty local directory.
-# Upload folder to your web server to the /moodle/theme/[Theme Name]. (Replace [Theme Name] with the name of the theme you have downloaded.) Ensure the new theme folder and its contents are readable by the webserver.  Change Read and Write permissions (CHMOD) for the files and folder to 755 - Owner read/write/execute, Group read/execute, Everyone read/execute.  Incorrect permissions may prevent display of the newly installed theme.
-# Choose your new theme from within Moodle via ''Administration > Appearance > Themes > Theme selector'' (version 1.7+) or ''Administration > Configuration > Themes'' (older versions).
-See [[Installing a new theme]] for more information.
-== Theme system changes ==
-Themes have improved a great deal in recent versions of Moodle. If you are using your own theme and want to upgrade, please refer to one of the following:
-* [[1.6 theme upgrade]]
-* [[1.7 theme upgrade]]
-* [[1.8 theme upgrade]]
-* [[Development:Themes 2.0|2.0 themes]] not upgradable :(
-==Themes in standard install==
-Themes included in Moodle 1.9 are [[Chameleon theme|chameleon]], cornflower, [[Custom corners theme|custom corners]], formal white, metal, oceanblue, orangewhite, orangewhitepda, standard (default), standardblue, standardgreen, standardlogo, standardred, standardwhite, wood.  See [[Standard themes]] for screen shots of each.
-==See also==
-*[http://www.youtube.com/watch?v=pPUB_ReBPeg Installing 3rd Party Modules and Themes in Moodle video]
+[[Category:Themes]]
-* [[Themes FAQ]]
-*[[Web developer extension]] Firefox addon tool
 [[es:Temas]]
@@ Line 57: / Line 31: @@
 [[fr:Thèmes]]
 [[ja:テーマ]]
-[[pt:Temas]]

Documentation