Elegance theme: Difference between revisions

Latest revision as of 19:49, 17 November 2015

Theme Elegance 2.9 is written by Bas Brands and is a contributed (third party) rewrite of the original Elegance theme for Moodle written by Danny Wahl and Julian (Moodleman) Ridden.

Theme elegance is using the Boostrap3 parent theme adding various customisation options. It includes an elegant base design but you are free to choose your own colours, backgrounds, transparency and more to adopt the visual identity to your needs.

Elegance is a 2 to 3 column Responsive theme written with the Bootstrap 3 framework for Moodle 2.9 designed to provide a more professional and clean website focused look and feel. It provides Admins with an image slider and Marketing spots on the homepage to drive users where you need to. The theme also makes strong use of Font Awesome to provide icons throughout the design.

The theme is highly customisable through Moodle's theme settings. You can adjust images, text and colours all without changing code. As this theme has several advanced functions, this page exists to provide some basic instruction on it's use. Please be sure to target any questions related to this theme in the Theme's forums at moodle.org and bugs to the [Github issue list]

Theme Objectives

The aim of this theme is to provide a nice frontend to the Bootstrap 3 parent theme using some of the bootstrap JavaScript widgets and implementing the configuration of less variables through theme settings. It uses lots of [Mustache templates] to render these widgets.

Configurable Options

The theme includes all of the global theme settings options except for the user menu option.

Custom Theme Settings

maximum content width
slider images
marketing links
quick links
custom footer text
social media icons
optional fixed navbar
login page background slider
content transparency
global theme color
blocks left, right, both
and lots more...

Download link

This theme is only available for Moodle 2.6 and above. You can download the theme from http://moodle.org/plugins/view.php?plugin=theme_elegance

@@ Line 1: / Line 1: @@
 {{Themes}}
-This is a [[:Category:Contributed_code|contributed (third party)]] theme for Moodle written by Julian (Moodleman) Ridden and shared on Moodle.org
+Theme Elegance 2.9 is written by Bas Brands and is a [[:Category:Contributed_code|contributed (third party)]] rewrite of the original Elegance theme for Moodle written by Danny Wahl and Julian (Moodleman) Ridden.
-Elegance is a Two column Responsive theme written with the Bootstrap 3 framework for Moodle 2.6 designed to provide a more professional and clean website focused look and feel. It provides Admins with an image slider and Marketing spots on the homepage to drive users where you need to. The theme also makes strong use of Font Awesome to provide icons throughout the design.
+Theme elegance is using the [https://moodle.org/plugins/view/theme_bootstrap Boostrap3] parent theme adding various customisation options. It includes an elegant base design but you are free to choose your own colours, backgrounds, transparency and more to adopt the visual identity to your needs.
-The theme is highly customisable through Moodle's theme settings. You can adjust images, text and colours all without changing code. As this theme has several advanced functions, this page exists to provide some basic instruction on it's use. Please be sure to target any questions related to this theme in the [https://moodle.org/mod/forum/discuss.php?d=231970 Theme's forums] at moodle.org and bugs to the [[Tracker|Moodle Tracker]]
+Elegance is a 2 to 3 column Responsive theme written with the Bootstrap 3 framework for Moodle 2.9 designed to provide a more professional and clean website focused look and feel. It provides Admins with an image slider and Marketing spots on the homepage to drive users where you need to. The theme also makes strong use of Font Awesome to provide icons throughout the design.
+The theme is highly customisable through Moodle's theme settings. You can adjust images, text and colours all without changing code. As this theme has several advanced functions, this page exists to provide some basic instruction on it's use. Please be sure to target any questions related to this theme in the [https://moodle.org/mod/forum/discuss.php?d=322159 Theme's forums] at moodle.org and bugs to the [[https://github.com/bmbrands/moodle-theme_elegance/issues Github issue list]]
 ==Theme Objectives==
-The aim of this theme was to provide a template that challenged what could be done with theme design. To create a Moodle instance that looked more like a professional standalone website and less like a Moodle instance.
+The aim of this theme is to provide a nice frontend to the Bootstrap 3 parent theme using some of the bootstrap JavaScript widgets and implementing the configuration of less variables through theme settings. It uses lots of [[https://docs.moodle.org/dev/Templates Mustache templates]] to render these widgets.
-This theme will not suit all audiences because of this. For a full list of contributed themes (including my own Rocket and Essential) to find one that meets your needs please check the [http://moodle.org/plugins/browse.php?list=category&id=3 Moodle Plugins database].
 ==Configurable Options==
-As themes are, by nature, a visual medium, these instructions will reference the screenshot listed below. This theme makes strong use of [[Theme_settings|Moodle Theme Settings]], [[theme/custom|Custom Theme settings]] and [[https://docs.moodle.org/dev/Very_flexible_block_system_proposal Custom Block]] locations.
+The theme includes all of the global theme settings options except for the user menu option.
-===Theme Settings===
-The only setting to be aware of here is the '''[[Theme_settings#Custom_menu_items|Custom Menu]]'''. This is what generates the dropdown menu in '''''Zone 3''''' of the screenshot above.
-One item however is automatically appended to the Menu if you choose to activate it. This additional item is the "My Courses" addition. This will automatically show a dropdown of courses your users are enrolled in when they are logged in.
-please note that if you have not enabled at least one item in the Custom Menu then the "My Courses" dropdown will not appear either.
 ===Custom Theme Settings===
-This theme makes very strong use of Moodle 2's new [[theme/custom_theme/settings|Custom Theme settings]] to enable admins to customise the look and feel of the theme without needing to touch the code.
-To access the Custom Settings for this theme go to ''Administration > Site Administration > Appearance > Themes > Essential.
-More information on this will be available soon.
-===Custom Block Locations===
-More information on this will be available soon.
-===Advanced Customisation Tips===
+* maximum content width
-If you want to get your theme looking really fancy why not check out some of these [[Elegance_theme_tips|Advanced Tips and Tricks]]
+* slider images
+* marketing links
+* quick links
+* custom footer text
+* social media icons
+* optional fixed navbar
+* login page background slider
+* content transparency
+* global theme color
+* blocks left, right, both
+* and lots more...
 ==Download link==
 This theme is only available for Moodle 2.6 and above.
-You can download the theme from http://moodle.org/plugins/view.php?plugin=theme_essential
+You can download the theme from http://moodle.org/plugins/view.php?plugin=theme_elegance
 ==See also==
-*[https://moodle.org/plugins/view.php?plugin=theme_elegance Elegance]'s Plugin database page
+*[http://basbrands.nl Basbrands.nl] my blog
-*[https://github.com/moodleman/moodle-theme_elegance/zipball/master Download latest version]
+*[https://github.com/bmbrands/moodle-theme_elegance/archive/master.zip Download latest version from git]
-*[https://github.com/moodleman/moodle-theme_elegance Browse GIT]
+*[https://github.com/bmbrands/moodle-theme_elegance Browse GIT]
-*[http://tracker.moodle.org/browse/CONTRIB/component/10295 Bugs and Issues] at Tracker
+*[https://github.com/bmbrands/moodle-theme_elegance/issues Bugs and Issues] at Tracker
-*[https://moodle.org/mod/forum/discuss.php?d=231970 Discussion in English] in the Themes Forum
+*[https://moodle.org/mod/forum/discuss.php?d=322159 Discussion in English] in the Themes Forum
-*[http://2014.imoot.org/ Demo site]
+*[http://test.sonsbeekmedia.nl/ Demo site]
 [[Category:Contributed code]]
 [[es:Tema esencial]]

Documentation