moodle 3.0 how to configure course theme

How to set a different theme for a Moodle course.

• Step 1. Log in as an administrator and go to: Settings > Site administration > Themes > Theme settings and tick the “Allow course themes” checkbox.
• Step 2.
• Ergo.
• Ace.
• Brizzle.

Full Answer

How to set a theme for a Moodle course?

Below are the 2 simple steps you need to take to set a different theme for a Moodle course. Go to the desired course and navigate to its “Edit course settings” page. Select a theme option from the “Force theme” dropdown menu. Click the “Save changes” button and you will see the page refresh and the theme being applied immediately. That’s it.

Which Moodle pages will be displayed in the user's theme?

All Moodle pages will be displayed in the user's theme, apart from courses where a course theme has been set. NOTE: the user's theme will not be available in mobile and tablet devices unless the option enabledevicedetection is unchecked. If you enable this, then teachers will be able to set their own course themes.

Can teachers set their own course themes on mobile devices?

NOTE: the user's theme will not be available in mobile and tablet devices unless the option enabledevicedetection is unchecked. If you enable this, then teachers will be able to set their own course themes. Course themes override all other theme choices (site, user, or session themes).

Can I add custom HTML blocks to my Moodle course?

In our latest Maker theme (for Moodle 3.9+) you have the option to position Moodle blocks before or after your Moodle course content. A course teacher can now add custom HTML blocks to create useful course information blocks or forms to enhance the course design. To get you started, we have created a demo course with some course design ideas.

How do I change my Moodle theme?

Steps to change the themeGo to the Settings block.Open Settings > Site administration > Appearance > Themes > Theme Selector link. ... Click on "Clear theme caches" button. ... Click on the "Select theme" button on the right of the current theme being used for the device. ... Scroll down to find the theme you wish to use.More items...•

How do I add an adaptable theme to Moodle?

There are several ways to install the Adaptable theme.Review Installing plugins#Installing a plugin Plugin installation section.Make sure the Adaptable theme is compatible with your Moodle version.After installing the Adaptable theme, change the site theme on one or more devices to the Adaptable theme.

How do you customize in Moodle?

1:039:50Moodle Tutorial | Customize your Moodle Homepage - YouTubeYouTubeStart of suggested clipEnd of suggested clipAnd then select edit settings from here we will now change the full site name which is displayed allMoreAnd then select edit settings from here we will now change the full site name which is displayed all the way up here as pretty much the title of the home. Page.

How do I install a theme on Moodle?

To begin, go to the Moodle Plugins Directory in your web browser. Select Theme as the Plugin Type, then select your Moodle version. Click the name of the theme you want to install to open the download page. On the theme download page, click Download and save the compressed (.

How do I make Moodle look good?

Making Moodle Look Good (Without affecting performance)#1 Creating an Engaging Homepage or Pre-login Experience. ... #2 Improving Post Login Experience. ... #3 Modifying Colours and Fonts. ... #4 Using Better Course Formats. ... #5 Using the Right Theme.

What is the best Moodle theme?

Best Moodle Themes From ThemeForestFlora - Responsive Moodle Theme. ... Edutech | Premium Moodle Theme. ... University - Responsive Moodle Theme. ... IQ | Intelligent Moodle Theme. ... Alanta - Responsive Premium Moodle Theme. ... Drona - Multipurpose Moodle Theme. ... Apple of Knowledge | Premium Moodle Theme. ... Macro Learning | Premium Moodle Theme.More items...•

How do you change the theme color in Moodle?

To change your theme:On your course page, from the Administration block, click Settings.From the Force theme drop-down menu, select the theme you want to try. Note: by default, the Moodle theme is Cornflower.At the bottom of the page, click Save changes.

How do I customize my dashboard in Moodle?

Open Moodle and click on the Dashboard link in the upper left corner of the screen. In the upper right corner, click on the Customize this page button. One change you might want to make is to hide the courses that are not going to be accessed during the current semester.

How do I change a course image in Moodle?

Go to your course's Moodle site. Click the "Course Management" gear icon in the top menu bar. In the Description Section, look for the Course Image upload box. The easiest way to add an image is to drag and drop it from your computer into the upload box.

How do I install Moodle plugins?

Installing via uploaded ZIP fileGo to the Moodle plugins directory, select your current Moodle version, then choose a plugin with a Download button and download the ZIP file.Login to your Moodle site as an admin and go to Administration > Site administration > Plugins > Install plugins.Upload the ZIP file.More items...

How do I add a Moove theme to Moodle?

InstallationDownload this repository.Extract the content.Put the folder into the folder theme of your moodle.Access the notification area in moodle and install.

How do I check my Moodle version?

The version of Moodle which your site is using can be found if you log in as an administrator and go to Site administration > Notifications.

How to shorten theme menu?

If you want to shorten the theme menu, you may specify a comma-separated list of names, though don't use spaces (e.g. standard,orangewhite). You can preview the available themes in Administration > Site Administration > Appearance > Themes > Themes selector.

What happens if you don't have a tablet theme?

If a tablet or mobile theme is set, AND the user is using a tablet or mobile, theme associated with the device is used, always overriding the course, category or user theme. If no tablet or mobile theme is set, course, category or user themes will be used.

Does category theme affect performance?

This will affect all child categories and courses unless they have specifically set their own theme. WARNING: Enabling category themes may affect performance, as it will result in a few extra DB queries on each page, so only turn this on if you need it!

How to shorten theme menu?

If you want to shorten the theme menu, you may specify a comma-separated list of names, though don't use spaces (e.g. standard,orangewhite). You can preview the available themes in Administration > Site Administration > Appearance > Themes > Themes selector.

What happens if you don't have a tablet theme?

If a tablet or mobile theme is set, AND the user is using a tablet or mobile, theme associated with the device is used, always overriding the course, category or user theme. If no tablet or mobile theme is set, course, category or user themes will be used.

Does boost have submenus?

Note: The Boost theme does not support submenus in the custom menu setting. The custommenuitems setting allows you to create a drop down menu that can be displayed by themes that support it. You are able to create the custom menu by entering custom menu items one per line into the setting.

Where can I find more Moodle themes?

As well as standard themes, which you will find in your Moodle installation, there are many FREE themes available for download from Moodle plugins directory - Category:Themes. Don't forget to choose the correct version of a theme for the version of Moodle you are currently using.

How do I control what themes show up where?

You can control which themes show up in which contexts by a series of settings in Administration>Site Administration>Appearance>Themes>Theme settings

How do I create a custom theme?

If you aren't familiar with CSS and theming, first try customising the 'More' theme within Moodle. See Standard themes

Is it possible to customise language strings per theme?

Not by default, as when strings are customised, they are customised for the whole site. However, it is possible to make a new language pack based on your main language and apply that pack to the course which has that theme. See this forum post for more information: https://moodle.org/mod/forum/discuss.php?d=220671

How can I get the links in my custom menu to open in new windows?

It is possible to create your own fly out menu via the custom menu block in Administration>Site administration>Appearance>Themes>Theme settings. Copy the examples given below the box. If you want the links to open in a new window, use the following code:

Where shall I put my custom CSS code?

Note that the contributed themes Afterburner, Arialist, Formal White, Fusion, Nonzero, Overlay, Sky High and Splash all offer the possibility to add custom CSS in their page settings via Settings>Appearance>Themes> .

Will I lose my courses, language files, logo, etc. if I switch my theme?

Switching themes only changes the appearance of your site, not the content within it. The logo is a part of the theme and will be lost when you switch.

How to change theme on a device?

Some themes will can be additionally modified for a specific device. Log in as admin and go to Administration > Site administration > Appearance > Themes > Theme Selector. Click on the "Change theme" button on the right of the current theme being used for the device. Scroll down to find the theme you wish to use.

Does Moodle clear theme cache?

The Moodle server should automatically clear its theme cache . Some older versions of Moodle will required you to click on the "Clear theme caches" button as a last step. It is a best practice to check how the theme looks by using. the three different types of devices and.

What is theme designer mode?

Theme designer mode. Under normal operation Moodle does several things in the name of performance, one of these is to combine all of the CSS into one file, minimize it, cache it on the server, and then serve it. After the first request the cached version is served to greatly improve page performance.

Does Moodle cache CSS?

Under normal operation Moodle does several things in the name of performance, one of these is to combine all of the CSS into one file, minimize it, cache it on the server, and then serve it. After the first request the cached version is served to greatly improve page performance.

Is config.php a real theme?

With config.php and standard.php both complete the theme is now usable and starting to look like a real theme, however if you change to it using the theme selector you will notice that it still lacks any style.

Add and position a HTML block

In a Moodle course you can turn editing on and add a HTML block as shown in the figure below.

Code Snippet – About This Course

You can use this block to give a brief introduction of your course. The “See Course Modules” button is pointing to the course content ( #section-0 ). The “Ask a question” button is pointing to the Contact Tutor block ( #inst2927) on the same page.

Code Snippet – Course Overview

You can use this block to give useful stats. You can change the icons used in the block to any of the 1000+ free Bootstrap SVG icons available.

Code Snippet – Course Modules Overview

You can divide your course content into modules (using Moodle’s Topic format) and then use this block to link to each module with a quick overview.

Code Snippet – Contact Tutor

You can add a simple contact form for your learners to ask the course tutor questions without leaving the course. Learn how to set up the contact form here.

Want to master Moodle?

Moodle Tutorial for Educators - Learn Moodle to create WORLD CLASS online courses. Leverage Moodle 3 like a BOSS!

Are you a Moodle admin?

Learn World Class Moodle LMS Admin, Configure, Theme, Manage Courses, Users, Permissions, Roles, Security, Plugins...

How do I select a theme and change theme configuration from moodle config.php file?

I want to select a theme by setting $CFG-> value in config.php. How can I do that? Also, I want to change the brand colour in the theme by accessing theme_moove | brandcolor in the config.php file.

Re: How do I select a theme and change theme configuration from moodle config.php file?

Core settings can be set by setting the corresponding $CFG property as you have stated, so the theme can be set with:

Style 1 – Default

By default the course list will be shown as a list of blocks. This style works best if you make sure the course summary is truncated to max 200 characters and your course image size is 440px x 280px, or 880px x 560px if you are going to use the image as the course header image as well.

Style 2 – Cards

This style shows your list of courses as cards with equal heights. This style works best with a truncated course summary (you can set the truncation length based on your needs). If you are going to use this style, it’s recommended to have at least 3 available courses on your site, otherwise the layout will look a bit odd.

Style 3 – Masonry

This style shows your list of courses as cards with their auto heights. It places the cards in optimal position based on available vertical space. You don’t need to truncate the course summary when using this style as the course items with various heights will automatically stack to each other and fit into the available space.

Want to master Moodle?

Moodle Tutorial for Educators - Learn Moodle to create WORLD CLASS online courses. Leverage Moodle 3 like a BOSS!

Are you a Moodle admin?

Learn World Class Moodle LMS Admin, Configure, Theme, Manage Courses, Users, Permissions, Roles, Security, Plugins...

Theme Settings

Special Themes

• Session themes
  Moodle offers an additional way to set a theme - the session theme. This is set with the URL and lasts until you log out. When you next login, the site/course/user themes are active again. This option is great for theme testing and works perfectly when you want to enable different themes f…
• Page theme
  A page theme is for special page-only themes set by code, use $PAGE->force_theme().

See more on docs.moodle.org

Theme Hierarchy

Particular Theme Settings