Good day, dear Moodle community! I am new with Moodle, I am going to use open-source Moodle application, however I would like to use my own custom design. So, I have created new custom design by myself, and I want to define whether it fits with Moodle or not. Could you suggest me what I need to do? As well, could you tell me using custom design is normal approach? I will create web-site where I will post my courses and other details based on Moodle with customized design/front-end.
In Moodle the "design" (look-and-feel) is not on the surface but comes from its depths. Read all the information given in the Themes forum to understand what that means.
Suggestion ... if going down this path, add a line to your config.php file for the site that forces the site back to one of themes that came with the version of Moodle - that of boost or classic.
// $CFG->theme='boost'; (or 'classic')
Reason: themes are inline in moodle - controls everything ... should your theme lead to WSOD (white screen of death), or cannot access admin area of the site or a course, you can easily get back control by un-commenting the line above and then work on your problem.
Once fixed, you could comment out the line leaving it there just in case there is a 'next time'.
Also, a third party theme has been known to stop an update or upgrade to core moodle ... you cannot stay at version of moodle forever. As a matter of practice now, before I upgrade, I un-comment the line forcing the theme to boost because I know boost should be compatible with upgrades. After the upgrade, and I see I can login and check things out, I comment out the line to see site with 3rd party theme (which might need an upgrade itself).
2 cent advice/suggestion, but I've found it saved me from having to get 'just in time answer' from forums when most folks are sleeping!
'SoS', Ken
I'm not familiar with figma (I just Googled it).
Moodle has a "look and feel" all of its own defined by the functionality it has. You can customise the look to a large extent using a custom theme but it's still going to look like Moodle. The chances are that if somebody has created a design without any knowledge of Moodle, you will have a VERY hard time implementing it.
Moodle has a "look and feel" all of its own defined by the functionality it has. You can customise the look to a large extent using a custom theme but it's still going to look like Moodle. The chances are that if somebody has created a design without any knowledge of Moodle, you will have a VERY hard time implementing it.
i know for a fact Figma "prototypes" are being used by the Moodle UX designers, or at least some of them because I've seen them in some presentation. Unfortunately they are on a different community https://moodle.org/mod/forum/view.php?id=8698.
I guess it's tempting to think you can just export a Figma design to code and drop it in. Trouble is Moodle isn't a pure API backend application that just emits data to be consumed by a JS front-end. Moodle generates a lot of HTML and javascript of its own that it depends on to make things happen.
If you're new to Moodle, probably the best approach with the theme is to make a child theme of Boost, and work with the basics of your theme to produce something approximating your design. Depending on the design you have, it might even be worth downloading a theme like boost_union (other themes are available) which has a lot of built-in configurability already. At the very least, along the way, you'll see what goes into making a theme and what can be done.