Moodle Plugins directory: Trema | Moodle.org
Trema
Michael MiletteThe Trema theme is a free, responsive Moodle theme that offers a clean and modern design. One unique aspect of the Trema theme is its ability to display course information in a grid format, which can be particularly useful for sites with many courses. Additionally, it includes options for a customizable frontpage, login page, and footer. Overall, the Trema theme for Moodle aims to provide a visually appealing and user-friendly interface for Moodle users. The main goal for this theme is to not need another site for information/advertising/marketing.
Trema Key features
Trema supports all of the features from the core Boost theme plus:
General
- Customizable page background image.
- Choose from a selectable link style.
- Hide default primary menu items like Home, Dashboard, My Courses, and Site Administration.
- Align the primary menu to the left, center or right.
- Remove the Log out link from the user menu so you can implement your own custom logout link.
- Add a custom favicon for brand identity.
- Site Administrators can access an exclusive Admin Dashboard with insightful site information.
- Enhance aesthetics with optional decorative Trema lines.
- Soften the look with rounded corners for elements such as buttons, cards, secondary navbars, etc...
- Supports multi-language courses and content.
- Improved accessibility.
- Offline friendly - This theme will work without access to the Internet.
Frontpage
- Configurable optional image banner or content slider with customizable text.
- Flexible banner/content slider height from 50% to full page.
- Adjust banner font family, title spacing, and text case. Color is configurable too.
- Create up to six captivating cards with custom content and icons.
- Incorporates space for additional unrestricted HTML content.
- Hide links to Page activities allows you to create static pages such as Help/FAQ, Contact Us, About Us and more.
- Implement an Admin area block that is exclusively visible to Site Administrators.
Branding
- Implement your organization's branding effortlessly with a choice of font and colors.
- Adhere to the 60-30-10 design rule for a visually appealing site.
- Tailor primary, secondary and body background colours.
- Select the colors for the navbar, Log In button, drawers, and footer.
- Choose from 15 different fonts for site content, front page titles, and headings.
- Control text case for some content.
- Automatic font color selection based on background colours ensures optimal color contrast ratios for accessibility.
Login
- Personalize the login page with an optional background image.
- Opt to display the 'Create account' section first.
- Streamline access for OAuth2 authentication by hiding the login form fields.
Course Lists and Search Results
- Present course lists and search results elegantly as cards.
- Control the display of course contacts and the course's category in course cards.
- Display the course summary in modals, popovers, or as a link.
- Flexibility to show or hide courses located in hidden categories.
Course Navigation
- Show activity navigation buttons -- navigate directly to the next or previous course activity.
- Option to hide activity icons on the course page.
Footer
- Choose between a Boost-style popup footer or a classic HTML footer.
- Choose to display or hide information in the footer.
- Remove Moodle and Trema branding for a white-label experience.
- Adjust the footer background opacity and color.
User Profile
- Hide Moodle core profile fields on the Registration and Edit Profile page for a streamlined experience.
Development and Support
Trema is continuously developed and maintained by:
The ongoing development of Trema is partially sponsored by TNG Consulting Inc.
Previous maintainer: Trevor Furtado | GitHub
For support or to report a bug and suggestions, visit the GitHub Issues. For quick support, please contact the current maintainers directly using the links above.
Installation and Demo
Note that some features may not be available when using older releases of Moodle LMS and Trema.
- Download the version of Trema that is compatible with your Moodle version.
- See the installation and uninstallation instructions in the README.md documentation.
Experience all the features of the Trema theme by visiting the Trema demo site Use the following credentials to log in:
- Login: aluno01
- Password: aluno01
Documentation
Additional information is available in the README.md file included with the plugin.
Screenshots
Contributors
The credentials doesn't work for login.
Login: aluno01
Password: aluno01
Can please update this?
Thanks!
I'm running moodle 4.0
Error
Excepción - Class 'theme_trema\output\filter_manager' not found
Debug info:
Error code: generalexceptionmessage
Stack trace:
line 231 of /theme/trema/classes/output/core_renderer.php: Error thrown
line 219 of /lib/mustache/src/Mustache/Context.php: call to theme_trema\output\core_renderer->standard_head_html()
line 138 of /lib/mustache/src/Mustache/Context.php: call to Mustache_Context->findVariableInStack()
line 31 of /var/www/moodledata_cw/localcache/mustache/1728573378/trema/__Mustache_eb4b45ecbe4f60a84b8a56326203be46.php: call to Mustache_Context->findDot()
line 13 of /var/www/moodledata_cw/localcache/mustache/1728573378/trema/__Mustache_555d939f0237008e266f5d67ff9839d8.php: call to __Mustache_eb4b45ecbe4f60a84b8a56326203be46->renderInternal()
line 67 of /lib/mustache/src/Mustache/Template.php: call to __Mustache_555d939f0237008e266f5d67ff9839d8->renderInternal()
line 208 of /lib/outputrenderers.php: call to Mustache_Template->render()
line 126 of /theme/trema/layout/drawers.php: call to renderer_base->render_from_template()
line 1477 of /lib/outputrenderers.php: call to include()
line 1403 of /lib/outputrenderers.php: call to core_renderer->render_page_layout()
line 1989 of /lib/setuplib.php: call to core_renderer->header()
line 86 of /user/preferences.php: call to bootstrap_renderer->__call()
Best regards,
Michael
Thanks, Francisco.
https://www.dropbox.com/scl/fi/d3bxzifeby5bkebu4gj4s/Captura.JPG?rlkey=xpq2wm1csnav3cp7058kupi8a&dl=0
Sorry to hear that the images are not working on your frontpage. That can be very frustrating. Have you tried switching to the Boost theme? If it only happens in Trema, you can create an issue ticket by going to https://github.com/trema-tech/moodle-theme_trema/issues.
However, if the problem exists when using Boost as well, then it is likely a Moodle LMS configuration issue or an issue with your web server, not a Trema issue. In that case, you can seek help in the Moodle discussion forums. Alternatively, I can offer you paid support. Just send me a private message or contact me through my website (link is in my profile).
Best regards,
Michael Milette
But can you advise me on how to change this overlay.png file? I am not sure how it functions or how to modify it. Thanks!
We have the setting frontpageenabledarkoverlay to make that happen. Did you try to disable it?
Thank you for your contribution and for testing Trema.
Please, let me know if you have any ideas for improvements.
Kind regards,
Rodrigo Mady