MoodleDocs - User contributions [en]

admin/setting/themesettingfordson

2016-12-22T18:28:05Z

Chrislk: /* Icon Navigation */

Fordson is a child theme of Boost. It features an enhanced homepage, color choosers for all major elements of the page, preset support, custom header images for both courses and the main site.
There are seven pages for Fordson: Presets, Colours, Heading and Course Image Settings, Content Areas, Social Networking, Icon Navigation, and Marketing Tiles. This page will cover each of these pages.

[[File:enhancedhome.png]]

== Presets ==
'''Fordson Preset Tab'''

Choose from several included presets or upload your own. The Fordson theme has several elements in the layout which are not included with the default Boost theme. These elements are included in the SCSS folder in the styles.scss file. This ensures that basic styling for marketing tiles, icon navigation, and other elements will carry over when using other presets. A listing of these changes should be included here.

[[File:presets.png]]

----

== Colours ==
'''Fordson Colours Tab'''

The colours tab allows you to quickly change the look of the major elements of the page. Text, links, background colors are all included. Along with this, some standard bootstrap elements common to presets are also included. Once you upload a preset you most likely can alter some of the colors using the Fordson Colour tab.

It is recommended you remove all color settings when exploring presets so that the Fordson color choosers do not alter the preset styles.

[[File:colours.png]]

----

== Heading and Course Image Settings ==
'''Fordson Heading and Course Image Settings Tab'''

Upload a default header image, body background image, and/or login image. The default header image is used at the top of every page. The height of the header can be set using the dropdown setting. If a teacher uploads an image file to their course summary files area then it will replace the default image for that course. This allows teachers to customize their course without having to use a new theme.

[[File:courseimages.png]]

----

== Content Areas ==
'''Fordson Content Areas'''

There are four areas for custom content: Frontpage Logged in Textbox, Frontpage Logged Out Textbox, Alert, and Footnote. Using the frontpage textboxes you can provide a message or instructions for visitors based on whether they are authenticated or just visiting. The alert box is useful for maintenance or other notices that users must see. The alert message appears on the site homepage just below the icon navigation area. The footnote appears in the footer of the page.

[[File:contentareas.png]]

----

== Social Networking ==

== Icon Navigation ==
Fordson Icon Navigation Tab

[[File:iconnavigation.png]]

The icon navigation is a unique navigation used in our themes. It is a great way to quickly get learners into main areas of your site. The icons, button, text, and color help draw attention to this style of navigation. There are three settings for each icon and you can create up to eight icons in total. The first element to creating an icon button is the actual icon which comes from Font-Awesome. Use any of these icons found here: http://fontawesome.io/cheatsheet/ just remember to remove the "fa-". Next enter in text which will appear below the icon. Try to keep it to one or two words. Finally, you must provide a link. It can be a link to anywhere. You can link to anywhere including outside websites just enter the proper URL. If your Moodle site is in a subdirectory the default URL will not work. Please adjust the URL to reflect the subdirectory. Example if "moodle" was your subdirectory folder then the URL would need to be changed to /moodle/my/.

In addition to the 8 icons there are two special icons: Course Creator Button and Slide Icon Button. The course creator button will appear when a user has the capability to create courses. If you use LDAP you can make all staff members "Course Creators" when they login to Moodle. If this is the case, this button will appear for them and quickly help them begin creating a new course. The slide icon button is a toggle button that will either show or hide a custom textbox. When pressed, the slide textbox reveals itself by sliding down from the icon navigation bar. This is ideal for featured courses, staff trainings, and other helpful information.

[[File:displayicon.png]]

----

== Marketing Tiles ==

[[File:marketingtiles.png]]

admin/setting/themesettingfordson

2016-12-16T23:06:44Z

Chrislk:

Fordson is a child theme of Boost. It features an enhanced homepage, color choosers for all major elements of the page, preset support, custom header images for both courses and the main site.
There are seven pages for Fordson: Presets, Colours, Heading and Course Image Settings, Content Areas, Social Networking, Icon Navigation, and Marketing Tiles. This page will cover each of these pages.

[[File:enhancedhome.png]]

== Presets ==
'''Fordson Preset Tab'''

Choose from several included presets or upload your own. The Fordson theme has several elements in the layout which are not included with the default Boost theme. These elements are included in the SCSS folder in the styles.scss file. This ensures that basic styling for marketing tiles, icon navigation, and other elements will carry over when using other presets. A listing of these changes should be included here.

[[File:presets.png]]

----

== Colours ==
'''Fordson Colours Tab'''

The colours tab allows you to quickly change the look of the major elements of the page. Text, links, background colors are all included. Along with this, some standard bootstrap elements common to presets are also included. Once you upload a preset you most likely can alter some of the colors using the Fordson Colour tab.

It is recommended you remove all color settings when exploring presets so that the Fordson color choosers do not alter the preset styles.

[[File:colours.png]]

----

== Heading and Course Image Settings ==
'''Fordson Heading and Course Image Settings Tab'''

Upload a default header image, body background image, and/or login image. The default header image is used at the top of every page. The height of the header can be set using the dropdown setting. If a teacher uploads an image file to their course summary files area then it will replace the default image for that course. This allows teachers to customize their course without having to use a new theme.

[[File:courseimages.png]]

----

== Content Areas ==
'''Fordson Content Areas'''

There are four areas for custom content: Frontpage Logged in Textbox, Frontpage Logged Out Textbox, Alert, and Footnote. Using the frontpage textboxes you can provide a message or instructions for visitors based on whether they are authenticated or just visiting. The alert box is useful for maintenance or other notices that users must see. The alert message appears on the site homepage just below the icon navigation area. The footnote appears in the footer of the page.

[[File:contentareas.png]]

----

== Social Networking ==

== Icon Navigation ==
Fordson Icon Navigation Tab

[[File:iconnavigation.png]]

The icon navigation is a unique navigation used in our themes. It is a great way to quickly get learners into main areas of your site. The icons, button, text, and color help draw attention to this style of navigation. There are three settings for each icon and you can create up to eight icons in total. The first element to creating an icon button is the actual icon which comes from Font-Awesome. Use any of these icons found here: http://fontawesome.io/cheatsheet/ just remember to remove the "fa-". Next enter in text which will appear below the icon. Try to keep it to one or two words. Finally, you must provide a link. It can be a link to anywhere. You can link to anywhere including outside websites just enter the proper URL. If your Moodle site is in a subdirectory the default URL will not work. Please adjust the URL to reflect the subdirectory. Example if "moodle" was your subdirectory folder then the URL would need to be changed to /moodle/my/.

[[File:displayicon.png]]

----

== Marketing Tiles ==

[[File:marketingtiles.png]]

File:enhancedhome.png

2016-12-16T23:06:14Z

Chrislk: Fordson Theme Enhanced Homepage Features

Fordson Theme Enhanced Homepage Features

admin/setting/themesettingfordson

2016-12-16T23:05:46Z

Chrislk:

Fordson is a child theme of Boost. It features an enhanced homepage, color choosers for all major elements of the page, preset support, custom header images for both courses and the main site.
There are seven pages for Fordson: Presets, Colours, Heading and Course Image Settings, Content Areas, Social Networking, Icon Navigation, and Marketing Tiles. This page will cover each of these pages.

[[File:enhancedhome.png]]

== Presets ==
'''Fordson Preset Tab'''

Choose from several included presets or upload your own. The Fordson theme has several elements in the layout which are not included with the default Boost theme. These elements are included in the SCSS folder in the styles.scss file. This ensures that basic styling for marketing tiles, icon navigation, and other elements will carry over when using other presets. A listing of these changes should be included here.

[[File:presets.png]]

----

== Colours ==
'''Fordson Colours Tab'''

The colours tab allows you to quickly change the look of the major elements of the page. Text, links, background colors are all included. Along with this, some standard bootstrap elements common to presets are also included. Once you upload a preset you most likely can alter some of the colors using the Fordson Colour tab.

It is recommended you remove all color settings when exploring presets so that the Fordson color choosers do not alter the preset styles.

[[File:colours.png]]

----

== Heading and Course Image Settings ==
'''Fordson Heading and Course Image Settings Tab'''

Upload a default header image, body background image, and/or login image. The default header image is used at the top of every page. The height of the header can be set using the dropdown setting. If a teacher uploads an image file to their course summary files area then it will replace the default image for that course. This allows teachers to customize their course without having to use a new theme.

[[File:courseimages.png]]

----

== Content Areas ==
'''Fordson Content Areas'''

There are four areas for custom content: Frontpage Logged in Textbox, Frontpage Logged Out Textbox, Alert, and Footnote. Using the frontpage textboxes you can provide a message or instructions for visitors based on whether they are authenticated or just visiting. The alert box is useful for maintenance or other notices that users must see. The alert message appears on the site homepage just below the icon navigation area. The footnote appears in the footer of the page.

[[File:contentareas.png]]

----

== Social Networking ==

== Icon Navigation ==
Fordson Icon Navigation Tab

[[File:iconnavigation.png]]

The icon navigation is a unique navigation used in our themes. It is a great way to quickly get learners into main areas of your site. The icons, button, text, and color help draw attention to this style of navigation. There are three settings for each icon and you can create up to eight icons in total. The first element to creating an icon button is the actual icon which comes from Font-Awesome. Use any of these icons found here: http://fontawesome.io/cheatsheet/ just remember to remove the "fa-". Next enter in text which will appear below the icon. Try to keep it to one or two words. Finally, you must provide a link. It can be a link to anywhere. You can link to anywhere including outside websites just enter the proper URL. If your Moodle site is in a subdirectory the default URL will not work. Please adjust the URL to reflect the subdirectory. Example if "moodle" was your subdirectory folder then the URL would need to be changed to /moodle/my/.

[[File:displayicon.png]]

----

== Marketing Tiles ==

[[File:marketingtiles.png]]

admin/setting/themesettingfordson

2016-12-16T23:04:36Z

Chrislk: /* Marketing Tiles */

Fordson is a child theme of Boost. It features an enhanced homepage, color choosers for all major elements of the page, preset support, custom header images for both courses and the main site.
There are seven pages for Fordson: Presets, Colours, Heading and Course Image Settings, Content Areas, Social Networking, Icon Navigation, and Marketing Tiles. This page will cover each of these pages.

== Presets ==
'''Fordson Preset Tab'''

Choose from several included presets or upload your own. The Fordson theme has several elements in the layout which are not included with the default Boost theme. These elements are included in the SCSS folder in the styles.scss file. This ensures that basic styling for marketing tiles, icon navigation, and other elements will carry over when using other presets. A listing of these changes should be included here.

[[File:presets.png]]

----

== Colours ==
'''Fordson Colours Tab'''

The colours tab allows you to quickly change the look of the major elements of the page. Text, links, background colors are all included. Along with this, some standard bootstrap elements common to presets are also included. Once you upload a preset you most likely can alter some of the colors using the Fordson Colour tab.

It is recommended you remove all color settings when exploring presets so that the Fordson color choosers do not alter the preset styles.

[[File:colours.png]]

----

== Heading and Course Image Settings ==
'''Fordson Heading and Course Image Settings Tab'''

Upload a default header image, body background image, and/or login image. The default header image is used at the top of every page. The height of the header can be set using the dropdown setting. If a teacher uploads an image file to their course summary files area then it will replace the default image for that course. This allows teachers to customize their course without having to use a new theme.

[[File:courseimages.png]]

----

== Content Areas ==
'''Fordson Content Areas'''

There are four areas for custom content: Frontpage Logged in Textbox, Frontpage Logged Out Textbox, Alert, and Footnote. Using the frontpage textboxes you can provide a message or instructions for visitors based on whether they are authenticated or just visiting. The alert box is useful for maintenance or other notices that users must see. The alert message appears on the site homepage just below the icon navigation area. The footnote appears in the footer of the page.

[[File:contentareas.png]]

----

== Social Networking ==

== Icon Navigation ==
Fordson Icon Navigation Tab

[[File:iconnavigation.png]]

The icon navigation is a unique navigation used in our themes. It is a great way to quickly get learners into main areas of your site. The icons, button, text, and color help draw attention to this style of navigation. There are three settings for each icon and you can create up to eight icons in total. The first element to creating an icon button is the actual icon which comes from Font-Awesome. Use any of these icons found here: http://fontawesome.io/cheatsheet/ just remember to remove the "fa-". Next enter in text which will appear below the icon. Try to keep it to one or two words. Finally, you must provide a link. It can be a link to anywhere. You can link to anywhere including outside websites just enter the proper URL. If your Moodle site is in a subdirectory the default URL will not work. Please adjust the URL to reflect the subdirectory. Example if "moodle" was your subdirectory folder then the URL would need to be changed to /moodle/my/.

[[File:displayicon.png]]

----

== Marketing Tiles ==

[[File:marketingtiles.png]]

File:marketingtiles.png

2016-12-16T23:03:49Z

Chrislk: Create up to six marketing tiles

Create up to six marketing tiles

admin/setting/themesettingfordson

2016-12-16T23:03:06Z

Chrislk: /* Marketing Tiles */

Fordson is a child theme of Boost. It features an enhanced homepage, color choosers for all major elements of the page, preset support, custom header images for both courses and the main site.
There are seven pages for Fordson: Presets, Colours, Heading and Course Image Settings, Content Areas, Social Networking, Icon Navigation, and Marketing Tiles. This page will cover each of these pages.

== Presets ==
'''Fordson Preset Tab'''

Choose from several included presets or upload your own. The Fordson theme has several elements in the layout which are not included with the default Boost theme. These elements are included in the SCSS folder in the styles.scss file. This ensures that basic styling for marketing tiles, icon navigation, and other elements will carry over when using other presets. A listing of these changes should be included here.

[[File:presets.png]]

----

== Colours ==
'''Fordson Colours Tab'''

The colours tab allows you to quickly change the look of the major elements of the page. Text, links, background colors are all included. Along with this, some standard bootstrap elements common to presets are also included. Once you upload a preset you most likely can alter some of the colors using the Fordson Colour tab.

It is recommended you remove all color settings when exploring presets so that the Fordson color choosers do not alter the preset styles.

[[File:colours.png]]

----

== Heading and Course Image Settings ==
'''Fordson Heading and Course Image Settings Tab'''

Upload a default header image, body background image, and/or login image. The default header image is used at the top of every page. The height of the header can be set using the dropdown setting. If a teacher uploads an image file to their course summary files area then it will replace the default image for that course. This allows teachers to customize their course without having to use a new theme.

[[File:courseimages.png]]

----

== Content Areas ==
'''Fordson Content Areas'''

There are four areas for custom content: Frontpage Logged in Textbox, Frontpage Logged Out Textbox, Alert, and Footnote. Using the frontpage textboxes you can provide a message or instructions for visitors based on whether they are authenticated or just visiting. The alert box is useful for maintenance or other notices that users must see. The alert message appears on the site homepage just below the icon navigation area. The footnote appears in the footer of the page.

[[File:contentareas.png]]

----

== Social Networking ==

== Icon Navigation ==
Fordson Icon Navigation Tab

[[File:iconnavigation.png]]

The icon navigation is a unique navigation used in our themes. It is a great way to quickly get learners into main areas of your site. The icons, button, text, and color help draw attention to this style of navigation. There are three settings for each icon and you can create up to eight icons in total. The first element to creating an icon button is the actual icon which comes from Font-Awesome. Use any of these icons found here: http://fontawesome.io/cheatsheet/ just remember to remove the "fa-". Next enter in text which will appear below the icon. Try to keep it to one or two words. Finally, you must provide a link. It can be a link to anywhere. You can link to anywhere including outside websites just enter the proper URL. If your Moodle site is in a subdirectory the default URL will not work. Please adjust the URL to reflect the subdirectory. Example if "moodle" was your subdirectory folder then the URL would need to be changed to /moodle/my/.

[[File:displayicon.png]]

----

== Marketing Tiles ==
[[File:marketingtiles.png]]

File:displayicon.png

2016-12-16T23:01:20Z

Chrislk: Icon navigation in Fordson

Icon navigation in Fordson

File:iconnavigation.png

2016-12-16T23:00:26Z

Chrislk: Create up to eight icons

Create up to eight icons

admin/setting/themesettingfordson

2016-12-16T22:59:54Z

Chrislk: /* Icon Navigation */

Fordson is a child theme of Boost. It features an enhanced homepage, color choosers for all major elements of the page, preset support, custom header images for both courses and the main site.
There are seven pages for Fordson: Presets, Colours, Heading and Course Image Settings, Content Areas, Social Networking, Icon Navigation, and Marketing Tiles. This page will cover each of these pages.

== Presets ==
'''Fordson Preset Tab'''

Choose from several included presets or upload your own. The Fordson theme has several elements in the layout which are not included with the default Boost theme. These elements are included in the SCSS folder in the styles.scss file. This ensures that basic styling for marketing tiles, icon navigation, and other elements will carry over when using other presets. A listing of these changes should be included here.

[[File:presets.png]]

----

== Colours ==
'''Fordson Colours Tab'''

The colours tab allows you to quickly change the look of the major elements of the page. Text, links, background colors are all included. Along with this, some standard bootstrap elements common to presets are also included. Once you upload a preset you most likely can alter some of the colors using the Fordson Colour tab.

It is recommended you remove all color settings when exploring presets so that the Fordson color choosers do not alter the preset styles.

[[File:colours.png]]

----

== Heading and Course Image Settings ==
'''Fordson Heading and Course Image Settings Tab'''

Upload a default header image, body background image, and/or login image. The default header image is used at the top of every page. The height of the header can be set using the dropdown setting. If a teacher uploads an image file to their course summary files area then it will replace the default image for that course. This allows teachers to customize their course without having to use a new theme.

[[File:courseimages.png]]

----

== Content Areas ==
'''Fordson Content Areas'''

There are four areas for custom content: Frontpage Logged in Textbox, Frontpage Logged Out Textbox, Alert, and Footnote. Using the frontpage textboxes you can provide a message or instructions for visitors based on whether they are authenticated or just visiting. The alert box is useful for maintenance or other notices that users must see. The alert message appears on the site homepage just below the icon navigation area. The footnote appears in the footer of the page.

[[File:contentareas.png]]

----

== Social Networking ==

== Icon Navigation ==
Fordson Icon Navigation Tab

[[File:iconnavigation.png]]

The icon navigation is a unique navigation used in our themes. It is a great way to quickly get learners into main areas of your site. The icons, button, text, and color help draw attention to this style of navigation. There are three settings for each icon and you can create up to eight icons in total. The first element to creating an icon button is the actual icon which comes from Font-Awesome. Use any of these icons found here: http://fontawesome.io/cheatsheet/ just remember to remove the "fa-". Next enter in text which will appear below the icon. Try to keep it to one or two words. Finally, you must provide a link. It can be a link to anywhere. You can link to anywhere including outside websites just enter the proper URL. If your Moodle site is in a subdirectory the default URL will not work. Please adjust the URL to reflect the subdirectory. Example if "moodle" was your subdirectory folder then the URL would need to be changed to /moodle/my/.

[[File:displayicon.png]]

----

== Marketing Tiles ==

admin/setting/themesettingfordson

2016-12-16T17:37:20Z

Chrislk: /* Content Areas */

File:contentareas.png

2016-12-16T17:36:40Z

Chrislk: Content areas allow you to provide instructions, greetings, and useful information.

Content areas allow you to provide instructions, greetings, and useful information.

admin/setting/themesettingfordson

2016-12-16T17:35:56Z

Chrislk: /* Content Areas */

admin/setting/themesettingfordson

2016-12-16T17:28:21Z

Chrislk:

admin/setting/themesettingfordson

2016-12-16T17:26:55Z

Chrislk:

admin/setting/themesettingfordson

2016-12-16T17:15:06Z

Chrislk:

admin/setting/themesettingfordson

2016-12-16T17:14:44Z

Chrislk: /* Presets */

admin/setting/themesettingfordson

2016-12-16T17:14:28Z

Chrislk: /* Heading and Course Image Settings */

File:courseimages.png

2016-12-16T17:10:44Z

Chrislk: Upload default images used in the Header, Login Page, or Body Background.

Upload default images used in the Header, Login Page, or Body Background.

admin/setting/themesettingfordson

2016-12-16T17:09:47Z

Chrislk: /* Heading and Course Image Settings */

admin/setting/themesettingfordson

2016-12-16T17:07:53Z

Chrislk: /* Colours */

admin/setting/themesettingfordson

2016-12-16T17:07:43Z

Chrislk: /* Presets */

admin/setting/themesettingfordson

2016-12-16T17:06:47Z

Chrislk: /* Presets */

admin/setting/themesettingfordson

2016-12-16T17:06:30Z

Chrislk: /* Colours */

admin/setting/themesettingfordson

2016-12-16T17:05:56Z

Chrislk: /* Colours */

File:colours.png

2016-12-16T17:02:43Z

Chrislk: Fordson includes colour choosers for most elements on a page as well as commonly used Bootstrap settings.

Fordson includes colour choosers for most elements on a page as well as commonly used Bootstrap settings.

admin/setting/themesettingfordson

2016-12-16T17:01:20Z

Chrislk: /* Colours */

admin/setting/themesettingfordson

2016-12-16T16:56:11Z

Chrislk: /* Presets */

admin/setting/themesettingfordson

2016-12-16T16:54:43Z

Chrislk: /* Presets */

File:presets.png

2016-12-16T16:50:33Z

Chrislk: Several presets have been provided. You may also upload your own presets.

Several presets have been provided. You may also upload your own presets.

admin/setting/themesettingfordson

2016-12-16T16:49:42Z

Chrislk: /* Presets */

admin/setting/themesettingfordson

2016-12-16T16:40:48Z

Chrislk: Fordson Theme Administration Pages

Evolve-D theme

2015-08-19T16:33:41Z

Chrislk: /* Frontpage options */

{{Themes}}
{{Infobox plugin
|type = Theme
|entry = https://moodle.org/plugins/view/theme_evolved
|tracker = https://github.com/kennibc/moodle-theme_evolved/issues
|discussion = https://moodle.org/mod/forum/discuss.php?d=265019
|maintainer = [[User:Chris Kenniburg|Chris Kenniburg]]
|float = right
}}
This is a [[:Category:Contributed_code|contributed (third party)]] theme for Moodle written by Chris Kenniburg and shared on Moodle.org

==Overview==
[[File:Evolved theme login page.png|600px]]

Our goal with the Evolve-D theme is to strike a balance between beauty and function. We want a really simple way for students to login and access their learning material. Once you install the Evolve-D theme you want to take care to make sure it is setup correctly. There are 6 pages of options but the most important are on the Frontpage Options page.

==Theme Features:==
* Custom Frontpage for logged in and logged out users
* Stylish login page with fullscreen image background presented to logged out users
* Simplified custom homepage for logged in users with icon navigation block, course search box, a nice image display/slideshow, and a large text box for homepage instructions presented to logged in users
* '''NEW!''' Ability to add 8 icons and links on the custom homepage icon navigation block
* '''NEW!''' 4 image display/slideshow with on/off toggle for the custom homepage.
* My Courses drop down navigation
* 2 column theme with sidebars located to the right
* Color pickers galore
* 3 marketing boxes made famous in the Essential theme
* Stylish icons for blocks made famous in Aardvark theme
* Integrated with the [https://moodle.org/plugins/view/format_socialwall Socialwall Course Format] plugin with extra styling for improved user experience
* Uploading a logo no longer replaces the page title. The logo you upload will be placed to the right of the breadcrumbs at the top of the page.
* The page title now appears directly above the page content.
* Great support/customization for Moodle [[Languages]] and [[Multi-language content filter|multilingual sites]]

==Settings==

Login with your Moodle Admin account and navigate to '' Site Administration > Appearance > Themes > Evolve-D '' and notice the 6 pages:

[[File:Evolve-D 6 settings pages.png|200px]]

==General settings==

[[File:Evolved theme genral settings page.png|600px]]

'''Font Selector''' - Pick from a variety of Google Fonts. Text and headings throughout the theme will be changed to your liking.

'''Invert Navbar''' - This option will make the very top bar black.

'''Logo''' - Upload your logo. It should be 150px by 75px for best results. This logo will appear on the right side of the screen in the same area as the breadcrumbs. Unlike the More theme this will not replace the page/course title.

'''Custom CSS''' - If you need to add in your own flair you can do so here.

'''General and Snow Alerts''' - These appear on the login pages and the frontpage at the top of the screen. These are handy for special messages.

'''Footnote''' - This is simply a text box that will appear at the very bottom of the page.

==Theme Colours==
[[File:Evolved theme background settings.png|600px]]

'''Text, Link, Main Content, Secondary, and Background color settings''' - Customize a variety of colors for the theme. Use the color chooser to pick just the right color for your site.

'''Background Image''' - Upload an image to be used in the background. You can get creative with transparent PNG images and using the repeat or centered options. For instance the default setup uses a PNG of books on a shelf. It is positioned to bottom left and repeats horizontally. If you like you can upload an image and click the check boxes to make the background fixed and full screen. Sometimes this is nice if you want the background to be the same in courses as it is on the login page. The login page is covered in the Frontpage Settings area.

==Custom menu==
[[File:Evolved theme custom menu.png|600px]]

The custom menu displays a list of courses you are enrolled in. This appears at the very top of the page and allows the user to quickly move from one course to another.

'''Display enrolled courses''' - Turn this feature on or off.

'''Terminology''' - Choose from My Courses, My Units, My Classes, My Modules. This will be displayed as a drop down at the very top of the pages.

==Marketing spots==
[[File:Evolved theme marketing spots.png|800px]]

Marketing spots allow you to display three boxes at the very bottom of the page. This is great for bringing attention to certain items.

'''Marketing Box background colour''' - Pick a background color for the marketing boxes.

'''Toggle Marketing Spot display''' - Choose when to display the marketing spots: Always show, show before login, show after login, never show.

Each of the three marketing spots have the following setup.

* '''Title''' - The main title of the marketing spot.
* '''Icon''' - pick any icon from Font Awesome. You need to only type in the name of the icon. Example: star
** You can find all icons here: http://fortawesome.github.io/Font-Awesome/cheatsheet/
* '''Content''' - The message you want people to see and read. You can add links to words and use text formatting.
* '''Link Text''' - This appears in the bottom right of the box. It is optional. Type in the words you would like to be a link.
* '''Link URL''' - The actual link address.
* '''Link Target''' - How you want the link to open.

==Frontpage options==
[[File:Evolved theme frontpage options.png|600px]]
----
'''MOODLE 2.9 NOTE: In order to see this theme's custom homepage you must tell Moodle to use the Site Homepage rather than the default "Dashboard". Please go to Site Administration > Navigation and change the setting for "Default Home Page for Users" from Dashboard to Site.
'''

[[image:Evolve-D 6 set default homepage.png]]
----
The frontpage options are really what separates this theme from others. The frontpage options allow you to simplify the Moodle frontpage and add a stylish custom login. There are a variety of options and features.

'''Frontpage Toggle''' - Turn on or off the custom frontpage. If you turn it off the theme will operate like any other Moodle theme and is modelled after the More theme. We recommend you turn this on.

'''Frontpage Background Image''' - This is the full screen image that appears when you first visit the site. It appears on both the standard Moodle login page as well as the theme’s custom built in login page.

'''Frontpage Slideshow with Thumbnails''' - This will toggle the slideshow on or off. If using the slideshow you must upload 4 images in the next step for it to work properly. Images should be 900px by 300px. The slides are responsive and will shrink with the screen resolution.

'''Slideshow 1 through 4''' - Upload a slide in each of these 4 areas. 900px by 300px is the recommended size.

'''Frontpage Textbox''' - This text appears below the slideshow on the custom homepage. This is a great place to put in directions or information for students and teachers on how to get started.

'''Custom Frontpage Icons'''
Each icon has three elements: Icon, link text, and link URL. Icon names can be found here:
http://fortawesome.github.io/Font-Awesome/cheatsheet/ You can add up to 8 icons.

'''Recommended Icons include the following''':

[[File:Evolved theme recommended icons.png|200px]]

* '''Icon One'''
** Icon = home
** Link Text = My Home
** Link URL = my/

* '''Icon Two'''
** Icon = calendar
** Link Text = Calendar
** Link URL = calendar/view.php?view=month

* '''Icon Three'''
** Icon = bookmark
** Link Text = Badges
** Link URL = badges/mybadges.php

* '''Icon Four'''
** Icon = book
** Link Text = Courses
** Link URL = course/

==Socialwall Course Format Options==
These settings allow you to customize the labels and colors of the [https://moodle.org/plugins/browse.php?list=set&id=74 SocialWall Course Format]:

===How to change/translate the hard-wired English language strings used in the [https://moodle.org/plugins/view/format_socialwall Socialwall Course Format]===

There are four words (''Post, Message, Comments, attachments'') used in the [https://moodle.org/plugins/view/format_socialwall Socialwall Course Format] that are not translated in [https://lang.moodle.org/ AMOS] for the Moodle [[Language packs]].

It is very easy to change/customize/translate these four words by using the Socialwall Course Format Options. See the following example for the Mexican Spanish language:

[[File:Evolve-D SocialWall format settings for 4 hard-wired words.png|600px]]

* If you have a [[Multi-language content filter|multilingual site]], You can also customize the labels for these four words (''Post, Message, Comments, attachments'') for several [[Language packs]] in the same page. If you have difficulty with some of your students' languages You can always use the [https://translate.google.com/ Google translate page]. See the following screen image:

[[File:Evolve-D SocialWall format labels.png]]

==Sample Custom Frontpage Image==

[[File:Evolved theme sample custom frontpage image.png]]

==Experimental Enhancements==
Use at your own risk! (however this seems to work quite well)

Special thanks to Cihat Okan ARIKAN from moodle.org forums for sending this my way.

'''The new frontpage image slideshow:'''
If you want to have the images pause on mouseover then you can upload this new file into “Moodle root/themes/evolved/layout/includes” Download the new fpcustom_lgin.php file here: https://drive.google.com/file/d/0BwVGFeDJiDchNnljV29rVFh6WW8/view?usp=sharing

==Translations available==
This plugin has its English language strings available for [https://docs.moodle.org/dev/Contributing_a_translation translation] at [https://lang.moodle.org/ AMOS].

As of August 4th 2015, this plugin has been translated into:
* Slovenian (sl)
* Spanish - Mexico (es_mx)
* Ukrainian (uk)

You can easily [https://docs.moodle.org/dev/Contributing_a_translation contribute a translation] for your language.

==See also==
The author's documentation in [https://docs.google.com/document/d/1InnFyMfajEKF-MSfvSHFLYHFTLaiYxZ0nulVzJZ9OGk/edit Google docs]

[[es:Tema Evolve-D]]

File:Evolve-D 6 set default homepage.png

2015-08-19T16:31:33Z

Chrislk:

Evolve-D theme

2015-08-19T16:31:00Z

Chrislk: /* Frontpage options */

{{Themes}}
{{Infobox plugin
|type = Theme
|entry = https://moodle.org/plugins/view/theme_evolved
|tracker = https://github.com/kennibc/moodle-theme_evolved/issues
|discussion = https://moodle.org/mod/forum/discuss.php?d=265019
|maintainer = [[User:Chris Kenniburg|Chris Kenniburg]]
|float = right
}}
This is a [[:Category:Contributed_code|contributed (third party)]] theme for Moodle written by Chris Kenniburg and shared on Moodle.org

==Overview==
[[File:Evolved theme login page.png|600px]]

Our goal with the Evolve-D theme is to strike a balance between beauty and function. We want a really simple way for students to login and access their learning material. Once you install the Evolve-D theme you want to take care to make sure it is setup correctly. There are 6 pages of options but the most important are on the Frontpage Options page.

==Theme Features:==
* Custom Frontpage for logged in and logged out users
* Stylish login page with fullscreen image background presented to logged out users
* Simplified custom homepage for logged in users with icon navigation block, course search box, a nice image display/slideshow, and a large text box for homepage instructions presented to logged in users
* '''NEW!''' Ability to add 8 icons and links on the custom homepage icon navigation block
* '''NEW!''' 4 image display/slideshow with on/off toggle for the custom homepage.
* My Courses drop down navigation
* 2 column theme with sidebars located to the right
* Color pickers galore
* 3 marketing boxes made famous in the Essential theme
* Stylish icons for blocks made famous in Aardvark theme
* Integrated with the [https://moodle.org/plugins/view/format_socialwall Socialwall Course Format] plugin with extra styling for improved user experience
* Uploading a logo no longer replaces the page title. The logo you upload will be placed to the right of the breadcrumbs at the top of the page.
* The page title now appears directly above the page content.
* Great support/customization for Moodle [[Languages]] and [[Multi-language content filter|multilingual sites]]

==Settings==

Login with your Moodle Admin account and navigate to '' Site Administration > Appearance > Themes > Evolve-D '' and notice the 6 pages:

[[File:Evolve-D 6 settings pages.png|200px]]

==General settings==

[[File:Evolved theme genral settings page.png|600px]]

'''Font Selector''' - Pick from a variety of Google Fonts. Text and headings throughout the theme will be changed to your liking.

'''Invert Navbar''' - This option will make the very top bar black.

'''Logo''' - Upload your logo. It should be 150px by 75px for best results. This logo will appear on the right side of the screen in the same area as the breadcrumbs. Unlike the More theme this will not replace the page/course title.

'''Custom CSS''' - If you need to add in your own flair you can do so here.

'''General and Snow Alerts''' - These appear on the login pages and the frontpage at the top of the screen. These are handy for special messages.

'''Footnote''' - This is simply a text box that will appear at the very bottom of the page.

==Theme Colours==
[[File:Evolved theme background settings.png|600px]]

'''Text, Link, Main Content, Secondary, and Background color settings''' - Customize a variety of colors for the theme. Use the color chooser to pick just the right color for your site.

'''Background Image''' - Upload an image to be used in the background. You can get creative with transparent PNG images and using the repeat or centered options. For instance the default setup uses a PNG of books on a shelf. It is positioned to bottom left and repeats horizontally. If you like you can upload an image and click the check boxes to make the background fixed and full screen. Sometimes this is nice if you want the background to be the same in courses as it is on the login page. The login page is covered in the Frontpage Settings area.

==Custom menu==
[[File:Evolved theme custom menu.png|600px]]

The custom menu displays a list of courses you are enrolled in. This appears at the very top of the page and allows the user to quickly move from one course to another.

'''Display enrolled courses''' - Turn this feature on or off.

'''Terminology''' - Choose from My Courses, My Units, My Classes, My Modules. This will be displayed as a drop down at the very top of the pages.

==Marketing spots==
[[File:Evolved theme marketing spots.png|800px]]

Marketing spots allow you to display three boxes at the very bottom of the page. This is great for bringing attention to certain items.

'''Marketing Box background colour''' - Pick a background color for the marketing boxes.

'''Toggle Marketing Spot display''' - Choose when to display the marketing spots: Always show, show before login, show after login, never show.

Each of the three marketing spots have the following setup.

* '''Title''' - The main title of the marketing spot.
* '''Icon''' - pick any icon from Font Awesome. You need to only type in the name of the icon. Example: star
** You can find all icons here: http://fortawesome.github.io/Font-Awesome/cheatsheet/
* '''Content''' - The message you want people to see and read. You can add links to words and use text formatting.
* '''Link Text''' - This appears in the bottom right of the box. It is optional. Type in the words you would like to be a link.
* '''Link URL''' - The actual link address.
* '''Link Target''' - How you want the link to open.

==Frontpage options==
[[File:Evolved theme frontpage options.png|600px]]
----
'''MOODLE 2.9 NOTE: In order to see this theme's custom homepage you must tell Moodle to use the Site Homepage rather than the default "Dashboard". Please go to Site Administration > Navigation and change the setting for "Default Home Page for Users" from Dashboard to Site.
'''
[[File:Evolve-D 6 set default homepage.png|500px]]
----
The frontpage options are really what separates this theme from others. The frontpage options allow you to simplify the Moodle frontpage and add a stylish custom login. There are a variety of options and features.

'''Frontpage Toggle''' - Turn on or off the custom frontpage. If you turn it off the theme will operate like any other Moodle theme and is modelled after the More theme. We recommend you turn this on.

'''Frontpage Background Image''' - This is the full screen image that appears when you first visit the site. It appears on both the standard Moodle login page as well as the theme’s custom built in login page.

'''Frontpage Slideshow with Thumbnails''' - This will toggle the slideshow on or off. If using the slideshow you must upload 4 images in the next step for it to work properly. Images should be 900px by 300px. The slides are responsive and will shrink with the screen resolution.

'''Slideshow 1 through 4''' - Upload a slide in each of these 4 areas. 900px by 300px is the recommended size.

'''Frontpage Textbox''' - This text appears below the slideshow on the custom homepage. This is a great place to put in directions or information for students and teachers on how to get started.

'''Custom Frontpage Icons'''
Each icon has three elements: Icon, link text, and link URL. Icon names can be found here:
http://fortawesome.github.io/Font-Awesome/cheatsheet/ You can add up to 8 icons.

'''Recommended Icons include the following''':

[[File:Evolved theme recommended icons.png|200px]]

* '''Icon One'''
** Icon = home
** Link Text = My Home
** Link URL = my/

* '''Icon Two'''
** Icon = calendar
** Link Text = Calendar
** Link URL = calendar/view.php?view=month

* '''Icon Three'''
** Icon = bookmark
** Link Text = Badges
** Link URL = badges/mybadges.php

* '''Icon Four'''
** Icon = book
** Link Text = Courses
** Link URL = course/

==Socialwall Course Format Options==
These settings allow you to customize the labels and colors of the [https://moodle.org/plugins/browse.php?list=set&id=74 SocialWall Course Format]:

===How to change/translate the hard-wired English language strings used in the [https://moodle.org/plugins/view/format_socialwall Socialwall Course Format]===

There are four words (''Post, Message, Comments, attachments'') used in the [https://moodle.org/plugins/view/format_socialwall Socialwall Course Format] that are not translated in [https://lang.moodle.org/ AMOS] for the Moodle [[Language packs]].

It is very easy to change/customize/translate these four words by using the Socialwall Course Format Options. See the following example for the Mexican Spanish language:

[[File:Evolve-D SocialWall format settings for 4 hard-wired words.png|600px]]

* If you have a [[Multi-language content filter|multilingual site]], You can also customize the labels for these four words (''Post, Message, Comments, attachments'') for several [[Language packs]] in the same page. If you have difficulty with some of your students' languages You can always use the [https://translate.google.com/ Google translate page]. See the following screen image:

[[File:Evolve-D SocialWall format labels.png]]

==Sample Custom Frontpage Image==

[[File:Evolved theme sample custom frontpage image.png]]

==Experimental Enhancements==
Use at your own risk! (however this seems to work quite well)

Special thanks to Cihat Okan ARIKAN from moodle.org forums for sending this my way.

'''The new frontpage image slideshow:'''
If you want to have the images pause on mouseover then you can upload this new file into “Moodle root/themes/evolved/layout/includes” Download the new fpcustom_lgin.php file here: https://drive.google.com/file/d/0BwVGFeDJiDchNnljV29rVFh6WW8/view?usp=sharing

==Translations available==
This plugin has its English language strings available for [https://docs.moodle.org/dev/Contributing_a_translation translation] at [https://lang.moodle.org/ AMOS].

As of August 4th 2015, this plugin has been translated into:
* Slovenian (sl)
* Spanish - Mexico (es_mx)
* Ukrainian (uk)

You can easily [https://docs.moodle.org/dev/Contributing_a_translation contribute a translation] for your language.

==See also==
The author's documentation in [https://docs.google.com/document/d/1InnFyMfajEKF-MSfvSHFLYHFTLaiYxZ0nulVzJZ9OGk/edit Google docs]

[[es:Tema Evolve-D]]

Evolve-D theme

2015-08-19T16:28:11Z

Chrislk: /* Frontpage options */

{{Themes}}
{{Infobox plugin
|type = Theme
|entry = https://moodle.org/plugins/view/theme_evolved
|tracker = https://github.com/kennibc/moodle-theme_evolved/issues
|discussion = https://moodle.org/mod/forum/discuss.php?d=265019
|maintainer = [[User:Chris Kenniburg|Chris Kenniburg]]
|float = right
}}
This is a [[:Category:Contributed_code|contributed (third party)]] theme for Moodle written by Chris Kenniburg and shared on Moodle.org

==Overview==
[[File:Evolved theme login page.png|600px]]

Our goal with the Evolve-D theme is to strike a balance between beauty and function. We want a really simple way for students to login and access their learning material. Once you install the Evolve-D theme you want to take care to make sure it is setup correctly. There are 6 pages of options but the most important are on the Frontpage Options page.

==Theme Features:==
* Custom Frontpage for logged in and logged out users
* Stylish login page with fullscreen image background presented to logged out users
* Simplified custom homepage for logged in users with icon navigation block, course search box, a nice image display/slideshow, and a large text box for homepage instructions presented to logged in users
* '''NEW!''' Ability to add 8 icons and links on the custom homepage icon navigation block
* '''NEW!''' 4 image display/slideshow with on/off toggle for the custom homepage.
* My Courses drop down navigation
* 2 column theme with sidebars located to the right
* Color pickers galore
* 3 marketing boxes made famous in the Essential theme
* Stylish icons for blocks made famous in Aardvark theme
* Integrated with the [https://moodle.org/plugins/view/format_socialwall Socialwall Course Format] plugin with extra styling for improved user experience
* Uploading a logo no longer replaces the page title. The logo you upload will be placed to the right of the breadcrumbs at the top of the page.
* The page title now appears directly above the page content.
* Great support/customization for Moodle [[Languages]] and [[Multi-language content filter|multilingual sites]]

==Settings==

Login with your Moodle Admin account and navigate to '' Site Administration > Appearance > Themes > Evolve-D '' and notice the 6 pages:

[[File:Evolve-D 6 settings pages.png|200px]]

==General settings==

[[File:Evolved theme genral settings page.png|600px]]

'''Font Selector''' - Pick from a variety of Google Fonts. Text and headings throughout the theme will be changed to your liking.

'''Invert Navbar''' - This option will make the very top bar black.

'''Logo''' - Upload your logo. It should be 150px by 75px for best results. This logo will appear on the right side of the screen in the same area as the breadcrumbs. Unlike the More theme this will not replace the page/course title.

'''Custom CSS''' - If you need to add in your own flair you can do so here.

'''General and Snow Alerts''' - These appear on the login pages and the frontpage at the top of the screen. These are handy for special messages.

'''Footnote''' - This is simply a text box that will appear at the very bottom of the page.

==Theme Colours==
[[File:Evolved theme background settings.png|600px]]

'''Text, Link, Main Content, Secondary, and Background color settings''' - Customize a variety of colors for the theme. Use the color chooser to pick just the right color for your site.

'''Background Image''' - Upload an image to be used in the background. You can get creative with transparent PNG images and using the repeat or centered options. For instance the default setup uses a PNG of books on a shelf. It is positioned to bottom left and repeats horizontally. If you like you can upload an image and click the check boxes to make the background fixed and full screen. Sometimes this is nice if you want the background to be the same in courses as it is on the login page. The login page is covered in the Frontpage Settings area.

==Custom menu==
[[File:Evolved theme custom menu.png|600px]]

The custom menu displays a list of courses you are enrolled in. This appears at the very top of the page and allows the user to quickly move from one course to another.

'''Display enrolled courses''' - Turn this feature on or off.

'''Terminology''' - Choose from My Courses, My Units, My Classes, My Modules. This will be displayed as a drop down at the very top of the pages.

==Marketing spots==
[[File:Evolved theme marketing spots.png|800px]]

Marketing spots allow you to display three boxes at the very bottom of the page. This is great for bringing attention to certain items.

'''Marketing Box background colour''' - Pick a background color for the marketing boxes.

'''Toggle Marketing Spot display''' - Choose when to display the marketing spots: Always show, show before login, show after login, never show.

Each of the three marketing spots have the following setup.

* '''Title''' - The main title of the marketing spot.
* '''Icon''' - pick any icon from Font Awesome. You need to only type in the name of the icon. Example: star
** You can find all icons here: http://fortawesome.github.io/Font-Awesome/cheatsheet/
* '''Content''' - The message you want people to see and read. You can add links to words and use text formatting.
* '''Link Text''' - This appears in the bottom right of the box. It is optional. Type in the words you would like to be a link.
* '''Link URL''' - The actual link address.
* '''Link Target''' - How you want the link to open.

==Frontpage options==
[[File:Evolved theme frontpage options.png|600px]]
----
'''MOODLE 2.9 NOTE: In order to see this theme's custom homepage you must tell Moodle to use the Site Homepage rather than the default "Dashboard". Please go to Site Administration > Navigation and change the setting for "Default Home Page for Users" from Dashboard to Site.
'''
----
The frontpage options are really what separates this theme from others. The frontpage options allow you to simplify the Moodle frontpage and add a stylish custom login. There are a variety of options and features.

'''Frontpage Toggle''' - Turn on or off the custom frontpage. If you turn it off the theme will operate like any other Moodle theme and is modelled after the More theme. We recommend you turn this on.

'''Frontpage Background Image''' - This is the full screen image that appears when you first visit the site. It appears on both the standard Moodle login page as well as the theme’s custom built in login page.

'''Frontpage Slideshow with Thumbnails''' - This will toggle the slideshow on or off. If using the slideshow you must upload 4 images in the next step for it to work properly. Images should be 900px by 300px. The slides are responsive and will shrink with the screen resolution.

'''Slideshow 1 through 4''' - Upload a slide in each of these 4 areas. 900px by 300px is the recommended size.

'''Frontpage Textbox''' - This text appears below the slideshow on the custom homepage. This is a great place to put in directions or information for students and teachers on how to get started.

'''Custom Frontpage Icons'''
Each icon has three elements: Icon, link text, and link URL. Icon names can be found here:
http://fortawesome.github.io/Font-Awesome/cheatsheet/ You can add up to 8 icons.

'''Recommended Icons include the following''':

[[File:Evolved theme recommended icons.png|200px]]

* '''Icon One'''
** Icon = home
** Link Text = My Home
** Link URL = my/

* '''Icon Two'''
** Icon = calendar
** Link Text = Calendar
** Link URL = calendar/view.php?view=month

* '''Icon Three'''
** Icon = bookmark
** Link Text = Badges
** Link URL = badges/mybadges.php

* '''Icon Four'''
** Icon = book
** Link Text = Courses
** Link URL = course/

==Socialwall Course Format Options==
These settings allow you to customize the labels and colors of the [https://moodle.org/plugins/browse.php?list=set&id=74 SocialWall Course Format]:

===How to change/translate the hard-wired English language strings used in the [https://moodle.org/plugins/view/format_socialwall Socialwall Course Format]===

There are four words (''Post, Message, Comments, attachments'') used in the [https://moodle.org/plugins/view/format_socialwall Socialwall Course Format] that are not translated in [https://lang.moodle.org/ AMOS] for the Moodle [[Language packs]].

It is very easy to change/customize/translate these four words by using the Socialwall Course Format Options. See the following example for the Mexican Spanish language:

[[File:Evolve-D SocialWall format settings for 4 hard-wired words.png|600px]]

* If you have a [[Multi-language content filter|multilingual site]], You can also customize the labels for these four words (''Post, Message, Comments, attachments'') for several [[Language packs]] in the same page. If you have difficulty with some of your students' languages You can always use the [https://translate.google.com/ Google translate page]. See the following screen image:

[[File:Evolve-D SocialWall format labels.png]]

==Sample Custom Frontpage Image==

[[File:Evolved theme sample custom frontpage image.png]]

==Experimental Enhancements==
Use at your own risk! (however this seems to work quite well)

Special thanks to Cihat Okan ARIKAN from moodle.org forums for sending this my way.

'''The new frontpage image slideshow:'''
If you want to have the images pause on mouseover then you can upload this new file into “Moodle root/themes/evolved/layout/includes” Download the new fpcustom_lgin.php file here: https://drive.google.com/file/d/0BwVGFeDJiDchNnljV29rVFh6WW8/view?usp=sharing

==Translations available==
This plugin has its English language strings available for [https://docs.moodle.org/dev/Contributing_a_translation translation] at [https://lang.moodle.org/ AMOS].

As of August 4th 2015, this plugin has been translated into:
* Slovenian (sl)
* Spanish - Mexico (es_mx)
* Ukrainian (uk)

You can easily [https://docs.moodle.org/dev/Contributing_a_translation contribute a translation] for your language.

==See also==
The author's documentation in [https://docs.google.com/document/d/1InnFyMfajEKF-MSfvSHFLYHFTLaiYxZ0nulVzJZ9OGk/edit Google docs]

[[es:Tema Evolve-D]]

Evolve-D theme

2015-08-19T16:27:29Z

Chrislk: /* Frontpage options */

{{Themes}}
{{Infobox plugin
|type = Theme
|entry = https://moodle.org/plugins/view/theme_evolved
|tracker = https://github.com/kennibc/moodle-theme_evolved/issues
|discussion = https://moodle.org/mod/forum/discuss.php?d=265019
|maintainer = [[User:Chris Kenniburg|Chris Kenniburg]]
|float = right
}}
This is a [[:Category:Contributed_code|contributed (third party)]] theme for Moodle written by Chris Kenniburg and shared on Moodle.org

==Overview==
[[File:Evolved theme login page.png|600px]]

Our goal with the Evolve-D theme is to strike a balance between beauty and function. We want a really simple way for students to login and access their learning material. Once you install the Evolve-D theme you want to take care to make sure it is setup correctly. There are 6 pages of options but the most important are on the Frontpage Options page.

==Theme Features:==
* Custom Frontpage for logged in and logged out users
* Stylish login page with fullscreen image background presented to logged out users
* Simplified custom homepage for logged in users with icon navigation block, course search box, a nice image display/slideshow, and a large text box for homepage instructions presented to logged in users
* '''NEW!''' Ability to add 8 icons and links on the custom homepage icon navigation block
* '''NEW!''' 4 image display/slideshow with on/off toggle for the custom homepage.
* My Courses drop down navigation
* 2 column theme with sidebars located to the right
* Color pickers galore
* 3 marketing boxes made famous in the Essential theme
* Stylish icons for blocks made famous in Aardvark theme
* Integrated with the [https://moodle.org/plugins/view/format_socialwall Socialwall Course Format] plugin with extra styling for improved user experience
* Uploading a logo no longer replaces the page title. The logo you upload will be placed to the right of the breadcrumbs at the top of the page.
* The page title now appears directly above the page content.
* Great support/customization for Moodle [[Languages]] and [[Multi-language content filter|multilingual sites]]

==Settings==

Login with your Moodle Admin account and navigate to '' Site Administration > Appearance > Themes > Evolve-D '' and notice the 6 pages:

[[File:Evolve-D 6 settings pages.png|200px]]

==General settings==

[[File:Evolved theme genral settings page.png|600px]]

'''Font Selector''' - Pick from a variety of Google Fonts. Text and headings throughout the theme will be changed to your liking.

'''Invert Navbar''' - This option will make the very top bar black.

'''Logo''' - Upload your logo. It should be 150px by 75px for best results. This logo will appear on the right side of the screen in the same area as the breadcrumbs. Unlike the More theme this will not replace the page/course title.

'''Custom CSS''' - If you need to add in your own flair you can do so here.

'''General and Snow Alerts''' - These appear on the login pages and the frontpage at the top of the screen. These are handy for special messages.

'''Footnote''' - This is simply a text box that will appear at the very bottom of the page.

==Theme Colours==
[[File:Evolved theme background settings.png|600px]]

'''Text, Link, Main Content, Secondary, and Background color settings''' - Customize a variety of colors for the theme. Use the color chooser to pick just the right color for your site.

'''Background Image''' - Upload an image to be used in the background. You can get creative with transparent PNG images and using the repeat or centered options. For instance the default setup uses a PNG of books on a shelf. It is positioned to bottom left and repeats horizontally. If you like you can upload an image and click the check boxes to make the background fixed and full screen. Sometimes this is nice if you want the background to be the same in courses as it is on the login page. The login page is covered in the Frontpage Settings area.

==Custom menu==
[[File:Evolved theme custom menu.png|600px]]

The custom menu displays a list of courses you are enrolled in. This appears at the very top of the page and allows the user to quickly move from one course to another.

'''Display enrolled courses''' - Turn this feature on or off.

'''Terminology''' - Choose from My Courses, My Units, My Classes, My Modules. This will be displayed as a drop down at the very top of the pages.

==Marketing spots==
[[File:Evolved theme marketing spots.png|800px]]

Marketing spots allow you to display three boxes at the very bottom of the page. This is great for bringing attention to certain items.

'''Marketing Box background colour''' - Pick a background color for the marketing boxes.

'''Toggle Marketing Spot display''' - Choose when to display the marketing spots: Always show, show before login, show after login, never show.

Each of the three marketing spots have the following setup.

* '''Title''' - The main title of the marketing spot.
* '''Icon''' - pick any icon from Font Awesome. You need to only type in the name of the icon. Example: star
** You can find all icons here: http://fortawesome.github.io/Font-Awesome/cheatsheet/
* '''Content''' - The message you want people to see and read. You can add links to words and use text formatting.
* '''Link Text''' - This appears in the bottom right of the box. It is optional. Type in the words you would like to be a link.
* '''Link URL''' - The actual link address.
* '''Link Target''' - How you want the link to open.

==Frontpage options==
[[File:Evolved theme frontpage options.png|600px]]

The frontpage options are really what separates this theme from others. The frontpage options allow you to simplify the Moodle frontpage and add a stylish custom login. There are a variety of options and features.

'''Frontpage Toggle''' - Turn on or off the custom frontpage. If you turn it off the theme will operate like any other Moodle theme and is modelled after the More theme. We recommend you turn this on.

'''Frontpage Background Image''' - This is the full screen image that appears when you first visit the site. It appears on both the standard Moodle login page as well as the theme’s custom built in login page.

'''Frontpage Slideshow with Thumbnails''' - This will toggle the slideshow on or off. If using the slideshow you must upload 4 images in the next step for it to work properly. Images should be 900px by 300px. The slides are responsive and will shrink with the screen resolution.

'''Slideshow 1 through 4''' - Upload a slide in each of these 4 areas. 900px by 300px is the recommended size.

'''Frontpage Textbox''' - This text appears below the slideshow on the custom homepage. This is a great place to put in directions or information for students and teachers on how to get started.

'''Custom Frontpage Icons'''
Each icon has three elements: Icon, link text, and link URL. Icon names can be found here:
http://fortawesome.github.io/Font-Awesome/cheatsheet/ You can add up to 8 icons.

'''Recommended Icons include the following''':

[[File:Evolved theme recommended icons.png|200px]]

* '''Icon One'''
** Icon = home
** Link Text = My Home
** Link URL = my/

* '''Icon Two'''
** Icon = calendar
** Link Text = Calendar
** Link URL = calendar/view.php?view=month

* '''Icon Three'''
** Icon = bookmark
** Link Text = Badges
** Link URL = badges/mybadges.php

* '''Icon Four'''
** Icon = book
** Link Text = Courses
** Link URL = course/

----
'''MOODLE 2.9 NOTE: In order to see this theme's custom homepage you must tell Moodle to use the Site Homepage rather than the default "Dashboard". Please go to Site Administration > Navigation and change the setting for "Default Home Page for Users" from Dashboard to Site.
'''
----

==Socialwall Course Format Options==
These settings allow you to customize the labels and colors of the [https://moodle.org/plugins/browse.php?list=set&id=74 SocialWall Course Format]:

===How to change/translate the hard-wired English language strings used in the [https://moodle.org/plugins/view/format_socialwall Socialwall Course Format]===

There are four words (''Post, Message, Comments, attachments'') used in the [https://moodle.org/plugins/view/format_socialwall Socialwall Course Format] that are not translated in [https://lang.moodle.org/ AMOS] for the Moodle [[Language packs]].

It is very easy to change/customize/translate these four words by using the Socialwall Course Format Options. See the following example for the Mexican Spanish language:

[[File:Evolve-D SocialWall format settings for 4 hard-wired words.png|600px]]

* If you have a [[Multi-language content filter|multilingual site]], You can also customize the labels for these four words (''Post, Message, Comments, attachments'') for several [[Language packs]] in the same page. If you have difficulty with some of your students' languages You can always use the [https://translate.google.com/ Google translate page]. See the following screen image:

[[File:Evolve-D SocialWall format labels.png]]

==Sample Custom Frontpage Image==

[[File:Evolved theme sample custom frontpage image.png]]

==Experimental Enhancements==
Use at your own risk! (however this seems to work quite well)

Special thanks to Cihat Okan ARIKAN from moodle.org forums for sending this my way.

'''The new frontpage image slideshow:'''
If you want to have the images pause on mouseover then you can upload this new file into “Moodle root/themes/evolved/layout/includes” Download the new fpcustom_lgin.php file here: https://drive.google.com/file/d/0BwVGFeDJiDchNnljV29rVFh6WW8/view?usp=sharing

==Translations available==
This plugin has its English language strings available for [https://docs.moodle.org/dev/Contributing_a_translation translation] at [https://lang.moodle.org/ AMOS].

As of August 4th 2015, this plugin has been translated into:
* Slovenian (sl)
* Spanish - Mexico (es_mx)
* Ukrainian (uk)

You can easily [https://docs.moodle.org/dev/Contributing_a_translation contribute a translation] for your language.

==See also==
The author's documentation in [https://docs.google.com/document/d/1InnFyMfajEKF-MSfvSHFLYHFTLaiYxZ0nulVzJZ9OGk/edit Google docs]

[[es:Tema Evolve-D]]

Evolve-D theme

2015-08-19T16:26:16Z

Chrislk: /* Frontpage options */

{{Themes}}
{{Infobox plugin
|type = Theme
|entry = https://moodle.org/plugins/view/theme_evolved
|tracker = https://github.com/kennibc/moodle-theme_evolved/issues
|discussion = https://moodle.org/mod/forum/discuss.php?d=265019
|maintainer = [[User:Chris Kenniburg|Chris Kenniburg]]
|float = right
}}
This is a [[:Category:Contributed_code|contributed (third party)]] theme for Moodle written by Chris Kenniburg and shared on Moodle.org

==Overview==
[[File:Evolved theme login page.png|600px]]

Our goal with the Evolve-D theme is to strike a balance between beauty and function. We want a really simple way for students to login and access their learning material. Once you install the Evolve-D theme you want to take care to make sure it is setup correctly. There are 6 pages of options but the most important are on the Frontpage Options page.

==Theme Features:==
* Custom Frontpage for logged in and logged out users
* Stylish login page with fullscreen image background presented to logged out users
* Simplified custom homepage for logged in users with icon navigation block, course search box, a nice image display/slideshow, and a large text box for homepage instructions presented to logged in users
* '''NEW!''' Ability to add 8 icons and links on the custom homepage icon navigation block
* '''NEW!''' 4 image display/slideshow with on/off toggle for the custom homepage.
* My Courses drop down navigation
* 2 column theme with sidebars located to the right
* Color pickers galore
* 3 marketing boxes made famous in the Essential theme
* Stylish icons for blocks made famous in Aardvark theme
* Integrated with the [https://moodle.org/plugins/view/format_socialwall Socialwall Course Format] plugin with extra styling for improved user experience
* Uploading a logo no longer replaces the page title. The logo you upload will be placed to the right of the breadcrumbs at the top of the page.
* The page title now appears directly above the page content.
* Great support/customization for Moodle [[Languages]] and [[Multi-language content filter|multilingual sites]]

==Settings==

Login with your Moodle Admin account and navigate to '' Site Administration > Appearance > Themes > Evolve-D '' and notice the 6 pages:

[[File:Evolve-D 6 settings pages.png|200px]]

==General settings==

[[File:Evolved theme genral settings page.png|600px]]

'''Font Selector''' - Pick from a variety of Google Fonts. Text and headings throughout the theme will be changed to your liking.

'''Invert Navbar''' - This option will make the very top bar black.

'''Logo''' - Upload your logo. It should be 150px by 75px for best results. This logo will appear on the right side of the screen in the same area as the breadcrumbs. Unlike the More theme this will not replace the page/course title.

'''Custom CSS''' - If you need to add in your own flair you can do so here.

'''General and Snow Alerts''' - These appear on the login pages and the frontpage at the top of the screen. These are handy for special messages.

'''Footnote''' - This is simply a text box that will appear at the very bottom of the page.

==Theme Colours==
[[File:Evolved theme background settings.png|600px]]

'''Text, Link, Main Content, Secondary, and Background color settings''' - Customize a variety of colors for the theme. Use the color chooser to pick just the right color for your site.

'''Background Image''' - Upload an image to be used in the background. You can get creative with transparent PNG images and using the repeat or centered options. For instance the default setup uses a PNG of books on a shelf. It is positioned to bottom left and repeats horizontally. If you like you can upload an image and click the check boxes to make the background fixed and full screen. Sometimes this is nice if you want the background to be the same in courses as it is on the login page. The login page is covered in the Frontpage Settings area.

==Custom menu==
[[File:Evolved theme custom menu.png|600px]]

The custom menu displays a list of courses you are enrolled in. This appears at the very top of the page and allows the user to quickly move from one course to another.

'''Display enrolled courses''' - Turn this feature on or off.

'''Terminology''' - Choose from My Courses, My Units, My Classes, My Modules. This will be displayed as a drop down at the very top of the pages.

==Marketing spots==
[[File:Evolved theme marketing spots.png|800px]]

Marketing spots allow you to display three boxes at the very bottom of the page. This is great for bringing attention to certain items.

'''Marketing Box background colour''' - Pick a background color for the marketing boxes.

'''Toggle Marketing Spot display''' - Choose when to display the marketing spots: Always show, show before login, show after login, never show.

Each of the three marketing spots have the following setup.

* '''Title''' - The main title of the marketing spot.
* '''Icon''' - pick any icon from Font Awesome. You need to only type in the name of the icon. Example: star
** You can find all icons here: http://fortawesome.github.io/Font-Awesome/cheatsheet/
* '''Content''' - The message you want people to see and read. You can add links to words and use text formatting.
* '''Link Text''' - This appears in the bottom right of the box. It is optional. Type in the words you would like to be a link.
* '''Link URL''' - The actual link address.
* '''Link Target''' - How you want the link to open.

==Frontpage options==
[[File:Evolved theme frontpage options.png|600px]]

The frontpage options are really what separates this theme from others. The frontpage options allow you to simplify the Moodle frontpage and add a stylish custom login. There are a variety of options and features.

'''Frontpage Toggle''' - Turn on or off the custom frontpage. If you turn it off the theme will operate like any other Moodle theme and is modelled after the More theme. We recommend you turn this on.

'''Frontpage Background Image''' - This is the full screen image that appears when you first visit the site. It appears on both the standard Moodle login page as well as the theme’s custom built in login page.

'''Frontpage Slideshow with Thumbnails''' - This will toggle the slideshow on or off. If using the slideshow you must upload 4 images in the next step for it to work properly. Images should be 900px by 300px. The slides are responsive and will shrink with the screen resolution.

'''Slideshow 1 through 4''' - Upload a slide in each of these 4 areas. 900px by 300px is the recommended size.

'''Frontpage Textbox''' - This text appears below the slideshow on the custom homepage. This is a great place to put in directions or information for students and teachers on how to get started.

'''Custom Frontpage Icons'''
Each icon has three elements: Icon, link text, and link URL. Icon names can be found here:
http://fortawesome.github.io/Font-Awesome/cheatsheet/ You can add up to 8 icons.

'''Recommended Icons include the following''':

[[File:Evolved theme recommended icons.png|200px]]

* '''Icon One'''
** Icon = home
** Link Text = My Home
** Link URL = my/

* '''Icon Two'''
** Icon = calendar
** Link Text = Calendar
** Link URL = calendar/view.php?view=month

* '''Icon Three'''
** Icon = bookmark
** Link Text = Badges
** Link URL = badges/mybadges.php

* '''Icon Four'''
** Icon = book
** Link Text = Courses
** Link URL = course/

MOODLE 2.9 NOTE: In order to see this theme's custom homepage you must tell Moodle to use the Site Homepage rather than the default "Dashboard". Please go to Site Administration > Navigation and change the setting for "Default Home Page for Users" from Dashboard to Site.
[[File:https://moodle.org/pluginfile.php/50/local_plugins/plugin_description/1200/set%20default%20homepage.png]]

==Socialwall Course Format Options==
These settings allow you to customize the labels and colors of the [https://moodle.org/plugins/browse.php?list=set&id=74 SocialWall Course Format]:

===How to change/translate the hard-wired English language strings used in the [https://moodle.org/plugins/view/format_socialwall Socialwall Course Format]===

There are four words (''Post, Message, Comments, attachments'') used in the [https://moodle.org/plugins/view/format_socialwall Socialwall Course Format] that are not translated in [https://lang.moodle.org/ AMOS] for the Moodle [[Language packs]].

It is very easy to change/customize/translate these four words by using the Socialwall Course Format Options. See the following example for the Mexican Spanish language:

[[File:Evolve-D SocialWall format settings for 4 hard-wired words.png|600px]]

* If you have a [[Multi-language content filter|multilingual site]], You can also customize the labels for these four words (''Post, Message, Comments, attachments'') for several [[Language packs]] in the same page. If you have difficulty with some of your students' languages You can always use the [https://translate.google.com/ Google translate page]. See the following screen image:

[[File:Evolve-D SocialWall format labels.png]]

==Sample Custom Frontpage Image==

[[File:Evolved theme sample custom frontpage image.png]]

==Experimental Enhancements==
Use at your own risk! (however this seems to work quite well)

Special thanks to Cihat Okan ARIKAN from moodle.org forums for sending this my way.

'''The new frontpage image slideshow:'''
If you want to have the images pause on mouseover then you can upload this new file into “Moodle root/themes/evolved/layout/includes” Download the new fpcustom_lgin.php file here: https://drive.google.com/file/d/0BwVGFeDJiDchNnljV29rVFh6WW8/view?usp=sharing

==Translations available==
This plugin has its English language strings available for [https://docs.moodle.org/dev/Contributing_a_translation translation] at [https://lang.moodle.org/ AMOS].

As of August 4th 2015, this plugin has been translated into:
* Slovenian (sl)
* Spanish - Mexico (es_mx)
* Ukrainian (uk)

You can easily [https://docs.moodle.org/dev/Contributing_a_translation contribute a translation] for your language.

==See also==
The author's documentation in [https://docs.google.com/document/d/1InnFyMfajEKF-MSfvSHFLYHFTLaiYxZ0nulVzJZ9OGk/edit Google docs]

[[es:Tema Evolve-D]]