How to Create a Child Theme for Moodle 4

Name: How to Create a Child Theme for Moodle 4
Rating: 4.5 (13 reviews)

Learn how to build a child theme, use templates, renderers and configuration settings using PHP in the Moodle platform.

Created byChris Richter

Last updated 6/2023

English

English [Auto],

What you'll learn

How to create a child theme for Moodle 4.x
How to create a child theme configuration page
How to override templates for a child theme
How to use renderers in a theme
How to modify the login page in a child theme
How to add a custom footer to a child theme

Course content

6 sections • 25 lectures • 1h 55m total length

Welcome to the Course1:54
Learn to build a Moodle 4 child theme for PHP developers by overriding the Moodle Boost core theme, creating templates, renderers, configuration settings, and custom CSS.

Step 1 - The Theme Folder (Includes code)0:55
The complete plugin install file and code is included here for you to download.
The Child Theme can be installed using the standard Moodle plugin install process on Moodle 4.1.
Step 2 - config.php3:00
Create the child theme’s config.php by adding the standard Moodle header, setting theme name Ricochet Boost, declaring the boost parent, enabling the editing switch, and configuring the render factory.
Step 3 - version.php4:35
Step 4 - The Language File2:54
Step 5 - settings.php2:23
Step 6 - Style Sheets1:17

Adding CSS to a Child Theme9:25
Overriding the Navigation Template8:51
Override the navigation template by copying the boost nav bar mustache into your child theme, add a home icon in the user navigation, and test on staging.
Overriding the Course Page Header6:43
Overriding the Login Page3:31
Admin Settings Introduction1:33
Learn to create a settings page for a Moodle 4 child theme and manage login text via admin options, including a boolean toggle and extra text.
Admin Settings8:43
Using Config Data in a Child Theme6:37
Modify the login layout to load admin-configured text into the login template. Use a mustache block to show or hide the login text based on settings in the template context.
Overriding the Footer Introduction0:45
Override the footer in a Moodle 4 child theme by using a boost theme footer template, adding a custom footer above the existing one via footer.mustache.
Overriding the Footer3:55
Course Renderer Introduction1:26
Explore how to override the course renderer in a Moodle 4 child theme to customize the available courses section, including displaying start and end dates.
Overriding a Course Renderer15:58
Assignment Renderer Introduction1:08
Overriding an Assignment Renderer11:57

Requirements

An understanding of PHP development
Access to a Moodle 4.x development environment

Description

Welcome to "How to Create a Child Theme for Moodle 4"!

In this course, you will embark on an exciting journey to learn the ins and outs of creating a child theme for the Moodle Learning Management System (LMS). Whether you are an experienced PHP developer or looking to enhance your coding skills, this course is designed to equip you with the knowledge and tools necessary to create your own customisable child theme for Moodle.

Throughout the course, we will focus on the fundamental coding structure required to build a theme, as well as delve into the intricacies of modifying templates, utilising renderers, and creating theme configuration settings. We will be building a child theme based on the popular Moodle Boost theme, incorporating the powerful Bootstrap framework.

To ensure a hands-on learning experience, you will have access to the completed code for the child theme. This will not only allow you to analyse and understand the child theme, but also provide you with the opportunity to modify and personalise it according to your preferences. Please note that this course assumes you have access to a development server with Moodle 4.x installed, enabling you to build and test your child theme in a practical environment.

By the end of this course, you will have acquired the skills to confidently create your own child themes for Moodle 4, offering a tailored and visually appealing experience for Moodle users. This course will empower you to customise Moodle to suit your specific needs.

I am thrilled to have you join me on this exciting journey of theme creation for Moodle 4. Let's get started and unlock the potential of a personalised Moodle experience together!

Who this course is for:

PHP developers that need to learn how to program theme for the Moodle platform

How to Create a Child Theme for Moodle 4

What you'll learn

Explore related topics

Course content

Introduction1 lecture • 2min

Setup2 lectures • 10min

Creating the Child Theme files6 lectures • 15min

Installing2 lectures • 8min

Modifying the Child Theme13 lectures • 1hr 21min

Thank you1 lecture • 1min

Requirements

Description

Who this course is for: