Designing Moodle Themes

Effortlessly design attractive and functional themes for your Moodle course
3.2 (5 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
53 students enrolled
82% off
Take This Course
  • Lectures 47
  • Length 3 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 7/2015 English

Course Description

Themes in Moodle are plugins that help you to create a different look and feel for your Moodle courses. These themes act as custom “skins" which help you to make your courses stand out from the rest. With your personalized themes, you will enjoy functionality and elevated performance along with a very unique design for your own “brand" of courses.

This tutorial offers you a step-by-step guide to building your own customized themes on top of the existing Moodle plugins.

This comprehensive video tutorial will introduce you to the process of selecting the Moodle themes that best suit your requirements and then further customizing them to your design needs. You will learn to identify the elements that will make your Moodle course better, followed by ways to achieve superior functionality.

You will learn how themes can help you build an exclusive look for your courses and create a positive user experience for your viewers. You will go through a quick tour of pre-installed themes in Moodle, and then learn how to customize the appearance of elements of any theme that you select. If you are working with a Moodle administrator, you'll learn how to download and install new themes, and to modify their appearance quickly and easily using Cascading Style Sheets (CSS). A quick drive through this course and you will be on the road to developing a strong brand identity for all your Moodle courses and programs.

About the Author

Susan Smith Nash, who has been involved in the design, development, and administration of e-Learning programs and courses since earning her Ph.D. in the late 1990s, has developed and administered online courses on many platforms, using many different learning management systems. She is responsible for developing degree and certificate programs delivered in online and hybrid formats and has worked on implementing e-Learning in universities, corporations, and associations.

The author of the award-winning e-Learning blog E-Learning Queen and several books on e-Learning, Susan Smith Nash has focused on developing courses that optimize user experience and enhance performance, outcomes, and course persistence/completion.

Her portfolio of publications includes peer-reviewed articles and books, including the following:

  • The video Moodle for Training and Professional Development, Packt Publishing, 2013
  • What are the requirements?

    • Just do your basic homework in HTML and CSS, and you are good to go.

    What am I going to get from this course?

    • Design your own one-of-a-kind Moodle skin and build sizzle into the user experience
    • Develop Moodle courses that flow across all devices
    • Create a striking skin without having to program anything
    • Engrave your Moodle courses with customized branding through elements such as Logos and Badges
    • Work with a Moodle administrator and gain access to the most optimum themes
    • Modify Themes by customizing code using Cascading Style Sheets

    Who is the target audience?

    • If you develop e-learning tutorials in Moodle and wish to create a course which is embossed with your brand, this video tutorial is just right for you. It will provide you with the means to develop a Moodle theme that has the advanced functionalities to make your course unique.

    What you get with this course?

    Not for you? No problem.
    30 day money back guarantee.

    Forever yours.
    Lifetime access.

    Learn on the go.
    Desktop, iOS and Android.

    Get rewarded.
    Certificate of completion.


    Section 1: Getting Started with Moodle and Moodle Themes

    Make sure that users are aware of the latest version and where to go for help.


    Update knowledge on icons in Moodle that have changed significantly since Version 1.9 (which is still in use).


    Create a course, determine its structure, and then select the correct elements for the course in order to achieve learning objectives.


    Cut down on boring, cookie-cutter courses, and develop brand image using themes.


    Avoid bland or unengaging design for your course and help differentiate them from others, improve the functionality and enhance learner success, and create business opportunities via themes.

    Section 2: Preinstalled Themes
    Identify theme families and locate themes, both core and contributed.
    Make global changes to all courses.

    Change a theme quickly and easily.

    Select a theme that works well with courses and focuses on quizzes and assessments.

    Find themes that work with prompt-based and calendar-based discussion and collaborative activities.

    A clear and intuitive organization of instructional material.

    Find a theme that looks updated and not like a Moodle theme


    Find themes that work with tablets and smartphones.

    Section 3: Customizing the Appearance of Activities

    Avoid confusion with calendar events.


    Avoid getting confused between discussion threads and lost posts.


    Avoid placing materials in confusing, hard-to-access, hard-to-remember locations.


    Avoid the confusing, cookie-cutter Quiz appearance.


    Avoid restrictive, boring assignments; allow the learner to add more items.

    Avoid having to use the Forum function for collaboration and enable document sharing.
    Section 4: Customizing the Appearance of Resources

    Make it easy to find URLs to resources and to organize.


    Avoid look-alike icons that do not differentiate content/resources and give each content item its own unique icon.


    Avoid unengaging, hard-to-navigate forest of links.

    Create an easy way for users to identify MP3 files and avoid having to launch a plugin such as Real Player.

    Avoid embedded videos that are too large or small. Include captions.


    Eliminate confusion about map locations by incorporating a graphic that automatically updates and provides images.

    Section 5: Using Cascading Style Sheets for Modifying Built-in Themes
    Globally change the appearance of a site without having to modify the HTML or PHP.

    Modify the core, forms, header, footer, and course, by modifying the CSS definition.


    Avoid having to modify the HTML code for every occurrence of a color.

    Avoid having to modify the HTML code for every occurrence of a font in the page elements.

    Save time by using a WYSIWYG editor that makes creating/editing CSS intuitive.

    Section 6: Downloading Themes
    How to avoid problems with selecting or downloading themes.
    Make sure that you understand how to navigate in Moodle Docs.

    Make choices that will not backfire or cause unexpected problems.


    Download contributed themes/avoid problems.

    Avoid problems that might occur in selecting themes that flow.
    Section 7: Developing Our Own Themes

    Avoid templates that limit you and do not offer the flexibility you need.


    Avoid themes that do not easily link instructional material with knowledge-assessing quiz.


    Avoid themes that do not flow with all devices or that do not allow one to easily take quizzes on their mobile devices.


    Select a base theme that expands easily to incorporate the embedded HTML code and social media.


    Use themes that are responsive and allow easy incorporation of social media, along with certificates/badges.

    Section 8: Customizing Outcomes

    Cut down on lag time and create an automated process that has a customized appearance.

    Eliminate delays and a middleman by automating the process.

    Avoid generic appearance. Create and reinforce the unique brand strategy and achieve product differentiation.


    Eliminate bland certificates. Incorporate watermarks, seals, and graphics to create a unique product.


    Avoid losing clients to the lowest bidder; encourage them to stay loyal to you and your courses.


    Avoid user boredom and burnout; maintain motivation to continue to learn and earn.


    Create a badge that learners will want to display on their websites and blogs and insert in their e-mail signature blocks.

    Students Who Viewed This Course Also Viewed

    • Loading
    • Loading
    • Loading

    Instructor Biography

    Packt Publishing, Tech Knowledge in Motion

    Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.

    With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.

    From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.

    Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.

    Ready to start learning?
    Take This Course