Moodle plugins directory: Trema | Moodle.org
Trema
Michael MiletteThe "Trema" Moodle Theme
The 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.
Nice features in trema:
- It's based on the boost theme, so it will continue to be compatible with Moodle for a long time.
-
The frontpage is fully customized. It's possible to change the image banner. You can create up to six beautiful cards with custom content and you can add custom HTML content with no restrictions.
-
We really use Bootstrap to make the theme fully responsive.
-
The footer is highly customizable and we have an exclusive admin area block that can be seen and accessed only by the site administrator.
-
Thinking a little more about the administrators we made the admin dashboard area so that they can see in real-time some data about their Moodle.
-
The colour scheme can be changed in the theme settings.
Developed and maintained by
Rodrigo Mady
Moodle profile: https://moodle.org/user/profile.php?id=2435964
Web profile: https://github.com/rmady
Michael Milette
Moodle profile: https://moodle.org/user/profile.php?id=1615960
Web profile: https://github.com/michael-milette
Previous maintainer
Trevor Furtado
Moodle profile: https://moodle.org/user/profile.php?id=1192335
Web profile: https://github.com/trevorfurtado
Support
As Trema is licensed under the GNU GPLv3 License it comes with NO support. So if you need some help talk to us in 'Moodle profile' in 'Developed and maintained by' above and we can discuss some improvements. To inform errors access Github Issues.
Installation
Ensure you have the version of Moodle as stated above in 'Required version of Moodle'. This is necessary as the theme relies on underlying core code. Move the folder trema to /theme/ folder from your Moodle installation. Access the Moodle Administration page (/admin) for do the necessary updates in your database.
For uninstalling trema you must change the theme. And in /theme/ remove the folder trema.
See the demo site
A demo site showing all available features of Theme Trema.
login and password: aluno01
Documentation
Documentation is available in Theme Trema.
Donate
Please, donate for helping us to improve Theme Trema more and more:
https://www.paypal.com/donate/?hosted_button_id=6FBZMX8PFPS3Y&source=qr
Screenshots
Contributors
Is there a way to not resize the small logo or choose the logo instead small logo?
Thanks!
I have made a Website using this theme for the site. However, I'm having troubles with the picture that I choose to became the frontpage banner do not appear in Explorer and Safari browsers but in Mozilla and Chrome it appears.
Any solutions?
Regards,
João Cardoso
I'm kinda not liking the fact that this was removed from the functionality, it really doesn't make sense
I really like this theme, but if I am not able to list categories on the main page or any other page instead of ajust a ton of available courses that students have to spend a lot of time navigating through, then it's a waste of time for me to learn this theme.
Trema is the one of my fav moodle theme, its simple and modern. But the message, hamburger and navbar icon disappear when i apply the trema, can you help me fix this?
Thank you
How can I add particles.js? Do not circle if it is not a logo that we have in the company that is png, please help me.
We open a simular issue in github, your problem (image) is also in cloze questions?
https://github.com/trema-tech/moodle-theme_trema/issues/19
We fixed this issue in the last release, please update your theme version.
@Adegoke Badejo,
The Moodle has the settings "custommenuitems" for this issue and we just improved it adding an icon for the first parameter.
Example: fa-puzzle-piece Courses | MOODLE_URL/course
@Luis Armando Nieves De la Hoz
Do you want to change the image just for mobile? If the answer is yes, you can do it using media querys with CSS.
In this moment you can do not resize the small logo just by adding CSS, please add this to your Moodle SCSS and change the value 35px according to your necessities:
nav.navbar .logo img {
max-height: 35px;
}
Or you can change by yourself the line https://github.com/trema-tech/moodle-theme_trema/blob/d0361154c0ff60bb202552a189dbc0275481540f/classes/output/core_renderer.php%23L69 to call the logo instead of small logo.
We made some tests and we didn't figure out what is your problem with cross browser. But maybe you have to update them.
Please, can you explain better your issue in github?
Ps.: some pictures will help us to help you.
We fixed this issue in the last release.
Can you test for us?
And if it persist can you explain better your issue in github?
Ps.: some pictures will help us to help you.
We don't undestand what is your issue with particles. You can add particles in trema global settings or configure an image for login page.
In MOODLE_URL/admin/settings.php?section=logos you can add the logo from your website.
Can you explain better your issue in github?
Ps.: some pictures will help us to help you.
Muchas gracias
so grateful for your work, it's really pretty theme,
my question is when I change the language to arabic the home page gets missy , please can you give me an idea how to fix the front page title if the language changed?
I had a problem, though:
On the frontpage, in the courses summaries the course titles are not filtered and thus do not support multi-language content filtering.
To fix this you need to edit the file:
/theme/trema/classes/output/core/course_renderer.php
replace the line containing
'title' => $course->fullname,
with
'title' => format_text($course->fullname,FORMAT_HTML),
After that, course titles are filtered and {mlang xx}My Text{mlang} tags work on the frontpage as well.
Thanks again for this beautiful theme.
All the best!
"Usted está ingresado como Administrador Usuario (Salir)
Resumen de conservación de datos
©Tema Trema"
Muchas gracias de antemano.