moodle theme moodle themes

Download Free Samples

Documentation > Moodle

Creating and Installing Moodle Themes with Artisteer


Designing Moodle Themes with Artisteer
Installing Moodle Themes created with Artisteer

With Artisteer you can create professional Moodle themes without having programming skills or struggling with HTML, CSS, Photoshop, Dreamwaver, and other web design technologies. Artisteer automatically proposes new and unique theme designs for you, that can be later adjusted and finalized to your taste.

Designing Moodle Themes with Artisteer

The following explains how you can quickly create great Moodle themes:
  1. Start Artisteer and click the "Suggest Design" button a few times, until you see an idea that you like.

    moodle theme

  2. Adjust design elements, including the layout, background, header, fonts, etc.

    moodle theme

  3. Export your Moodle theme to a folder on your computer.

    Note: The Moodle export plugin is not included in Artisteer 4.0 by default. Please install it (for free) from Artisteer Marketplace, navigating Export -> Marketplace -> New -> Moodle Theme -> Install.

    moodle theme

  4. After that you can export your Artisteer theme to Moodle.

    moodle theme

    Note: Don't use capital letters, special characters, or spaces in the theme folder name.

    moodle theme

Installing Moodle Themes created with Artisteer


  1. Upload your newly exported template folder to the /theme folder within your Moodle installation (e.g. using the FTP manager).
  2. Log in to your Moodle Administration, create and open a new course (or select an existing one from the list of available courses), going to Home -> Courses.
  3. Go to the Settings -> Site Administration -> Notifications and check for available updates.

    moodle theme

    Note: By going to Notifications, the status of all the modules, add-ons and themes is being checked and updated and the list of available themes in Theme Selector is updated after this.
  4. Navigate Settings -> Site Administration -> Appearance -> Themes -> Theme Selector.
  5. Press the "Clear theme caches" button.

    moodle theme


  6. Select your theme from the list that has appeared and click "Use theme" to set it as default for the course.

    moodle theme

Congratulations on your professionally designed Moodle theme!


Download Free Artisteer Trial  Watch Demo




Artisteer is not affiliated with or endorsed by Joomla!™ or Drupal or WordPress Projects.