SlideShare a Scribd company logo
1 of 60
Download to read offline
White Paper                                                                                         11/4/2011




    Moodle 2 Themes
    A look at the default themes that come with Moodle 2 and at a selection of
    themes which have been contributed to the community.




                                              By Gavin Henrick

                                   www.somerandomthoughts.com




Please feel free to copy, share and reference this e-book. All we ask is that you acknowledge Gavin Henrick as
the source and link to http://www.somerandomthoughts.com when citing the publication.

This work is licensed under a Creative Commons Attribution-NoDerivs 3.0 Unported License.




Permissions beyond the scope of this license may be available at http://www.somerandomthoughts.com
Moodle 2 Themes 04/11/2011




Moodle 2 Themes
A look at the default themes that come with Moodle 2 and at a selection of themes which
have been contributed to the community.


Themes in Moodle are a combination of PHP, JavaScript, HTML, CSS and images files. When you set out to
deploy Moodle you will either need to

       use an existing available theme
       tweak or customise an existing theme
       build or source a new theme from scratch (from http://moodle.com/themes/ for example)

When using a theme in Moodle 2, you can select it to work either across the whole site or at different levels
throughout the site namely:

       Site-wide (One theme is used everywhere)
       Category level (each category can optionally specify a different theme to the default)
       Course level (each course can optionally specify a different theme to the default)
       User level (each user can optionally specify a different theme to the default)

This paper evolved from the reviews and Moodle 2 theme review page:
http://www.somerandomthoughts.com/blog/moodle-2-themes/.

During my reading recently I also came across a number of other presentations and documents about
themes, they are referred to in the appendix 2.

Many thanks to all who helped review the content of the paper - your time is appreciated and thanks also to
those who submitted examples for use in Appendix 3 and 4.

For any queries or corrections for paper please contact me gavin@somerandomthoughts.com

THIS WHITE PAPER IS FOR INFORMATIONAL PURPOSES ONLY AND MAY CONTAIN
TYPOGRAPHICAL ERRORS AND TECHNICAL INACCURACIES. THE CONTENT IS PROVIDED AS IS,
WITHOUT EXPRESS OR IMPLIED WARRANTIES OF ANY KIND.




© Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com                                 1
Moodle 2 Themes 04/11/2011


1.       Why read this?................................................................................................................ 3

2.       Themes in Moodle 2 ...................................................................................................... 4

3.       Customising themes ...................................................................................................... 9

4.       Theme gallery ................................................................................................................13

5.       About the Author ........................................................................................................ 49

6.       Creative Commons Copyright .....................................................................................50

Appendix 1 - Community Contributed Themes .................................................................... 51

Appendix 2 - Further Reading ................................................................................................ 52

Appendix 3 - Moodle 2 site Examples .................................................................................... 53

Appendix 4 - Moodle 1.9 site Examples .................................................................................58




2                            © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
Moodle 2 Themes 04/11/2011



    1. Why read this?
If are you planning to move from Moodle 1.9 to Moodle 2 you will need to redevelop your theme. This
document aims to provide some guidance on what’s out there already and some of the issues to think
about.

Or if you are just looking at moving to Moodle 2 and thinking about what you are going to do for your
theme, then this document should provide some assistance in understanding what community contributed
themes are available in addition to the standard themes that come with Moodle 2.

This paper looks at the basic features of themes in general and what aspects to consider when customizing
or selecting a new theme. The paper also looks at what features the specific themes have in layout and the
extra customisation options available through the admin settings.

Appendix 3 and 4 provide some sample sites from the community for Moodle 2 and Moodle 1.9 respectively.




© Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com                              3
Moodle 2 Themes 04/11/2011



     2. Themes in Moodle 2
For Moodle 2 the theme system was completely redesigned. There are a number of areas which make
themes in Moodle 2 very different to how they were in Moodle 1.9. This section deals with some general
theme aspects of Moodle 2 specifically:

        Layout and positioning
        Functionality overrides
        Device detection
        Customisation of the menu
        Overall theme settings

Layout and positioning
Moodle 2 doesn’t need to look like Moodle. What do I mean by this? Well any design is now possible.
Where traditionally Moodle themes followed some set layouts with a header/footer and 3 columns (2
columns of blocks on either side of a main content column), this is not the case with Moodle 2, and the new
design is layout based. You could have 1, 2, 3 or more columns if you want to. The traditional design
limitations are now all but removed.

Blocks can now be placed in the header, footer, or at the top / bottom of the content area in addition to the
normal columns. So the whole page can look very different if you put the work in. As blocks can provide a
range of functionality, from content display, to specific features like login boxes and RSS feed displays, if
you think creatively, you can really change the makeup of the Moodle page. All options are on the table
now.

For more information on layouts, check out the Moodle Docs -
http://docs.moodle.org/dev/Themes_2.0#Layouts

Customising the menu
One of the new aspects of themes in Moodle 2 is the ability to manage a dropdown menu from the admin
settings.

By adding in rows of the name and URL that you want the option to go to, you can configure the custom
menu easily. You can also create menus can indenting the option using “-“.

So for example this sample has Moodle Community as the first option and below it Moodle Support:

                          Moodle community|http://Moodle.org
                          -Moodle free support|http://Moodle.org/support


The section to add these in is found at the bottom of the page under:

Settings -> Site administration -> Appearance -> Themes -> Theme settings




4                      © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
Moodle 2 Themes 04/11/2011




© Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com   5
Moodle 2 Themes 04/11/2011


Rendering over-ride
In addition to the new layout files, it is possible with programming to override the renderers which produce
the smaller parts of Moodle, so you can change how they display as well.

This means it is much easier to change the output of parts of the features, like blocks, activities and so on.
This is a huge change. For more information be sure to check out the Moodle docs page
http://docs.moodle.org/dev/Themes_2.0_overriding_a_renderer

! One of the areas which you may want to have an override would be the custom menu. You may want to
extend it so that it includes a “my courses” dropdown as well as the normal options from the settings box.
You could also decide to add a categories drop down as well using overrides too. Both of these would
require development.

Device detection
Moodle 2 now has device detection for themes. What does this mean? Well, it means that you can have a
main theme set for your Moodle 2 site which will load when people access from a web browser on their
desktop, notebook or laptop, however you can have a different one load when they access it from a mobile,
and a different one load when they access it from a tablet.

This means you can if you wish, customise the look/feel and structure and layout for each different device.

A good example of this is the MyMobile theme which is highlighted later on which provides an optimised
experience for smart phones and tablets. It is written using a mobile specific interface (jqueryformobile).

However, as you can add device definitions, you can also create a theme for different browsers if you need
to. This would enable you to create a version of your theme optimised for a specific browser like IE6 for
example.

The screen for selecting which themes you are using for which device is found in the Settings block:

Settings -> Site administration -> Appearance -> Themes -> Theme selector




6                       © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
Moodle 2 Themes 04/11/2011




Theme Settings
The following are the settings which you may or may not want to alter but need to be aware of:

Setting                               Default      Comment
Theme list                            EMPTY        You should probably fill this in when you finalise your
                                                   themes if you want to let course teachers or even all
                                                   users select their own theme from a selection of
                                                   themes.
                                                   Here you specify the only themes you want available
                                                   to choose from.

Theme designer mode**                   No         If you are designing themes or developing code then
                                                   you probably want to turn this mode on so that you
                                                   are not served cached versions.

Allow user themes                       No         If you want to allow a user to change to select a theme
                                                   for accessibility them this is needed, if not, set no.

Allow course themes                     No         If you want to allow a teacher to set a specific theme
                                                   for a course (perhaps in a department, or special
© Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com                                  7
Moodle 2 Themes 04/11/2011


                                                   course) this is needed, if not, leave at no.

Allows category themes                   No        If you want to allow each faculty or department have a
                                                   unique theme then this is needed, if not, leave at no.

Allow theme changes in the               No        If enabled, the theme can be changed by adding
URL                                                theme={themename} to any Moodle URL.

Allow users to hide blocks              Yes        If you want to allow users to hide/show block contents
                                                   throughout the site, you leave this enabled. However
                                                   if you want to force the contents showing, then set
                                                   this as No.

Allows blocks to use the dock           Yes        This is primarily controlled by the theme as it must
                                                   support the docking concept. If it does, you can still
                                                   turn it off here if you wish.

Custom Menu Items                      Empty       Add in the menu URLs that are required. (as explained
                                                   earlier)

Enable device detection                 Yes        If you want to allow different themes for different
                                                   devices leave this enabled.

Device detection regular               Empty       Advanced option for further device detection.
expressions


** One important thing to note is that the Theme Designer mode is not designed for use on production
servers as it has a significant impact. This should only be used when developing a theme, which ideally
should be done on a hosted test server or a local test server on your desktop/laptop (using xampp for
example).




8                      © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
Moodle 2 Themes 04/11/2011



    3. Customising themes
When thinking about getting a theme made, or setting about customising a theme, there are a number of
areas you probably want to consider.

Layout
Although most themes release have the same column outline, it is not the case for all themes and as already
outlined in Moodle 2 the layout can be pretty much anything. That said, most themes released so far still
follow the layout concepts from Moodle 1.9, but this is changing.

Leaving aside whether you add block spaces in the header or footer, let’s look at the standard layouts people
use.

Some themes have all the block columns on left, some on right, or some have the normal of one block
column on either side. Now of course you can choose to use or not use blocks, however the inherent design
has a lot to do with what decisions you can make.

The options are:

Option                       Description                            Impact
Blocks, Content, Blocks      This is the most typical layout of a   In a standard screensize this restricts the
                             Moodle theme, and provides             content area to about 60% of the width if
                             options for blocks on both sides of    blocks are used on both sides; however it
                             the course content area.               provides a lot of space for blocks.

Content, Blocks, Blocks      This is variation of the main type,    In a standard screensize this restricts the
                             where both columns are on the          content area to about 60% of the width if
                             right side of the content column.      blocks are used on both sides; however it
                                                                    provides a lot of space for blocks.

                                         rd
Blocks, Blocks, Content      This is the 3 variation of the main    In a standard screensize this restricts the
                             type, where both columns are on        content area to about 60% of the width if
                             the left side of the content           blocks are used on both sides; however it
                             column.                                provides a lot of space for blocks.

Content, Blocks              This only has one block column to      This gives a lot more space to the
                             the right hand side of the content.    content area and has limited space for
                                                                    blocks.

Blocks, Content              This only has one block column to      This gives a lot more space to the
                             the left hand side of the content.     content area and has limited space for
                                                                    blocks.


Of course these are all changed if you have docking on, as some blocks can now hide off to the side of the
screen.




© Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com                                   9
Moodle 2 Themes 04/11/2011


My personal preference is the Content, Blocks format with the navigation and settings blocks docked (so off
to the left)

As below:




Docking
New in Moodle 2 is the ability to dock a block to the side of the page, thus creating more real-estate on the
page for the content and the activities. This feature has a global setting which can be turned on and off,
however it is also an aspect of the theme. Not all themes support this docking feature, so if you want to
dock you will need to take this into account.

MyHome (MyMoodle)
The new MyMoodle (MyHome) can be focused on and customised more so that it can have extra
placements locations (more columns for example) for blocks to turn it into a strong dashboard. Some extra
blocks may need coding to take advantage of this, but this needs taking into account from theme and site
design phase.




10                     © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
Moodle 2 Themes 04/11/2011


Navigation
The new navigation block in Moodle provides context aware site-wide navigation options for the user. It
can also provide some in-course navigation to resource and activities. However, you may wish to consider
one of the specialist in-course navigation blocks called Course Menu Block, or Course Content. So a
decision on how you want to work will need to be considered, namely - is the Navigation block going to be
used for site-wide and in-course navigation or will a specialist block be used for in-course meaning you
need to change the settings for the navigation block.

Front Page
Although this is not necessarily part of a theme install, it should be something that is considered in the site
design of which the theme is an integral part of.

With the front page settings you can have blocks on the front page, and lists of courses and categories
automatically generated, and a news feed too, however one has to ask if you want some, any or all of these
on your front page.

There is one approach which can provide you a lot of visual control to the front page. With all blocks gone,
no news, no category list and no course list you have a big empty space. If you then enable topics for this
you can then control the front page through a HTML editor, and build a nice graphical /content front page.

Then you can build a graphical or flash panel which shows the different departments, and clicks through to
category course lists, or have a table grid of images sort of a dashboard, which go to MyHome, Student
Support course and so on. The point is you have a lot of control and can think about this page without
constraints if you so wish.

You can see a nice selection of front page examples in Appendix 3 (Moodle 2) and Appendix 4 (Moodle 1.9).

The front page settings are detailed below:

Setting                                Default        Reason for change
Full site name                         Fullname       This will show on some pages of the Moodle
                                                      install.
Short name for the site              Shortname        This will show in some pages of Moodle.
Front page description                Summary         This is not shown unless the block is enabled.
Front Page                           Dropdowns        Set all to None to enable full control of front page
                                                      as a webpage.
Front page items when                Dropdowns        Set all to None to enable full control of front page
logged in                                             as a webpage.
Maximum category depth                Unlimited
Include a topic section                  Yes
News items to show                         3
Comments displayed per                    15
page
Courses per page                          20
Default frontpage role              Authenticated     Don’t alter.
                                       user on
                                      frontpage



© Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com                                   11 
Moodle 2 Themes 04/11/2011


Blocks
You may wish to change the block look, and some of the things to consider are:

          Coloured head of block or not
          Curves around block or not
          Lines around block or not

The style that you overall want to achieve must have a solution for blocks that is workable.

Width – Fixed or Fluid
The Moodle theme can be either a set width or dynamic/fluid width so it reacts to the width of the
window/screen.

Each of the options have their benefits and weaknesses. A fixed width theme can squeeze content
somewhat, but sometimes fluid themes can end up with acres of white space around content. Docking also
takes space, so this needs to be considered here too.

Another point to consider when using fixed width is content scroll bars. When you add content that is
wider than the space available Moodle adds its own scroll bars. This can make it a big cumbersome to deal
with (for example a huge gradebook with horizontal and vertical scrollbars).. Equally this can happen with
content in HTML blocks, which then have scroll bars too. So you need to be sure your content fits when in
confined areas.




Accessibility
How are you going to address accessibility with the Moodle theme? There are a number of approaches that
you can consider:

          Build your whole theme completely accessible
          Provide widgets in the theme which can control font, font size and colours
          Provide an alternate theme or themes for different font/layouts or high contrast
          Provide education around the accessibility options available in modern web browsers

You may of course choose to do multiple of these, however it is something to consider when looking and
thinking about customizing a theme.

Login Box
Where should login box / link on main site? Do you want it to be a prominent feature on the front page or
perhaps in a block? Maybe you want it just to prompt for login when the user tries to access content which
needs authentication? Or perhaps you will force login for all people accessing the site. This decision has
impact on the site design, especially the front page.




12                       © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
Moodle 2 Themes 04/11/2011



    4. Theme gallery
Default themes
There are a good number of themes that are distributed with Moodle 2. Not only do these provide some
good examples of how Moodle 2 may look, but they mostly offer simple customisation options through
settings in the theme itself.

For a good comparison, each of the following settings have been adopted for the comparisons

       pages have a theme screenshot taken on my standard Moodle feature course
       no blocks are docked
       A standard set of custom menus are added in

This screenshot is then followed by a table of data related to that theme.




© Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com                             13 
Moodle 2 Themes 04/11/2011


Afterburner




 Name                    Afterburner             Layout                   Block, Content, Block
 Status                  Default theme           Device                   Standard
 Author                  Patrick Malley          Docking                  Yes
 Maintainer              Mary Evans              Width                    Fluid

 Setting Options




14                   © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
Moodle 2 Themes 04/11/2011


Anomaly




 Name                    Anomaly                 Layout                      Block, Content, Block
 Status                  Default theme           Device                      Standard
 Author                  Patrick Malley          Docking                     Yes
 Maintainer              Moodle HQ               Width                       Fluid

 Setting Options




© Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com                       15 
Moodle 2 Themes 04/11/2011


Arialist




 Name                    Arialist                Layout                   Content, Block
 Status                  Default theme           Device                   Standard
 Author                  Patrick Malley          Docking                  Yes
 Maintainer              Patrick Malley          Width                    Fluid

 Setting Options
 Change Logo             Change Tagline          Link Colour              Column Width
 Custom CSS




16                   © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
Moodle 2 Themes 04/11/2011


Binarius




 Name                    Binarius                Layout                      Content, Block
 Status                  Default theme           Device                      Standard
 Author                  Patrick Malley          Docking                     Yes
 Maintainer              Patrick Malley          Width                       Fluid

 Setting Options




© Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com                    17 
Moodle 2 Themes 04/11/2011


Boxxie




 Name                    Boxxie                  Layout                   Block, Content, Block
 Status                  Default theme           Device                   Standard
 Author                  Patrick Malley          Docking                  No
 Maintainer              Patrick Malley          Width                    Fluid

 Setting Options




18                   © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
Moodle 2 Themes 04/11/2011


Brick




 Name                      Brick                 Layout                      Content, Block
 Status                    Default theme         Device                      Standard
 Author                    John Stabinger        Docking                     Yes
 Maintainer                John Stabinger        Width                       Fluid

 Setting Options
 Logo                      Link colour           Linkhover colour            Header main colour
 Block title link colour   Heading colour




© Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com                        19 
Moodle 2 Themes 04/11/2011


Formal White




 Name                    Formal White            Layout                   Block, Content, Block
 Status                  Default theme           Device                   Standard
 Author                  MediaTouch 2000.        Docking                  Yes
 Maintainer              MediaTouch 2000.        Width                    Fluid

 Setting Options
 Default Font size       1.9 look                Page text or Logo in     Logo
                                                 header
 Header background       Blocks content          Right column             Blocks column width
 colour                  background colour       background colour
 Footnote HTML           Custom CSS




20                   © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
Moodle 2 Themes 04/11/2011


FormFactor




 Name                    FormFactor              Layout                      Block, Content, Block
 Status                  Default theme           Device                      Standard
 Author                  Patrick Malley          Docking                     No
 Maintainer              Patrick Malley.         Width                       Fluid

 Setting Options




© Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com                       21 
Moodle 2 Themes 04/11/2011


Fusion




 Name                    Fusion                  Layout                   Content, Block
 Status                  Default theme           Device                   Standard
 Author                  Patrick Malley          Docking                  Yes
 Maintainer              Patrick Malley          Width                    Fluid

 Setting Options
 Link colour             Tagline                 Footertext               Custom CSS




22                   © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
Moodle 2 Themes 04/11/2011


Leatherbound




 Name                    Leatherbound            Layout                      Block, Content, Block
 Status                  Default theme           Device                      Standard
 Author                  Patrick Malley          Docking                     Yes
 Maintainer              Patrick Malley          Width                       Fluid

 Setting Options




© Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com                       23 
Moodle 2 Themes 04/11/2011


Magazine




 Name                    Magazine                Layout                   Block, Content, Block
 Status                  Default theme           Device                   Standard
 Author                  John Stabinger          Docking                  Yes
 Maintainer              John Stabinger          Width                    Fluid

 Setting Options
 Background graphic      Logo graphic            Link colour              Linkhover colour
 Maincolour              Maincolour accent       Headingcolour            Block colour
 forumback




24                   © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
Moodle 2 Themes 04/11/2011


Nimble




 Name                    Nimble                  Layout                      Content, Block
 Status                  Default theme           Device                      Standard
 Author                  Patrick Malley          Docking                     Yes
 Maintainer              Patrick Malley          Width                       Fluid

 Setting Options
 Tagline                 Footerline              Headerbackground            Link colour
                                                 colour
 Menu hover colour




© Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com                    25 
Moodle 2 Themes 04/11/2011


Nonzero




 Name                    Nonzero                 Layout                   Content, Block, Block
 Status                  Default theme           Device                   Standard
 Author                  Patrick Malley          Docking                  Yes
 Maintainer              Patrick Malley          Width                    Fluid

 Setting Options
 Left col width          Right col width         Custom CSS




26                   © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
Moodle 2 Themes 04/11/2011


Overlay




 Name                    Overlay                 Layout                      Content, Block, Block
 Status                  Default theme           Device                      Standard
 Author                  John Stabinger          Docking                     Yes
 Maintainer              John Stabinger          Width                       Fluid

 Setting Options
 Link Colour             Header Colour           Footertext                  Custom CSS




© Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com                       27 
Moodle 2 Themes 04/11/2011


Serenity




 Name                    Serenity                Layout                   Block, Content, Block
 Status                  Default theme           Device                   Standard
 Author                  Patrick Malley          Docking                  Yes
 Maintainer              Patrick Malley          Width                    Fluid

 Setting Options




28                   © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
Moodle 2 Themes 04/11/2011


SkyHigh




 Name                    SkyHigh                 Layout                      Content, Block, Block
 Status                  Default theme           Device                      Standard
 Author                  Julian Ridden           Docking                     Yes
 Maintainer              John Stabinger          Width                       Fluid

 Setting Options
 Logo                    Col Width               Footnote                    Custom CSS




© Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com                       29 
Moodle 2 Themes 04/11/2011


Splash




 Name                    Splash                  Layout                   Block, Content, Block
 Status                  Default theme           Device                   Standard
 Author                  Caroline Kennedy        Docking                  Yes
 Maintainer              Caroline Kennedy        Width                    Fluid

 Setting Options
 Logo                    Tagline                 Hide Tagline Toggle      Footnote
 Custom CSS




30                   © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
Moodle 2 Themes 04/11/2011


Standard




 Name                    Standard                Layout                      Block, Content, Block
 Status                  Default theme           Device                      Standard
 Author                  Moodle HQ               Docking                     Yes
 Maintainer              Moodle HQ               Width                       Fluid

 Setting Options




© Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com                       31 
Moodle 2 Themes 04/11/2011


Community contributed themes
There are an increasing number of themes available that have been created by the community which have
been released for download. Over 15 of these are now available from the new plugins database which is
found at: http://Moodle.org/plugins/

For a good comparison, each of the following pages have a theme screenshot taken on my standard Moodle
feature course, with no blocks docked followed by a table of data related to that theme. The details on
maintainer are as named in the database.

The URLs to the download pages are included in Appendix 1.




32                    © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
Moodle 2 Themes 04/11/2011


Aardvark 2.1




 Name            Aardvark 2.1                           Layout                      Block, Content, Block
 Status          Theme Plugin                           Device                      Standard
 Author          Shaun Daubney, Mary Evans              Docking                     No
 Maintainer      Shaun Daubney, Mary Evans              Width                       Fixed

 Setting Options
 Background Image          Logo                         Menu Hover Colour           Email URL
 Footnote

 Special Feature
 Includes a special expandable area in header for logged in users called Profile Bar (grey area in
 screenshot), can be toggled on/off.




© Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com                              33 
Moodle 2 Themes 04/11/2011


Aardvark 2.1 - PostIt




 Name            Aardvark 2.1 - PostIt                  Layout                      Block, Content, Block
 Status          Theme Plugin                           Device                      Standard
 Author          Shaun Daubney, Mary Evans              Docking                     No
 Maintainer      Shaun Daubney, Mary Evans              Width                       Fixed

 Setting Options
 Background Image          Logo                         Menu Hover Colour           Email URL
 Footnote                  Profile bar background

 Special Feature
 Includes a special expandable area in header for logged in users called Profile Bar (grey area in
 screenshot), can be toggled on/off.




34                     © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
Moodle 2 Themes 04/11/2011


All Content




 Name                    AllContent              Layout                      Content, Block
 Status                  Theme Plugin            Device                      Standard
 Author                  NewSchool Learning.     Docking                     Yes
 Maintainer              NewSchool Learning.     Width                       Fluid

 Setting Options
 Logo                    Link Colour             Link Hover Colour




© Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com                    35 
Moodle 2 Themes 04/11/2011


Darkb




 Name                    Darkb                   Layout                   Block, Content, Block
 Status                  Theme Plugin            Device                   Standard
 Author                  John ST                 Docking                  Yes
 Maintainer              John ST                 Width                    Fluid

 Setting Options
 Logo                    Link                    Maincolour




36                   © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
Moodle 2 Themes 04/11/2011


Decaf




 Name                       Decaf                        Layout                      Block, Content, Block
 Status                     Theme Plugin                 Device                      Standard
 Author                     Lei Zhang                    Docking                     Yes
 Maintainer                 Lei Zhang                    Width                       Fluid

 Setting Options
 Background Colour          Footnote                     Custom CSS                  Hide Settings Block
 Hide Navigation Block      Show user picture            Add custom menu to
                                                         Awesome bar

 Special Feature
 For all users it shifts the setting blocks to top of the page, creating the so called "Moodle awesome bar".




© Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com                                 37 
Moodle 2 Themes 04/11/2011


Discuss




 Name                    Discuss                 Layout                   Block, Content, Block
 Status                  Theme Plugin            Device                   Standard
 Author                  Danny Wahl              Docking                  Yes
 Maintainer              Danny Wahl              Width                    Fluid

 Setting Options




38                   © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
Moodle 2 Themes 04/11/2011


Education Book




 Name                    Education Book          Layout                      Block, Content, Block
 Status                  Theme Plugin            Device                      Standard
 Author                  99Template.com          Docking                     No
 Maintainer              99Template.com          Width                       Fluid

 Setting Options
 Logo                    Site Link Colour        Header Background           Top Menu Background
                                                 Colour                      Colour
 Block header            Block content           Footer background           Footer note
 Background colour       background colour       colour




© Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com                       39 
Moodle 2 Themes 04/11/2011


Flexi ii




 Name                     Flexi II                   Layout                    Block, Content, Block
 Status                   Theme Plugin               Device                    Standard
 Author                   Richard Oelmann            Docking                   No
 Maintainer               Richard Oelmann            Width                     Fluid

 Setting Options
 Custom CSS               Footnote                   27 Dock settings          17 Block settings
 6 Menu Bar Settings      26 General Page settings   6 Breadcrumb bar          12 Header section
                                                     Settings                  settings
 6 Dropdown settings      6 menu hover settings

 Special Feature
 This theme has exposed a huge amount of settings through the admin page to allow a significant amount
 of customisation once it is installed. However you need to have your Hex colours already worked out.




40                    © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
Moodle 2 Themes 04/11/2011


Krystle2




 Name                    Krystle 2                 Layout                    Block, Content, Block
 Status                  Theme Plugin              Device                    Standard
 Author                  Richard Oelmann           Docking                   Yes
 Maintainer              Richard Oelmann           Width                     Fluid

 Setting Options
 Hide Settings Block     Hide Navigation Block

 Special Feature
 This theme has the “Awesome Bar” which moves the settings and navigation blocks to drop down menus
 at the top of the page.




© Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com                       41 
Moodle 2 Themes 04/11/2011


Lagomorph




 Name                      Lagomorph                 Layout                     Block, Content, Block
 Status                    Theme Plugin              Device                     Standard, tablet,
                                                                                Mobile
 Author                    Richard Oelmann           Docking                    No
 Maintainer                Richard Oelmann           Width                      Fluid

 Setting Options
 URL for settings file     URL for menu text file    Choose Menu Layout         Page Image
 Background colour 1       Background colour 2       Off-black colour           Off-white colour

 Special Feature
 Designed for dynamic column display of 3, 2 or 1 column depending on screensize. There are no
 dropdowns and some new block locations are defined above the content area.




42                      © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
Moodle 2 Themes 04/11/2011


Mandarin




 Name                    Mandarin                Layout                      Content, Block
 Status                  Theme Plugin            Device                      Standard
                          rd
 Author                  3 Wave Media            Docking                     No
 Maintainer              3rd Wave Media          Width                       Fixed

 Setting Options




© Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com                    43 
Moodle 2 Themes 04/11/2011


MultiStyled




 Name                    MultiStyled             Layout                   Block, Content, Block
 Status                  Theme Plugin            Device                   Standard
 Author                  Richard Oelmann         Docking                  No
 Maintainer              Richard Oelmann         Width                    Fluid

 Setting Options
 Site-wide layout        Page body width         Site logo                Headings background
                                                                          colour
 Sidebar Background      Main Content            Main Text Colour         Heading Text Colour
 Colour                  background
 Custom CSS




44                   © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
Moodle 2 Themes 04/11/2011


MyMobile




 Name                     MyMobile                  Layout                     Custom
 Status                   Default theme             Device                     Mobile, Tablet, All
 Author                   John ST                   Docking                    No
 Maintainer               John ST                   Width                      Fluid

 Setting Options
 Mobile Theme color       Mobile Intro Text         Show site topic            Show full images on
 switcher                                                                      site index and course
                                                                               pages

 Special Feature
 This theme provides a ui-enhanced mobile-ready version of your Moodle 2. This theme is customised and
 optimised for smart phones using jquerymobile ( http://jquerymobile.com ). It has been tested most on
 IOS, 3GS, iPhone 4, iPad and IOS 4+ is recommended. It has also been tested on Android 2.1+. It works
 with the latest browsers as well (Chrome 10+, Safari, FF 4+ and IE9)




© Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com                           45 
Moodle 2 Themes 04/11/2011


Newsie




 Name                    Newsie                  Layout                   Content, Block
 Status                  Theme Plugin            Device                   Standard
 Author                  JohnST                  Docking                  Yes
 Maintainer              JohnST                  Width                    Fluid

 Setting Options
 Logo                    Link Colour             Link Hover Colour




46                   © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
Moodle 2 Themes 04/11/2011


Simplespace




 Name                    Simplespace             Layout                      Block, Content, Block
 Status                  Theme Plugin            Device                      Standard
 Author                  johnSt                  Docking                     Yes
 Maintainer              johnSt                  Width                       Fluid

 Setting Options
 Background image        Logo image              Link colour                 Linkhover colour
 Maincolour              Maincolour accent       Heading colour              Block colour
 Forumback               Forum colour

 Special Feature




© Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com                       47 
Moodle 2 Themes 04/11/2011


Zebra




 Name                       Zebra                       Layout                Block, Content, Block
 Status                     Theme Plugin                Device                Standard
 Author                     Danny Wahl + others         Docking               Yes
 Maintainer                 Danny Wahl                  Width                 Fluid

 Setting Options
 Logo                       Logo height                 Logo Alt Text         Background image
 Background colour          First colour                Second colour         Third colour
 Fourth colour              Fifth colour                Sixth Colour          Seventh colour
 Colour Scheme              Menu Colour Scheme          One Col max width     Two Col min Width
 Two col max width          Three Col min width         Three Col max width   Enable page zoom
 Custom CSS                 Hide footer logo

 Special Feature
 Offers 1, 2, 3 column layouts, with dynamic colour dark/light settings.




48                     © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
Moodle 2 Themes 04/11/2011



    5. About the Author
Gavin Henrick is a solutions consultant based in Dublin, Ireland who works with assisting organisations to
implement a range of open source learning technologies including Moodle and Mahara. He facilitates
project consultancy and training workshops on e-learning project rollouts and upgrade strategies.

Gavin has worked with technology in business, learning and development for over 10 years. He has been
working with Moodle, Mahara, DSpace and other open-source applications for the last 4 years.

Gavin currently focuses on supporting organisations with e-learning projects including Moodle 2 rollouts
and upgrade strategies through project consultancy and training workshops.

Gavin recently co-authored the book for Moodle 2.0 for Business Beginner's Guide with Jason Cole and
Jeanne Cole. This was published by Packt Publishing in May 2011.

Gavin blogs at (http://www.somerandomthoughts.com) where he regularly provides information on
Moodle including reviews of community created plugins and themes.

He is a regular speaker at a number of Moodlemoots and conferences on the use of Moodle focusing on
practical examples of usage.



For more information:

Email – gavin@somerandomthoughts.com

Blog – http://www.somerandomthoughts.com

Twitter – http://www.twitter.com/ghenrick

LinkedIn - http://www.linkedin.com/in/gavinhenrick

Slideshare – http://www.slideshare.net/ghenrick

Book - http://www.Moodleforbusinessbook.com/




© Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com                             49 
Moodle 2 Themes 04/11/2011



    6. Creative Commons Copyright

Please feel free to copy, share and reference this e-book. All we ask is that you acknowledge Gavin Henrick
as the source and link to http://www.somerandomthoughts.com when citing the publication.

                 This work is licensed under a Creative Commons Attribution-NoDerivs 3.0 Unported
                 License.

Permissions beyond the scope of this license may be available at http://www.somerandomthoughts.com

To view a copy of this license, visit http://creativecommons.org/licenses/by-nd/3.0/




50                     © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
Moodle 2 Themes 04/11/2011



Appendix 1 - Community Contributed Themes

Aardvark 2.1            http://moodle.org/plugins/view.php?plugin=theme_aardvark

Aardvark 2.1 - Postit   http://moodle.org/plugins/view.php?plugin=theme_aardvark_postit

AllContent              http://moodle.org/plugins/view.php?plugin=theme_allc

Darkb                   http://moodle.org/plugins/view.php?plugin=theme_darkb

Decaf                   http://moodle.org/plugins/view.php?plugin=theme_decaf

Discuss                 https://github.com/downloads/thedannywahl/Discuss_4_Moodle_2/discuss-v0.1.zip

Education Book          http://moodle.org/plugins/view.php?plugin=theme_educationbook

Flexi_ii                http://moodle.org/plugins/view.php?plugin=theme_flexi_ii

Krystle2                http://moodle.org/plugins/view.php?plugin=theme_krystle2

Lagomorph               http://moodle.org/plugins/view.php?plugin=theme_lagomorph

Mandarin                http://moodle.org/plugins/view.php?plugin=theme_mandarin

MultiStyled             http://moodle.org/plugins/view.php?plugin=theme_multistyled

MyMobile                http://moodle.org/plugins/view.php?plugin=theme_mymobile

Newsie                  http://moodle.org/plugins/view.php?plugin=theme_newsie

Simplespace             http://moodle.org/plugins/view.php?plugin=theme_simplespace

Zebra                   http://moodle.org/plugins/view.php?plugin=theme_zebra




© Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com                        51 
Moodle 2 Themes 04/11/2011



Appendix 2 - Further Reading
Some other useful Links

http://moodle.com/themes/

http://docs.moodle.org/20/en/Site_appearance

http://docs.moodle.org/20/en/Installing_a_new_theme

Blog entries

http://stawebteam.wordpress.com/2011/04/08/developing-a-new-theme-for-moodle-2-0/

http://blogs.sussex.ac.uk/elearningteam/2011/01/24/things-we-love-about-moodle2-pt2-experimenting-
with-themes/

Through checking the referring URLs to my blog, I recently came across some other interesting
presentations embedded from Slideshare which are also of interest:

Original Blog: http://cem.factorsim.info/ (Spanish)

http://www.slideshare.net/tumbukta/101012-mootes2010

http://www.slideshare.net/pvdhyden/moodle-20-themes

http://www.slideshare.net/moodleman/theme-gurus-moodle-2-edition




52                     © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
Moodle 2 Themes 04/11/2011



Appendix 3 - Moodle 2 site Examples




Figure 1 – Moodle Community site http://Moodle.org




Figure 2 –iMoot Conference http://2011.imoot.org


© Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com   53 
Moodle 2 Themes 04/11/2011




Figure 3 – South Devon College http://moodle.southdevon.ac.uk




Figure 4 - Developed by www.synergy-learning.com




54                    © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
Moodle 2 Themes 04/11/2011




Figure 5 – Developed by http://www.remote-learner.co.uk for client




Figure 6 -Leeds City College http://moodle.leedscitycollege.ac.uk/




© Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com   55 
Moodle 2 Themes 04/11/2011




Figure 7 - Developed by BrightAlley http://www.brightalley.nl/ for Ricoh Europe




Figure 8 - Developed by BrightAlley http://www.brightalley.nl/ for client SWETS




56                     © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
Moodle 2 Themes 04/11/2011




Figure 9 - Royal Conservatoire of Scotland http://moodle.rcs.ac.uk/




Figure 10 - Developed by www.synergy-learning.com




© Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com   57 
Moodle 2 Themes 04/11/2011



Appendix 4 - Moodle 1.9 site Examples




Figure 11 - Southampton Solent University http://mycourse.solent.ac.uk




Figure 12 - Southampton Solent University http://learn.solent.ac.uk


58                     © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
Moodle 2 Themes 04/11/2011




Figure 13 - Barking & Dagenham College http://vle.barkingcollege.ac.uk/ecampus/




Figure 14 – University of Canberra - http://learnonline.canberra.edu.au




© Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com        59 

More Related Content

What's hot

Bài Giảng Và Ngân Hàng Đề Thi OTOMAT
Bài Giảng Và Ngân Hàng Đề Thi OTOMATBài Giảng Và Ngân Hàng Đề Thi OTOMAT
Bài Giảng Và Ngân Hàng Đề Thi OTOMATHiệp Mông Chí
 
Tl automata
Tl automataTl automata
Tl automataLuwx Mta
 
tổng hợp kiến thức và các dạng toán ôn thi chuyển cấp 9 lên 10
tổng hợp kiến thức và các dạng toán ôn thi chuyển cấp 9 lên 10tổng hợp kiến thức và các dạng toán ôn thi chuyển cấp 9 lên 10
tổng hợp kiến thức và các dạng toán ôn thi chuyển cấp 9 lên 10Hoàng Thái Việt
 
ý nghĩa các môn học
ý nghĩa các môn họcý nghĩa các môn học
ý nghĩa các môn họchienvy172
 
Toán lớp 5 - Chuyên đề số tự nhiên và cấu tạo số
Toán lớp 5 - Chuyên đề số tự nhiên và cấu tạo sốToán lớp 5 - Chuyên đề số tự nhiên và cấu tạo số
Toán lớp 5 - Chuyên đề số tự nhiên và cấu tạo sốBồi dưỡng Toán tiểu học
 
Kiến trúc máy tính và hợp ngữ bài 06
Kiến trúc máy tính và hợp ngữ bài 06Kiến trúc máy tính và hợp ngữ bài 06
Kiến trúc máy tính và hợp ngữ bài 06Nhóc Nhóc
 
Mã hóa đồng cấu
Mã hóa đồng cấuMã hóa đồng cấu
Mã hóa đồng cấuLE Ngoc Luyen
 
Tuyển tập 100 đề luyện thi HSG môn Toán lớp 7 có đáp án
Tuyển tập 100 đề luyện thi HSG môn Toán lớp 7 có đáp ánTuyển tập 100 đề luyện thi HSG môn Toán lớp 7 có đáp án
Tuyển tập 100 đề luyện thi HSG môn Toán lớp 7 có đáp ánBồi dưỡng Toán lớp 6
 
DWildner CV francais 0416
DWildner CV francais 0416DWildner CV francais 0416
DWildner CV francais 0416Daniela Wildner
 
BỒI DƯỠNG TOÁN LỚP 6 CƠ BẢN VÀ LÀM QUEN MỘT SỐ DẠNG NÂNG CAO - THEO SÁCH KẾT ...
BỒI DƯỠNG TOÁN LỚP 6 CƠ BẢN VÀ LÀM QUEN MỘT SỐ DẠNG NÂNG CAO - THEO SÁCH KẾT ...BỒI DƯỠNG TOÁN LỚP 6 CƠ BẢN VÀ LÀM QUEN MỘT SỐ DẠNG NÂNG CAO - THEO SÁCH KẾT ...
BỒI DƯỠNG TOÁN LỚP 6 CƠ BẢN VÀ LÀM QUEN MỘT SỐ DẠNG NÂNG CAO - THEO SÁCH KẾT ...Bồi Dưỡng HSG Toán Lớp 3
 
Language Models N-gram
Language Models N-gramLanguage Models N-gram
Language Models N-gramVTC Intecom
 
Bai tap xác suất
Bai tap xác suấtBai tap xác suất
Bai tap xác suấtTzaiMink
 
Xay dung he thong an ninh thong tin cho doanh nghiep nghiem sy thang
Xay dung he thong an ninh thong tin cho doanh nghiep   nghiem sy thangXay dung he thong an ninh thong tin cho doanh nghiep   nghiem sy thang
Xay dung he thong an ninh thong tin cho doanh nghiep nghiem sy thangCIO Vietnam
 
Cac chuyen _de_boi_duong_hoc_sinh_gioi_toan_lop_7_
Cac chuyen _de_boi_duong_hoc_sinh_gioi_toan_lop_7_Cac chuyen _de_boi_duong_hoc_sinh_gioi_toan_lop_7_
Cac chuyen _de_boi_duong_hoc_sinh_gioi_toan_lop_7_ntmtam80
 

What's hot (20)

Bài Giảng Và Ngân Hàng Đề Thi OTOMAT
Bài Giảng Và Ngân Hàng Đề Thi OTOMATBài Giảng Và Ngân Hàng Đề Thi OTOMAT
Bài Giảng Và Ngân Hàng Đề Thi OTOMAT
 
Tl automata
Tl automataTl automata
Tl automata
 
tổng hợp kiến thức và các dạng toán ôn thi chuyển cấp 9 lên 10
tổng hợp kiến thức và các dạng toán ôn thi chuyển cấp 9 lên 10tổng hợp kiến thức và các dạng toán ôn thi chuyển cấp 9 lên 10
tổng hợp kiến thức và các dạng toán ôn thi chuyển cấp 9 lên 10
 
ý nghĩa các môn học
ý nghĩa các môn họcý nghĩa các môn học
ý nghĩa các môn học
 
Toán lớp 5 - Chuyên đề số tự nhiên và cấu tạo số
Toán lớp 5 - Chuyên đề số tự nhiên và cấu tạo sốToán lớp 5 - Chuyên đề số tự nhiên và cấu tạo số
Toán lớp 5 - Chuyên đề số tự nhiên và cấu tạo số
 
Cv consultant rh
Cv consultant rhCv consultant rh
Cv consultant rh
 
Kiến trúc máy tính và hợp ngữ bài 06
Kiến trúc máy tính và hợp ngữ bài 06Kiến trúc máy tính và hợp ngữ bài 06
Kiến trúc máy tính và hợp ngữ bài 06
 
Mã hóa đồng cấu
Mã hóa đồng cấuMã hóa đồng cấu
Mã hóa đồng cấu
 
Tuyển tập 100 đề luyện thi HSG môn Toán lớp 7 có đáp án
Tuyển tập 100 đề luyện thi HSG môn Toán lớp 7 có đáp ánTuyển tập 100 đề luyện thi HSG môn Toán lớp 7 có đáp án
Tuyển tập 100 đề luyện thi HSG môn Toán lớp 7 có đáp án
 
Đề Thi HK2 Toán 6 - THCS Trần Đại Nghĩa
Đề Thi HK2 Toán 6 - THCS Trần Đại NghĩaĐề Thi HK2 Toán 6 - THCS Trần Đại Nghĩa
Đề Thi HK2 Toán 6 - THCS Trần Đại Nghĩa
 
Đề tài: Phân tích nguyên sơ và cấu trúc của lớp vành giao hoán
Đề tài: Phân tích nguyên sơ và cấu trúc của lớp vành giao hoánĐề tài: Phân tích nguyên sơ và cấu trúc của lớp vành giao hoán
Đề tài: Phân tích nguyên sơ và cấu trúc của lớp vành giao hoán
 
Phương pháp tham lam
Phương pháp tham lamPhương pháp tham lam
Phương pháp tham lam
 
DWildner CV francais 0416
DWildner CV francais 0416DWildner CV francais 0416
DWildner CV francais 0416
 
BỒI DƯỠNG TOÁN LỚP 6 CƠ BẢN VÀ LÀM QUEN MỘT SỐ DẠNG NÂNG CAO - THEO SÁCH KẾT ...
BỒI DƯỠNG TOÁN LỚP 6 CƠ BẢN VÀ LÀM QUEN MỘT SỐ DẠNG NÂNG CAO - THEO SÁCH KẾT ...BỒI DƯỠNG TOÁN LỚP 6 CƠ BẢN VÀ LÀM QUEN MỘT SỐ DẠNG NÂNG CAO - THEO SÁCH KẾT ...
BỒI DƯỠNG TOÁN LỚP 6 CƠ BẢN VÀ LÀM QUEN MỘT SỐ DẠNG NÂNG CAO - THEO SÁCH KẾT ...
 
Hệ mật mã Elgamal
Hệ mật mã ElgamalHệ mật mã Elgamal
Hệ mật mã Elgamal
 
Language Models N-gram
Language Models N-gramLanguage Models N-gram
Language Models N-gram
 
Đề Thi HK2 Toán 8 - THCS Đoàn Thị Điêm
Đề Thi HK2 Toán 8 - THCS Đoàn Thị ĐiêmĐề Thi HK2 Toán 8 - THCS Đoàn Thị Điêm
Đề Thi HK2 Toán 8 - THCS Đoàn Thị Điêm
 
Bai tap xác suất
Bai tap xác suấtBai tap xác suất
Bai tap xác suất
 
Xay dung he thong an ninh thong tin cho doanh nghiep nghiem sy thang
Xay dung he thong an ninh thong tin cho doanh nghiep   nghiem sy thangXay dung he thong an ninh thong tin cho doanh nghiep   nghiem sy thang
Xay dung he thong an ninh thong tin cho doanh nghiep nghiem sy thang
 
Cac chuyen _de_boi_duong_hoc_sinh_gioi_toan_lop_7_
Cac chuyen _de_boi_duong_hoc_sinh_gioi_toan_lop_7_Cac chuyen _de_boi_duong_hoc_sinh_gioi_toan_lop_7_
Cac chuyen _de_boi_duong_hoc_sinh_gioi_toan_lop_7_
 

Similar to A look at moodle 2 themes

A look at moodle 2 repositories
A look at moodle 2 repositoriesA look at moodle 2 repositories
A look at moodle 2 repositoriesGavin Henrick
 
Using Moodle 2.2 in College (case study)
Using Moodle 2.2 in College (case study)Using Moodle 2.2 in College (case study)
Using Moodle 2.2 in College (case study)Maria Moodle
 
Engaging ways to use moodle (1)
Engaging ways to use moodle (1)Engaging ways to use moodle (1)
Engaging ways to use moodle (1)Mark Rollins
 
How to install a new moodle 2.4 theme
How to install a new moodle 2.4 themeHow to install a new moodle 2.4 theme
How to install a new moodle 2.4 themeParadiso LMS
 
Plug in Moogle
Plug in MooglePlug in Moogle
Plug in MoogleMary Heuer
 
Moodle 3 Updates
Moodle 3 UpdatesMoodle 3 Updates
Moodle 3 UpdatesLewis Carr
 
The Best Moodle Modules and Plugins
The Best Moodle Modules and PluginsThe Best Moodle Modules and Plugins
The Best Moodle Modules and PluginsRafael Scapin, Ph.D.
 
Moodle Slide Share
Moodle Slide ShareMoodle Slide Share
Moodle Slide ShareSuresh Kumar
 
Moodle 1.9 for Busy Teachers
Moodle 1.9 for Busy TeachersMoodle 1.9 for Busy Teachers
Moodle 1.9 for Busy Teacherslearnict
 
Mr Cute 2 - The simple Facts
Mr Cute 2 - The simple FactsMr Cute 2 - The simple Facts
Mr Cute 2 - The simple Factsguest01b8f9
 
Build a Mobile Moodle Course in 30 Mins
Build a Mobile Moodle Course in 30 MinsBuild a Mobile Moodle Course in 30 Mins
Build a Mobile Moodle Course in 30 MinsMark Aberdour
 
iMoot: Building a Mobile Moodle Course in 30 Minutes
iMoot: Building a Mobile Moodle Course in 30 MinutesiMoot: Building a Mobile Moodle Course in 30 Minutes
iMoot: Building a Mobile Moodle Course in 30 MinutesEpic
 
Engaging ways to use moodle
Engaging ways to use moodleEngaging ways to use moodle
Engaging ways to use moodleMark Rollins
 
Theme development workshop part 1
Theme development workshop part 1Theme development workshop part 1
Theme development workshop part 1Bas Brands
 
Getting started-with-moodle - students
Getting started-with-moodle - studentsGetting started-with-moodle - students
Getting started-with-moodle - studentsLiamUEL
 

Similar to A look at moodle 2 themes (20)

A look at moodle 2 repositories
A look at moodle 2 repositoriesA look at moodle 2 repositories
A look at moodle 2 repositories
 
Using Moodle 2.2 in College (case study)
Using Moodle 2.2 in College (case study)Using Moodle 2.2 in College (case study)
Using Moodle 2.2 in College (case study)
 
Moodle hints tips_tricks
Moodle hints tips_tricksMoodle hints tips_tricks
Moodle hints tips_tricks
 
What’s New in Moodle 2
What’s New in Moodle 2What’s New in Moodle 2
What’s New in Moodle 2
 
Engaging ways to use moodle (1)
Engaging ways to use moodle (1)Engaging ways to use moodle (1)
Engaging ways to use moodle (1)
 
Moodle pwp pres 2010 iwla
Moodle pwp pres 2010 iwlaMoodle pwp pres 2010 iwla
Moodle pwp pres 2010 iwla
 
How to install a new moodle 2.4 theme
How to install a new moodle 2.4 themeHow to install a new moodle 2.4 theme
How to install a new moodle 2.4 theme
 
Plug in Moogle
Plug in MooglePlug in Moogle
Plug in Moogle
 
Moodle 3 Updates
Moodle 3 UpdatesMoodle 3 Updates
Moodle 3 Updates
 
The Best Moodle Modules and Plugins
The Best Moodle Modules and PluginsThe Best Moodle Modules and Plugins
The Best Moodle Modules and Plugins
 
Moodle Slide Share
Moodle Slide ShareMoodle Slide Share
Moodle Slide Share
 
Moodle 1.9 for Busy Teachers
Moodle 1.9 for Busy TeachersMoodle 1.9 for Busy Teachers
Moodle 1.9 for Busy Teachers
 
upload_test_2
upload_test_2upload_test_2
upload_test_2
 
Mr Cute 2 - The simple Facts
Mr Cute 2 - The simple FactsMr Cute 2 - The simple Facts
Mr Cute 2 - The simple Facts
 
Build a Mobile Moodle Course in 30 Mins
Build a Mobile Moodle Course in 30 MinsBuild a Mobile Moodle Course in 30 Mins
Build a Mobile Moodle Course in 30 Mins
 
iMoot: Building a Mobile Moodle Course in 30 Minutes
iMoot: Building a Mobile Moodle Course in 30 MinutesiMoot: Building a Mobile Moodle Course in 30 Minutes
iMoot: Building a Mobile Moodle Course in 30 Minutes
 
Engaging ways to use moodle
Engaging ways to use moodleEngaging ways to use moodle
Engaging ways to use moodle
 
Theme development workshop part 1
Theme development workshop part 1Theme development workshop part 1
Theme development workshop part 1
 
Getting started-with-moodle - students
Getting started-with-moodle - studentsGetting started-with-moodle - students
Getting started-with-moodle - students
 
Moodle tutotial
Moodle tutotialMoodle tutotial
Moodle tutotial
 

More from Gavin Henrick

Moodle competencies a hidden gem
Moodle competencies   a hidden gemMoodle competencies   a hidden gem
Moodle competencies a hidden gemGavin Henrick
 
Just in-time training with user tours - Karen Holland
Just in-time training with user tours - Karen HollandJust in-time training with user tours - Karen Holland
Just in-time training with user tours - Karen HollandGavin Henrick
 
Building accessible courses - Karen Holland
Building accessible courses - Karen HollandBuilding accessible courses - Karen Holland
Building accessible courses - Karen HollandGavin Henrick
 
Evaluate your moodle implementation gavin henrick
Evaluate your moodle implementation   gavin henrickEvaluate your moodle implementation   gavin henrick
Evaluate your moodle implementation gavin henrickGavin Henrick
 
Improving the student experience Gavin Henrick
Improving the student experience   Gavin HenrickImproving the student experience   Gavin Henrick
Improving the student experience Gavin HenrickGavin Henrick
 
Gavin henrick learning_analytics-workshop_questions
Gavin henrick learning_analytics-workshop_questionsGavin henrick learning_analytics-workshop_questions
Gavin henrick learning_analytics-workshop_questionsGavin Henrick
 
Moodle 2.7 some of the improvements since moodle 2.6
Moodle 2.7  some of the improvements since moodle 2.6Moodle 2.7  some of the improvements since moodle 2.6
Moodle 2.7 some of the improvements since moodle 2.6Gavin Henrick
 
Moodle Gamification Canvas
Moodle Gamification CanvasMoodle Gamification Canvas
Moodle Gamification CanvasGavin Henrick
 
Moodle 2.6 some of the improvements since moodle 2.5
Moodle 2.6   some of the improvements since moodle 2.5Moodle 2.6   some of the improvements since moodle 2.5
Moodle 2.6 some of the improvements since moodle 2.5Gavin Henrick
 
Gamification - What is it and What it is in Moodle
Gamification - What is it and What it is in MoodleGamification - What is it and What it is in Moodle
Gamification - What is it and What it is in MoodleGavin Henrick
 
Open badges and Moodle - What and Why!
Open badges and Moodle - What and Why!Open badges and Moodle - What and Why!
Open badges and Moodle - What and Why!Gavin Henrick
 
Extending Moodle - Moodlemoot Romania 2013
Extending Moodle - Moodlemoot Romania 2013Extending Moodle - Moodlemoot Romania 2013
Extending Moodle - Moodlemoot Romania 2013Gavin Henrick
 
Moodle gamification tools edtech 2013
Moodle gamification tools   edtech 2013Moodle gamification tools   edtech 2013
Moodle gamification tools edtech 2013Gavin Henrick
 
Moodle 2.5 some of the improvements since moodle 2.4
Moodle 2.5  some of the improvements since moodle 2.4Moodle 2.5  some of the improvements since moodle 2.4
Moodle 2.5 some of the improvements since moodle 2.4Gavin Henrick
 
Moodle 2.3 and 2.4 some of the improvements since moodle 2.2
Moodle 2.3 and 2.4   some of the improvements since moodle 2.2Moodle 2.3 and 2.4   some of the improvements since moodle 2.2
Moodle 2.3 and 2.4 some of the improvements since moodle 2.2Gavin Henrick
 
Moodle quiz presentation
Moodle quiz presentationMoodle quiz presentation
Moodle quiz presentationGavin Henrick
 
Moodle as the central hub of learning with tools plugged in –learning tool in...
Moodle as the central hub of learning with tools plugged in –learning tool in...Moodle as the central hub of learning with tools plugged in –learning tool in...
Moodle as the central hub of learning with tools plugged in –learning tool in...Gavin Henrick
 
Breaking down the barriers to learning technology imoot 2012 keynote
Breaking down the barriers to learning technology   imoot 2012 keynote Breaking down the barriers to learning technology   imoot 2012 keynote
Breaking down the barriers to learning technology imoot 2012 keynote Gavin Henrick
 
Moodle2 toolguideforteachers v2-de
Moodle2 toolguideforteachers v2-deMoodle2 toolguideforteachers v2-de
Moodle2 toolguideforteachers v2-deGavin Henrick
 

More from Gavin Henrick (20)

Moodle competencies a hidden gem
Moodle competencies   a hidden gemMoodle competencies   a hidden gem
Moodle competencies a hidden gem
 
Just in-time training with user tours - Karen Holland
Just in-time training with user tours - Karen HollandJust in-time training with user tours - Karen Holland
Just in-time training with user tours - Karen Holland
 
Building accessible courses - Karen Holland
Building accessible courses - Karen HollandBuilding accessible courses - Karen Holland
Building accessible courses - Karen Holland
 
Evaluate your moodle implementation gavin henrick
Evaluate your moodle implementation   gavin henrickEvaluate your moodle implementation   gavin henrick
Evaluate your moodle implementation gavin henrick
 
Improving the student experience Gavin Henrick
Improving the student experience   Gavin HenrickImproving the student experience   Gavin Henrick
Improving the student experience Gavin Henrick
 
Gavin henrick learning_analytics-workshop_questions
Gavin henrick learning_analytics-workshop_questionsGavin henrick learning_analytics-workshop_questions
Gavin henrick learning_analytics-workshop_questions
 
Learning Analytics
Learning AnalyticsLearning Analytics
Learning Analytics
 
Moodle 2.7 some of the improvements since moodle 2.6
Moodle 2.7  some of the improvements since moodle 2.6Moodle 2.7  some of the improvements since moodle 2.6
Moodle 2.7 some of the improvements since moodle 2.6
 
Moodle Gamification Canvas
Moodle Gamification CanvasMoodle Gamification Canvas
Moodle Gamification Canvas
 
Moodle 2.6 some of the improvements since moodle 2.5
Moodle 2.6   some of the improvements since moodle 2.5Moodle 2.6   some of the improvements since moodle 2.5
Moodle 2.6 some of the improvements since moodle 2.5
 
Gamification - What is it and What it is in Moodle
Gamification - What is it and What it is in MoodleGamification - What is it and What it is in Moodle
Gamification - What is it and What it is in Moodle
 
Open badges and Moodle - What and Why!
Open badges and Moodle - What and Why!Open badges and Moodle - What and Why!
Open badges and Moodle - What and Why!
 
Extending Moodle - Moodlemoot Romania 2013
Extending Moodle - Moodlemoot Romania 2013Extending Moodle - Moodlemoot Romania 2013
Extending Moodle - Moodlemoot Romania 2013
 
Moodle gamification tools edtech 2013
Moodle gamification tools   edtech 2013Moodle gamification tools   edtech 2013
Moodle gamification tools edtech 2013
 
Moodle 2.5 some of the improvements since moodle 2.4
Moodle 2.5  some of the improvements since moodle 2.4Moodle 2.5  some of the improvements since moodle 2.4
Moodle 2.5 some of the improvements since moodle 2.4
 
Moodle 2.3 and 2.4 some of the improvements since moodle 2.2
Moodle 2.3 and 2.4   some of the improvements since moodle 2.2Moodle 2.3 and 2.4   some of the improvements since moodle 2.2
Moodle 2.3 and 2.4 some of the improvements since moodle 2.2
 
Moodle quiz presentation
Moodle quiz presentationMoodle quiz presentation
Moodle quiz presentation
 
Moodle as the central hub of learning with tools plugged in –learning tool in...
Moodle as the central hub of learning with tools plugged in –learning tool in...Moodle as the central hub of learning with tools plugged in –learning tool in...
Moodle as the central hub of learning with tools plugged in –learning tool in...
 
Breaking down the barriers to learning technology imoot 2012 keynote
Breaking down the barriers to learning technology   imoot 2012 keynote Breaking down the barriers to learning technology   imoot 2012 keynote
Breaking down the barriers to learning technology imoot 2012 keynote
 
Moodle2 toolguideforteachers v2-de
Moodle2 toolguideforteachers v2-deMoodle2 toolguideforteachers v2-de
Moodle2 toolguideforteachers v2-de
 

Recently uploaded

Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdfGrade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdfJemuel Francisco
 
Barangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptxBarangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptxCarlos105
 
Activity 2-unit 2-update 2024. English translation
Activity 2-unit 2-update 2024. English translationActivity 2-unit 2-update 2024. English translation
Activity 2-unit 2-update 2024. English translationRosabel UA
 
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptxQ4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptxlancelewisportillo
 
ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...
ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...
ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...JojoEDelaCruz
 
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxiammrhaywood
 
ANG SEKTOR NG agrikultura.pptx QUARTER 4
ANG SEKTOR NG agrikultura.pptx QUARTER 4ANG SEKTOR NG agrikultura.pptx QUARTER 4
ANG SEKTOR NG agrikultura.pptx QUARTER 4MiaBumagat1
 
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptxAUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptxiammrhaywood
 
Full Stack Web Development Course for Beginners
Full Stack Web Development Course  for BeginnersFull Stack Web Development Course  for Beginners
Full Stack Web Development Course for BeginnersSabitha Banu
 
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptxMULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptxAnupkumar Sharma
 
ROLES IN A STAGE PRODUCTION in arts.pptx
ROLES IN A STAGE PRODUCTION in arts.pptxROLES IN A STAGE PRODUCTION in arts.pptx
ROLES IN A STAGE PRODUCTION in arts.pptxVanesaIglesias10
 
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)lakshayb543
 
Active Learning Strategies (in short ALS).pdf
Active Learning Strategies (in short ALS).pdfActive Learning Strategies (in short ALS).pdf
Active Learning Strategies (in short ALS).pdfPatidar M
 
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...JhezDiaz1
 
4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptxmary850239
 
4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptxmary850239
 
Concurrency Control in Database Management system
Concurrency Control in Database Management systemConcurrency Control in Database Management system
Concurrency Control in Database Management systemChristalin Nelson
 

Recently uploaded (20)

FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptxFINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
 
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdfGrade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
 
Barangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptxBarangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptx
 
Activity 2-unit 2-update 2024. English translation
Activity 2-unit 2-update 2024. English translationActivity 2-unit 2-update 2024. English translation
Activity 2-unit 2-update 2024. English translation
 
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptxQ4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
 
ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...
ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...
ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...
 
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
 
ANG SEKTOR NG agrikultura.pptx QUARTER 4
ANG SEKTOR NG agrikultura.pptx QUARTER 4ANG SEKTOR NG agrikultura.pptx QUARTER 4
ANG SEKTOR NG agrikultura.pptx QUARTER 4
 
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptxAUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptx
 
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptxYOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
 
Full Stack Web Development Course for Beginners
Full Stack Web Development Course  for BeginnersFull Stack Web Development Course  for Beginners
Full Stack Web Development Course for Beginners
 
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptxMULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
 
Raw materials used in Herbal Cosmetics.pptx
Raw materials used in Herbal Cosmetics.pptxRaw materials used in Herbal Cosmetics.pptx
Raw materials used in Herbal Cosmetics.pptx
 
ROLES IN A STAGE PRODUCTION in arts.pptx
ROLES IN A STAGE PRODUCTION in arts.pptxROLES IN A STAGE PRODUCTION in arts.pptx
ROLES IN A STAGE PRODUCTION in arts.pptx
 
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
 
Active Learning Strategies (in short ALS).pdf
Active Learning Strategies (in short ALS).pdfActive Learning Strategies (in short ALS).pdf
Active Learning Strategies (in short ALS).pdf
 
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
 
4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx
 
4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx
 
Concurrency Control in Database Management system
Concurrency Control in Database Management systemConcurrency Control in Database Management system
Concurrency Control in Database Management system
 

A look at moodle 2 themes

  • 1. White Paper 11/4/2011 Moodle 2 Themes A look at the default themes that come with Moodle 2 and at a selection of themes which have been contributed to the community. By Gavin Henrick www.somerandomthoughts.com Please feel free to copy, share and reference this e-book. All we ask is that you acknowledge Gavin Henrick as the source and link to http://www.somerandomthoughts.com when citing the publication. This work is licensed under a Creative Commons Attribution-NoDerivs 3.0 Unported License. Permissions beyond the scope of this license may be available at http://www.somerandomthoughts.com
  • 2. Moodle 2 Themes 04/11/2011 Moodle 2 Themes A look at the default themes that come with Moodle 2 and at a selection of themes which have been contributed to the community. Themes in Moodle are a combination of PHP, JavaScript, HTML, CSS and images files. When you set out to deploy Moodle you will either need to  use an existing available theme  tweak or customise an existing theme  build or source a new theme from scratch (from http://moodle.com/themes/ for example) When using a theme in Moodle 2, you can select it to work either across the whole site or at different levels throughout the site namely:  Site-wide (One theme is used everywhere)  Category level (each category can optionally specify a different theme to the default)  Course level (each course can optionally specify a different theme to the default)  User level (each user can optionally specify a different theme to the default) This paper evolved from the reviews and Moodle 2 theme review page: http://www.somerandomthoughts.com/blog/moodle-2-themes/. During my reading recently I also came across a number of other presentations and documents about themes, they are referred to in the appendix 2. Many thanks to all who helped review the content of the paper - your time is appreciated and thanks also to those who submitted examples for use in Appendix 3 and 4. For any queries or corrections for paper please contact me gavin@somerandomthoughts.com THIS WHITE PAPER IS FOR INFORMATIONAL PURPOSES ONLY AND MAY CONTAIN TYPOGRAPHICAL ERRORS AND TECHNICAL INACCURACIES. THE CONTENT IS PROVIDED AS IS, WITHOUT EXPRESS OR IMPLIED WARRANTIES OF ANY KIND. © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com 1
  • 3. Moodle 2 Themes 04/11/2011 1. Why read this?................................................................................................................ 3 2. Themes in Moodle 2 ...................................................................................................... 4 3. Customising themes ...................................................................................................... 9 4. Theme gallery ................................................................................................................13 5. About the Author ........................................................................................................ 49 6. Creative Commons Copyright .....................................................................................50 Appendix 1 - Community Contributed Themes .................................................................... 51 Appendix 2 - Further Reading ................................................................................................ 52 Appendix 3 - Moodle 2 site Examples .................................................................................... 53 Appendix 4 - Moodle 1.9 site Examples .................................................................................58 2 © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
  • 4. Moodle 2 Themes 04/11/2011 1. Why read this? If are you planning to move from Moodle 1.9 to Moodle 2 you will need to redevelop your theme. This document aims to provide some guidance on what’s out there already and some of the issues to think about. Or if you are just looking at moving to Moodle 2 and thinking about what you are going to do for your theme, then this document should provide some assistance in understanding what community contributed themes are available in addition to the standard themes that come with Moodle 2. This paper looks at the basic features of themes in general and what aspects to consider when customizing or selecting a new theme. The paper also looks at what features the specific themes have in layout and the extra customisation options available through the admin settings. Appendix 3 and 4 provide some sample sites from the community for Moodle 2 and Moodle 1.9 respectively. © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com 3
  • 5. Moodle 2 Themes 04/11/2011 2. Themes in Moodle 2 For Moodle 2 the theme system was completely redesigned. There are a number of areas which make themes in Moodle 2 very different to how they were in Moodle 1.9. This section deals with some general theme aspects of Moodle 2 specifically:  Layout and positioning  Functionality overrides  Device detection  Customisation of the menu  Overall theme settings Layout and positioning Moodle 2 doesn’t need to look like Moodle. What do I mean by this? Well any design is now possible. Where traditionally Moodle themes followed some set layouts with a header/footer and 3 columns (2 columns of blocks on either side of a main content column), this is not the case with Moodle 2, and the new design is layout based. You could have 1, 2, 3 or more columns if you want to. The traditional design limitations are now all but removed. Blocks can now be placed in the header, footer, or at the top / bottom of the content area in addition to the normal columns. So the whole page can look very different if you put the work in. As blocks can provide a range of functionality, from content display, to specific features like login boxes and RSS feed displays, if you think creatively, you can really change the makeup of the Moodle page. All options are on the table now. For more information on layouts, check out the Moodle Docs - http://docs.moodle.org/dev/Themes_2.0#Layouts Customising the menu One of the new aspects of themes in Moodle 2 is the ability to manage a dropdown menu from the admin settings. By adding in rows of the name and URL that you want the option to go to, you can configure the custom menu easily. You can also create menus can indenting the option using “-“. So for example this sample has Moodle Community as the first option and below it Moodle Support: Moodle community|http://Moodle.org -Moodle free support|http://Moodle.org/support The section to add these in is found at the bottom of the page under: Settings -> Site administration -> Appearance -> Themes -> Theme settings 4 © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
  • 6. Moodle 2 Themes 04/11/2011 © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com 5
  • 7. Moodle 2 Themes 04/11/2011 Rendering over-ride In addition to the new layout files, it is possible with programming to override the renderers which produce the smaller parts of Moodle, so you can change how they display as well. This means it is much easier to change the output of parts of the features, like blocks, activities and so on. This is a huge change. For more information be sure to check out the Moodle docs page http://docs.moodle.org/dev/Themes_2.0_overriding_a_renderer ! One of the areas which you may want to have an override would be the custom menu. You may want to extend it so that it includes a “my courses” dropdown as well as the normal options from the settings box. You could also decide to add a categories drop down as well using overrides too. Both of these would require development. Device detection Moodle 2 now has device detection for themes. What does this mean? Well, it means that you can have a main theme set for your Moodle 2 site which will load when people access from a web browser on their desktop, notebook or laptop, however you can have a different one load when they access it from a mobile, and a different one load when they access it from a tablet. This means you can if you wish, customise the look/feel and structure and layout for each different device. A good example of this is the MyMobile theme which is highlighted later on which provides an optimised experience for smart phones and tablets. It is written using a mobile specific interface (jqueryformobile). However, as you can add device definitions, you can also create a theme for different browsers if you need to. This would enable you to create a version of your theme optimised for a specific browser like IE6 for example. The screen for selecting which themes you are using for which device is found in the Settings block: Settings -> Site administration -> Appearance -> Themes -> Theme selector 6 © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
  • 8. Moodle 2 Themes 04/11/2011 Theme Settings The following are the settings which you may or may not want to alter but need to be aware of: Setting Default Comment Theme list EMPTY You should probably fill this in when you finalise your themes if you want to let course teachers or even all users select their own theme from a selection of themes. Here you specify the only themes you want available to choose from. Theme designer mode** No If you are designing themes or developing code then you probably want to turn this mode on so that you are not served cached versions. Allow user themes No If you want to allow a user to change to select a theme for accessibility them this is needed, if not, set no. Allow course themes No If you want to allow a teacher to set a specific theme for a course (perhaps in a department, or special © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com 7
  • 9. Moodle 2 Themes 04/11/2011 course) this is needed, if not, leave at no. Allows category themes No If you want to allow each faculty or department have a unique theme then this is needed, if not, leave at no. Allow theme changes in the No If enabled, the theme can be changed by adding URL theme={themename} to any Moodle URL. Allow users to hide blocks Yes If you want to allow users to hide/show block contents throughout the site, you leave this enabled. However if you want to force the contents showing, then set this as No. Allows blocks to use the dock Yes This is primarily controlled by the theme as it must support the docking concept. If it does, you can still turn it off here if you wish. Custom Menu Items Empty Add in the menu URLs that are required. (as explained earlier) Enable device detection Yes If you want to allow different themes for different devices leave this enabled. Device detection regular Empty Advanced option for further device detection. expressions ** One important thing to note is that the Theme Designer mode is not designed for use on production servers as it has a significant impact. This should only be used when developing a theme, which ideally should be done on a hosted test server or a local test server on your desktop/laptop (using xampp for example). 8 © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
  • 10. Moodle 2 Themes 04/11/2011 3. Customising themes When thinking about getting a theme made, or setting about customising a theme, there are a number of areas you probably want to consider. Layout Although most themes release have the same column outline, it is not the case for all themes and as already outlined in Moodle 2 the layout can be pretty much anything. That said, most themes released so far still follow the layout concepts from Moodle 1.9, but this is changing. Leaving aside whether you add block spaces in the header or footer, let’s look at the standard layouts people use. Some themes have all the block columns on left, some on right, or some have the normal of one block column on either side. Now of course you can choose to use or not use blocks, however the inherent design has a lot to do with what decisions you can make. The options are: Option Description Impact Blocks, Content, Blocks This is the most typical layout of a In a standard screensize this restricts the Moodle theme, and provides content area to about 60% of the width if options for blocks on both sides of blocks are used on both sides; however it the course content area. provides a lot of space for blocks. Content, Blocks, Blocks This is variation of the main type, In a standard screensize this restricts the where both columns are on the content area to about 60% of the width if right side of the content column. blocks are used on both sides; however it provides a lot of space for blocks. rd Blocks, Blocks, Content This is the 3 variation of the main In a standard screensize this restricts the type, where both columns are on content area to about 60% of the width if the left side of the content blocks are used on both sides; however it column. provides a lot of space for blocks. Content, Blocks This only has one block column to This gives a lot more space to the the right hand side of the content. content area and has limited space for blocks. Blocks, Content This only has one block column to This gives a lot more space to the the left hand side of the content. content area and has limited space for blocks. Of course these are all changed if you have docking on, as some blocks can now hide off to the side of the screen. © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com 9
  • 11. Moodle 2 Themes 04/11/2011 My personal preference is the Content, Blocks format with the navigation and settings blocks docked (so off to the left) As below: Docking New in Moodle 2 is the ability to dock a block to the side of the page, thus creating more real-estate on the page for the content and the activities. This feature has a global setting which can be turned on and off, however it is also an aspect of the theme. Not all themes support this docking feature, so if you want to dock you will need to take this into account. MyHome (MyMoodle) The new MyMoodle (MyHome) can be focused on and customised more so that it can have extra placements locations (more columns for example) for blocks to turn it into a strong dashboard. Some extra blocks may need coding to take advantage of this, but this needs taking into account from theme and site design phase. 10  © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
  • 12. Moodle 2 Themes 04/11/2011 Navigation The new navigation block in Moodle provides context aware site-wide navigation options for the user. It can also provide some in-course navigation to resource and activities. However, you may wish to consider one of the specialist in-course navigation blocks called Course Menu Block, or Course Content. So a decision on how you want to work will need to be considered, namely - is the Navigation block going to be used for site-wide and in-course navigation or will a specialist block be used for in-course meaning you need to change the settings for the navigation block. Front Page Although this is not necessarily part of a theme install, it should be something that is considered in the site design of which the theme is an integral part of. With the front page settings you can have blocks on the front page, and lists of courses and categories automatically generated, and a news feed too, however one has to ask if you want some, any or all of these on your front page. There is one approach which can provide you a lot of visual control to the front page. With all blocks gone, no news, no category list and no course list you have a big empty space. If you then enable topics for this you can then control the front page through a HTML editor, and build a nice graphical /content front page. Then you can build a graphical or flash panel which shows the different departments, and clicks through to category course lists, or have a table grid of images sort of a dashboard, which go to MyHome, Student Support course and so on. The point is you have a lot of control and can think about this page without constraints if you so wish. You can see a nice selection of front page examples in Appendix 3 (Moodle 2) and Appendix 4 (Moodle 1.9). The front page settings are detailed below: Setting Default Reason for change Full site name Fullname This will show on some pages of the Moodle install. Short name for the site Shortname This will show in some pages of Moodle. Front page description Summary This is not shown unless the block is enabled. Front Page Dropdowns Set all to None to enable full control of front page as a webpage. Front page items when Dropdowns Set all to None to enable full control of front page logged in as a webpage. Maximum category depth Unlimited Include a topic section Yes News items to show 3 Comments displayed per 15 page Courses per page 20 Default frontpage role Authenticated Don’t alter. user on frontpage © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com 11 
  • 13. Moodle 2 Themes 04/11/2011 Blocks You may wish to change the block look, and some of the things to consider are:  Coloured head of block or not  Curves around block or not  Lines around block or not The style that you overall want to achieve must have a solution for blocks that is workable. Width – Fixed or Fluid The Moodle theme can be either a set width or dynamic/fluid width so it reacts to the width of the window/screen. Each of the options have their benefits and weaknesses. A fixed width theme can squeeze content somewhat, but sometimes fluid themes can end up with acres of white space around content. Docking also takes space, so this needs to be considered here too. Another point to consider when using fixed width is content scroll bars. When you add content that is wider than the space available Moodle adds its own scroll bars. This can make it a big cumbersome to deal with (for example a huge gradebook with horizontal and vertical scrollbars).. Equally this can happen with content in HTML blocks, which then have scroll bars too. So you need to be sure your content fits when in confined areas. Accessibility How are you going to address accessibility with the Moodle theme? There are a number of approaches that you can consider:  Build your whole theme completely accessible  Provide widgets in the theme which can control font, font size and colours  Provide an alternate theme or themes for different font/layouts or high contrast  Provide education around the accessibility options available in modern web browsers You may of course choose to do multiple of these, however it is something to consider when looking and thinking about customizing a theme. Login Box Where should login box / link on main site? Do you want it to be a prominent feature on the front page or perhaps in a block? Maybe you want it just to prompt for login when the user tries to access content which needs authentication? Or perhaps you will force login for all people accessing the site. This decision has impact on the site design, especially the front page. 12  © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
  • 14. Moodle 2 Themes 04/11/2011 4. Theme gallery Default themes There are a good number of themes that are distributed with Moodle 2. Not only do these provide some good examples of how Moodle 2 may look, but they mostly offer simple customisation options through settings in the theme itself. For a good comparison, each of the following settings have been adopted for the comparisons  pages have a theme screenshot taken on my standard Moodle feature course  no blocks are docked  A standard set of custom menus are added in This screenshot is then followed by a table of data related to that theme. © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com 13 
  • 15. Moodle 2 Themes 04/11/2011 Afterburner Name Afterburner Layout Block, Content, Block Status Default theme Device Standard Author Patrick Malley Docking Yes Maintainer Mary Evans Width Fluid Setting Options 14  © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
  • 16. Moodle 2 Themes 04/11/2011 Anomaly Name Anomaly Layout Block, Content, Block Status Default theme Device Standard Author Patrick Malley Docking Yes Maintainer Moodle HQ Width Fluid Setting Options © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com 15 
  • 17. Moodle 2 Themes 04/11/2011 Arialist Name Arialist Layout Content, Block Status Default theme Device Standard Author Patrick Malley Docking Yes Maintainer Patrick Malley Width Fluid Setting Options Change Logo Change Tagline Link Colour Column Width Custom CSS 16  © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
  • 18. Moodle 2 Themes 04/11/2011 Binarius Name Binarius Layout Content, Block Status Default theme Device Standard Author Patrick Malley Docking Yes Maintainer Patrick Malley Width Fluid Setting Options © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com 17 
  • 19. Moodle 2 Themes 04/11/2011 Boxxie Name Boxxie Layout Block, Content, Block Status Default theme Device Standard Author Patrick Malley Docking No Maintainer Patrick Malley Width Fluid Setting Options 18  © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
  • 20. Moodle 2 Themes 04/11/2011 Brick Name Brick Layout Content, Block Status Default theme Device Standard Author John Stabinger Docking Yes Maintainer John Stabinger Width Fluid Setting Options Logo Link colour Linkhover colour Header main colour Block title link colour Heading colour © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com 19 
  • 21. Moodle 2 Themes 04/11/2011 Formal White Name Formal White Layout Block, Content, Block Status Default theme Device Standard Author MediaTouch 2000. Docking Yes Maintainer MediaTouch 2000. Width Fluid Setting Options Default Font size 1.9 look Page text or Logo in Logo header Header background Blocks content Right column Blocks column width colour background colour background colour Footnote HTML Custom CSS 20  © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
  • 22. Moodle 2 Themes 04/11/2011 FormFactor Name FormFactor Layout Block, Content, Block Status Default theme Device Standard Author Patrick Malley Docking No Maintainer Patrick Malley. Width Fluid Setting Options © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com 21 
  • 23. Moodle 2 Themes 04/11/2011 Fusion Name Fusion Layout Content, Block Status Default theme Device Standard Author Patrick Malley Docking Yes Maintainer Patrick Malley Width Fluid Setting Options Link colour Tagline Footertext Custom CSS 22  © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
  • 24. Moodle 2 Themes 04/11/2011 Leatherbound Name Leatherbound Layout Block, Content, Block Status Default theme Device Standard Author Patrick Malley Docking Yes Maintainer Patrick Malley Width Fluid Setting Options © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com 23 
  • 25. Moodle 2 Themes 04/11/2011 Magazine Name Magazine Layout Block, Content, Block Status Default theme Device Standard Author John Stabinger Docking Yes Maintainer John Stabinger Width Fluid Setting Options Background graphic Logo graphic Link colour Linkhover colour Maincolour Maincolour accent Headingcolour Block colour forumback 24  © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
  • 26. Moodle 2 Themes 04/11/2011 Nimble Name Nimble Layout Content, Block Status Default theme Device Standard Author Patrick Malley Docking Yes Maintainer Patrick Malley Width Fluid Setting Options Tagline Footerline Headerbackground Link colour colour Menu hover colour © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com 25 
  • 27. Moodle 2 Themes 04/11/2011 Nonzero Name Nonzero Layout Content, Block, Block Status Default theme Device Standard Author Patrick Malley Docking Yes Maintainer Patrick Malley Width Fluid Setting Options Left col width Right col width Custom CSS 26  © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
  • 28. Moodle 2 Themes 04/11/2011 Overlay Name Overlay Layout Content, Block, Block Status Default theme Device Standard Author John Stabinger Docking Yes Maintainer John Stabinger Width Fluid Setting Options Link Colour Header Colour Footertext Custom CSS © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com 27 
  • 29. Moodle 2 Themes 04/11/2011 Serenity Name Serenity Layout Block, Content, Block Status Default theme Device Standard Author Patrick Malley Docking Yes Maintainer Patrick Malley Width Fluid Setting Options 28  © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
  • 30. Moodle 2 Themes 04/11/2011 SkyHigh Name SkyHigh Layout Content, Block, Block Status Default theme Device Standard Author Julian Ridden Docking Yes Maintainer John Stabinger Width Fluid Setting Options Logo Col Width Footnote Custom CSS © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com 29 
  • 31. Moodle 2 Themes 04/11/2011 Splash Name Splash Layout Block, Content, Block Status Default theme Device Standard Author Caroline Kennedy Docking Yes Maintainer Caroline Kennedy Width Fluid Setting Options Logo Tagline Hide Tagline Toggle Footnote Custom CSS 30  © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
  • 32. Moodle 2 Themes 04/11/2011 Standard Name Standard Layout Block, Content, Block Status Default theme Device Standard Author Moodle HQ Docking Yes Maintainer Moodle HQ Width Fluid Setting Options © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com 31 
  • 33. Moodle 2 Themes 04/11/2011 Community contributed themes There are an increasing number of themes available that have been created by the community which have been released for download. Over 15 of these are now available from the new plugins database which is found at: http://Moodle.org/plugins/ For a good comparison, each of the following pages have a theme screenshot taken on my standard Moodle feature course, with no blocks docked followed by a table of data related to that theme. The details on maintainer are as named in the database. The URLs to the download pages are included in Appendix 1. 32  © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
  • 34. Moodle 2 Themes 04/11/2011 Aardvark 2.1 Name Aardvark 2.1 Layout Block, Content, Block Status Theme Plugin Device Standard Author Shaun Daubney, Mary Evans Docking No Maintainer Shaun Daubney, Mary Evans Width Fixed Setting Options Background Image Logo Menu Hover Colour Email URL Footnote Special Feature Includes a special expandable area in header for logged in users called Profile Bar (grey area in screenshot), can be toggled on/off. © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com 33 
  • 35. Moodle 2 Themes 04/11/2011 Aardvark 2.1 - PostIt Name Aardvark 2.1 - PostIt Layout Block, Content, Block Status Theme Plugin Device Standard Author Shaun Daubney, Mary Evans Docking No Maintainer Shaun Daubney, Mary Evans Width Fixed Setting Options Background Image Logo Menu Hover Colour Email URL Footnote Profile bar background Special Feature Includes a special expandable area in header for logged in users called Profile Bar (grey area in screenshot), can be toggled on/off. 34  © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
  • 36. Moodle 2 Themes 04/11/2011 All Content Name AllContent Layout Content, Block Status Theme Plugin Device Standard Author NewSchool Learning. Docking Yes Maintainer NewSchool Learning. Width Fluid Setting Options Logo Link Colour Link Hover Colour © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com 35 
  • 37. Moodle 2 Themes 04/11/2011 Darkb Name Darkb Layout Block, Content, Block Status Theme Plugin Device Standard Author John ST Docking Yes Maintainer John ST Width Fluid Setting Options Logo Link Maincolour 36  © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
  • 38. Moodle 2 Themes 04/11/2011 Decaf Name Decaf Layout Block, Content, Block Status Theme Plugin Device Standard Author Lei Zhang Docking Yes Maintainer Lei Zhang Width Fluid Setting Options Background Colour Footnote Custom CSS Hide Settings Block Hide Navigation Block Show user picture Add custom menu to Awesome bar Special Feature For all users it shifts the setting blocks to top of the page, creating the so called "Moodle awesome bar". © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com 37 
  • 39. Moodle 2 Themes 04/11/2011 Discuss Name Discuss Layout Block, Content, Block Status Theme Plugin Device Standard Author Danny Wahl Docking Yes Maintainer Danny Wahl Width Fluid Setting Options 38  © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
  • 40. Moodle 2 Themes 04/11/2011 Education Book Name Education Book Layout Block, Content, Block Status Theme Plugin Device Standard Author 99Template.com Docking No Maintainer 99Template.com Width Fluid Setting Options Logo Site Link Colour Header Background Top Menu Background Colour Colour Block header Block content Footer background Footer note Background colour background colour colour © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com 39 
  • 41. Moodle 2 Themes 04/11/2011 Flexi ii Name Flexi II Layout Block, Content, Block Status Theme Plugin Device Standard Author Richard Oelmann Docking No Maintainer Richard Oelmann Width Fluid Setting Options Custom CSS Footnote 27 Dock settings 17 Block settings 6 Menu Bar Settings 26 General Page settings 6 Breadcrumb bar 12 Header section Settings settings 6 Dropdown settings 6 menu hover settings Special Feature This theme has exposed a huge amount of settings through the admin page to allow a significant amount of customisation once it is installed. However you need to have your Hex colours already worked out. 40  © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
  • 42. Moodle 2 Themes 04/11/2011 Krystle2 Name Krystle 2 Layout Block, Content, Block Status Theme Plugin Device Standard Author Richard Oelmann Docking Yes Maintainer Richard Oelmann Width Fluid Setting Options Hide Settings Block Hide Navigation Block Special Feature This theme has the “Awesome Bar” which moves the settings and navigation blocks to drop down menus at the top of the page. © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com 41 
  • 43. Moodle 2 Themes 04/11/2011 Lagomorph Name Lagomorph Layout Block, Content, Block Status Theme Plugin Device Standard, tablet, Mobile Author Richard Oelmann Docking No Maintainer Richard Oelmann Width Fluid Setting Options URL for settings file URL for menu text file Choose Menu Layout Page Image Background colour 1 Background colour 2 Off-black colour Off-white colour Special Feature Designed for dynamic column display of 3, 2 or 1 column depending on screensize. There are no dropdowns and some new block locations are defined above the content area. 42  © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
  • 44. Moodle 2 Themes 04/11/2011 Mandarin Name Mandarin Layout Content, Block Status Theme Plugin Device Standard rd Author 3 Wave Media Docking No Maintainer 3rd Wave Media Width Fixed Setting Options © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com 43 
  • 45. Moodle 2 Themes 04/11/2011 MultiStyled Name MultiStyled Layout Block, Content, Block Status Theme Plugin Device Standard Author Richard Oelmann Docking No Maintainer Richard Oelmann Width Fluid Setting Options Site-wide layout Page body width Site logo Headings background colour Sidebar Background Main Content Main Text Colour Heading Text Colour Colour background Custom CSS 44  © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
  • 46. Moodle 2 Themes 04/11/2011 MyMobile Name MyMobile Layout Custom Status Default theme Device Mobile, Tablet, All Author John ST Docking No Maintainer John ST Width Fluid Setting Options Mobile Theme color Mobile Intro Text Show site topic Show full images on switcher site index and course pages Special Feature This theme provides a ui-enhanced mobile-ready version of your Moodle 2. This theme is customised and optimised for smart phones using jquerymobile ( http://jquerymobile.com ). It has been tested most on IOS, 3GS, iPhone 4, iPad and IOS 4+ is recommended. It has also been tested on Android 2.1+. It works with the latest browsers as well (Chrome 10+, Safari, FF 4+ and IE9) © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com 45 
  • 47. Moodle 2 Themes 04/11/2011 Newsie Name Newsie Layout Content, Block Status Theme Plugin Device Standard Author JohnST Docking Yes Maintainer JohnST Width Fluid Setting Options Logo Link Colour Link Hover Colour 46  © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
  • 48. Moodle 2 Themes 04/11/2011 Simplespace Name Simplespace Layout Block, Content, Block Status Theme Plugin Device Standard Author johnSt Docking Yes Maintainer johnSt Width Fluid Setting Options Background image Logo image Link colour Linkhover colour Maincolour Maincolour accent Heading colour Block colour Forumback Forum colour Special Feature © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com 47 
  • 49. Moodle 2 Themes 04/11/2011 Zebra Name Zebra Layout Block, Content, Block Status Theme Plugin Device Standard Author Danny Wahl + others Docking Yes Maintainer Danny Wahl Width Fluid Setting Options Logo Logo height Logo Alt Text Background image Background colour First colour Second colour Third colour Fourth colour Fifth colour Sixth Colour Seventh colour Colour Scheme Menu Colour Scheme One Col max width Two Col min Width Two col max width Three Col min width Three Col max width Enable page zoom Custom CSS Hide footer logo Special Feature Offers 1, 2, 3 column layouts, with dynamic colour dark/light settings. 48  © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
  • 50. Moodle 2 Themes 04/11/2011 5. About the Author Gavin Henrick is a solutions consultant based in Dublin, Ireland who works with assisting organisations to implement a range of open source learning technologies including Moodle and Mahara. He facilitates project consultancy and training workshops on e-learning project rollouts and upgrade strategies. Gavin has worked with technology in business, learning and development for over 10 years. He has been working with Moodle, Mahara, DSpace and other open-source applications for the last 4 years. Gavin currently focuses on supporting organisations with e-learning projects including Moodle 2 rollouts and upgrade strategies through project consultancy and training workshops. Gavin recently co-authored the book for Moodle 2.0 for Business Beginner's Guide with Jason Cole and Jeanne Cole. This was published by Packt Publishing in May 2011. Gavin blogs at (http://www.somerandomthoughts.com) where he regularly provides information on Moodle including reviews of community created plugins and themes. He is a regular speaker at a number of Moodlemoots and conferences on the use of Moodle focusing on practical examples of usage. For more information: Email – gavin@somerandomthoughts.com Blog – http://www.somerandomthoughts.com Twitter – http://www.twitter.com/ghenrick LinkedIn - http://www.linkedin.com/in/gavinhenrick Slideshare – http://www.slideshare.net/ghenrick Book - http://www.Moodleforbusinessbook.com/ © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com 49 
  • 51. Moodle 2 Themes 04/11/2011 6. Creative Commons Copyright Please feel free to copy, share and reference this e-book. All we ask is that you acknowledge Gavin Henrick as the source and link to http://www.somerandomthoughts.com when citing the publication. This work is licensed under a Creative Commons Attribution-NoDerivs 3.0 Unported License. Permissions beyond the scope of this license may be available at http://www.somerandomthoughts.com To view a copy of this license, visit http://creativecommons.org/licenses/by-nd/3.0/ 50  © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
  • 52. Moodle 2 Themes 04/11/2011 Appendix 1 - Community Contributed Themes Aardvark 2.1 http://moodle.org/plugins/view.php?plugin=theme_aardvark Aardvark 2.1 - Postit http://moodle.org/plugins/view.php?plugin=theme_aardvark_postit AllContent http://moodle.org/plugins/view.php?plugin=theme_allc Darkb http://moodle.org/plugins/view.php?plugin=theme_darkb Decaf http://moodle.org/plugins/view.php?plugin=theme_decaf Discuss https://github.com/downloads/thedannywahl/Discuss_4_Moodle_2/discuss-v0.1.zip Education Book http://moodle.org/plugins/view.php?plugin=theme_educationbook Flexi_ii http://moodle.org/plugins/view.php?plugin=theme_flexi_ii Krystle2 http://moodle.org/plugins/view.php?plugin=theme_krystle2 Lagomorph http://moodle.org/plugins/view.php?plugin=theme_lagomorph Mandarin http://moodle.org/plugins/view.php?plugin=theme_mandarin MultiStyled http://moodle.org/plugins/view.php?plugin=theme_multistyled MyMobile http://moodle.org/plugins/view.php?plugin=theme_mymobile Newsie http://moodle.org/plugins/view.php?plugin=theme_newsie Simplespace http://moodle.org/plugins/view.php?plugin=theme_simplespace Zebra http://moodle.org/plugins/view.php?plugin=theme_zebra © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com 51 
  • 53. Moodle 2 Themes 04/11/2011 Appendix 2 - Further Reading Some other useful Links http://moodle.com/themes/ http://docs.moodle.org/20/en/Site_appearance http://docs.moodle.org/20/en/Installing_a_new_theme Blog entries http://stawebteam.wordpress.com/2011/04/08/developing-a-new-theme-for-moodle-2-0/ http://blogs.sussex.ac.uk/elearningteam/2011/01/24/things-we-love-about-moodle2-pt2-experimenting- with-themes/ Through checking the referring URLs to my blog, I recently came across some other interesting presentations embedded from Slideshare which are also of interest: Original Blog: http://cem.factorsim.info/ (Spanish) http://www.slideshare.net/tumbukta/101012-mootes2010 http://www.slideshare.net/pvdhyden/moodle-20-themes http://www.slideshare.net/moodleman/theme-gurus-moodle-2-edition 52  © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
  • 54. Moodle 2 Themes 04/11/2011 Appendix 3 - Moodle 2 site Examples Figure 1 – Moodle Community site http://Moodle.org Figure 2 –iMoot Conference http://2011.imoot.org © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com 53 
  • 55. Moodle 2 Themes 04/11/2011 Figure 3 – South Devon College http://moodle.southdevon.ac.uk Figure 4 - Developed by www.synergy-learning.com 54  © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
  • 56. Moodle 2 Themes 04/11/2011 Figure 5 – Developed by http://www.remote-learner.co.uk for client Figure 6 -Leeds City College http://moodle.leedscitycollege.ac.uk/ © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com 55 
  • 57. Moodle 2 Themes 04/11/2011 Figure 7 - Developed by BrightAlley http://www.brightalley.nl/ for Ricoh Europe Figure 8 - Developed by BrightAlley http://www.brightalley.nl/ for client SWETS 56  © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
  • 58. Moodle 2 Themes 04/11/2011 Figure 9 - Royal Conservatoire of Scotland http://moodle.rcs.ac.uk/ Figure 10 - Developed by www.synergy-learning.com © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com 57 
  • 59. Moodle 2 Themes 04/11/2011 Appendix 4 - Moodle 1.9 site Examples Figure 11 - Southampton Solent University http://mycourse.solent.ac.uk Figure 12 - Southampton Solent University http://learn.solent.ac.uk 58  © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com
  • 60. Moodle 2 Themes 04/11/2011 Figure 13 - Barking & Dagenham College http://vle.barkingcollege.ac.uk/ecampus/ Figure 14 – University of Canberra - http://learnonline.canberra.edu.au © Gavin Henrick – Solutions Consultant – http://www.somerandomthoughts.com 59 