Struggling to create a nice-looking interface, cleaner pages (Homepages and course pages), and navigation or do you feel that the customization options in Moodle™ are limited?
Not to worry as we’re here to help!
In this tutorial, we’ll help you understand how to easily customize any page on your Moodle™site using Edwiser RemUI.
For this, we will be modifying the university template. And we’ll also be talking about the custom page builder in the theme – trust me, page designing and customization is going to get super convenient with this 🙂
In case you don’t know, Edwiser RemUI is an elegant, modern, and responsive Moodle™ theme that transforms your Moodle™ experience. And even simplifies building & customizing new pages. The theme also comes with a Demo Importer offering ready-made homepage & course page templates for making Moodle™ more appealing to use and easy to get started with.
Setting up Edwiser RemUI
To set up Edwiser RemUI on Moodle™, check out the video below for more information.
Once you have followed the above procedure to import the Edwiser RemUI theme, you should have a dashboard view as shown below.
Creating or Editing a Flexible Homepage
As previously mentioned, we will be using the default university template. To edit, click the home button on the left navigation panel on the Dashboard, this will take us to the homepage. Next, you should click on the edit icon located at the bottom right corner of the page.
Once you click on the button, we will notice that Edwiser RemUI provides you with sectioning to customize the homepage according to the various sections as seen in the figure below.
The buttons at the bottom right allow you to add sections to your homepage and also to preview the homepage, while, the buttons at the top left allow you to edit the header section.
Every time you hover on any section, buttons at the left just like the ones we see in the picture above appear. These buttons allow you to edit that particular section. Once you click on the settings icon on the top left, we are giving an editing block for that particular section. We can also use custom styling to style that particular section as illustrated in the image below.
To add a section to our homepage, click on the add icon at the bottom right as indicated in the image above, this should open a tab as shown below.
It provides us with lot of sections ranging from slider section to about us section and more.
Building pages faster than ever with Moodle™ Custom Blocks
Now that you have customized the homepage, let us try and customize the dashboard with the Edwiser RemUI custom Moodle™ blocks. These Moodle™ blocks or the custom page builder in the theme give you the flexibility to build & modify your Moodle™ page layouts to suit your needs.
The functionality to add images text and other blocks gives you enough flexibility to experiment with a variety of interesting page layouts. So, to edit out the dashboard:
click home icon at the top left hand corner,
click the `customize this page` button,
click on ` add block` button
The custom page builder provides you with over 14+ custom blocks for quick & easy personalized page designing.
Features (3 Layouts)
Contact_us, Grid view
Hero section (2 layouts)
HTML, Media text (4)
Just drag and drop, to customize individual pages as per your e-learning needs. Also, right within the custom block is the Live Customizer, which allows you to customize any page on the go.
After selecting a block, click on the ` open with Live Customizer ` to customize the block
Once you are done customizing, click the ` save changes ` button to save all changes.
Building and Customizing Moodle™ Pages.
Creating a new page is also made easier with Edwiser RemUI. While still on the homepage, click Add an activity or resources link located at the bottom right of the page.
Once you click on the button, a modal appears for which you are to select a page, to add a new page as shown in the image below.
An input field appears for you to fill similar to that seen in the images above. Once you fill in the required inputs, you can submit the form to create our new page. Having created a new page, you have one more thing to add in order to access that page. Click on add block on the left-side navigation, and select the main menu.
To access the page, click on the button shown on the image below.
As demonstrated in this tutorial, you have seen how easy it is to modify, customize and create Moodle™custom pages using Edwiser RemUI, Here are some benefits in a nutshell: