Available courses

Introduction to Moodle Themes

  • Overview of the Moodle theming system
  • Standard themes: Boost and Classic
  • Theme file structure and key components

Setting Up the Development Environment

  • Installing a local Moodle development instance
  • Theme development tools and workflows
  • Version control best practices

Creating a Basic Theme

  • Starting with a Boost child theme
  • Essential theme files: config.php, styles.css, layout files
  • Customizing colors, fonts and basic layout

Advanced Theme Customization

  • Working with SCSS in Moodle themes
  • Overriding Moodle's core CSS
  • Creating custom layouts and page templates
  • Adding theme settings

JavaScript and Interactivity

  • Including JavaScript in Moodle themes
  • Using AMD modules
  • Customizing Moodle's UI components

Responsive Design for Moodle

  • Mobile-first approach
  • Adapting layouts for different screen sizes
  • Testing and debugging responsive themes

Theme Performance Optimization

  • CSS and JavaScript minification
  • Image optimization techniques
  • Caching considerations

Accessibility in Moodle Themes

  • WCAG guidelines for Moodle themes
  • Implementing accessible color schemes and contrast
  • Keyboard navigation and screen reader compatibility

Theme Deployment and Maintenance

  • Packaging themes for distribution
  • Updating themes for new Moodle versions
  • Troubleshooting common theme issues

Advanced Topics

  • Creating custom block layouts
  • Overriding Moodle's core renderers
  • Integrating third-party frameworks