Explore a comprehensive overview of Matrix Themes in this guide, which will help you understand how they work and how to customize your website.
Matrix themes are based on a custom layout available in the Jimdo website builder (Jimdo Creator). The content management system (CMS) provides you with the ability to create your own template.
Once installed, you can locate it under Design > Custom Templates.
There are 5 main components of Matrix theme:
1. HTML ( Design> Custom Template> HTML )
2. CSS ( Design> Custom Template> CSS )
3. CSS components ( Design> Custom template> Files)
4. Font Awesome icons ( Design> Custom template> Files)
5. JS file ( Design> Custom Template> Files )
After installing the Matrix theme on your Jimdo website, you will find an additional menu in the admin mode, containing all resources:
Documentation: general documentation of Matrix Themes
Quick Setup: the first steps after installing the custom layout
Shortcodes: custom widgets
Block Elements: full width block widgets
Fluid sections: drag/drop full width sections
Add-ons: additional custom widgets & plugins
Templates: template selection
Updates: theme updates
Helper classes: the full list of helper classes used in Matrix Themes
Support: Support guides and tutorials
Marketplace: list of Jimdo Experts and Matrix themes partners
Custom Layout: quick access to custom layout
Please note that once you switch to a custom layout, some sections of the Jimdo admin will change. For example, the Style tab will be disabled. However, to change the colors and
styles of your website elements, you'll have the advanced style editor from Matrix themes.
After installing the Matrix theme on your website, you'll need to add the advanced style editor to customize your website without any coding. Navigate to the Matrix Themes admin menu, access the
quick setup, and follow the instructions to add the style editor in just two simple steps
The advanced style editor includes the following features:
Color settings: Customize the color setup of the main elements of your website, including brand colors and template sections (header, content, footer, buttons, etc.).
Template configurations: Utilize template configurations to add custom classes for each section, defining the design of your website. This includes adjustments to navigation
alignment, styles, default buttons, and contact form styles.
Custom CSS: Add further customizations to your template or widgets using the Custom CSS option."
The custom widgets of Matrix Themes are available in section 'Shortcodes'. You can select any widget using the copy button and paste the code inside
There are several sections in the Matrix Themes admin menu where you can find custom widgets to enhance your website:
Shortcodes: The primary custom widgets designed for the Widget/HTML module. These widgets can also be added to Widget/HTML modules placed within columns.
Block Elements: Full-width custom sections used with the Widget/HTML module. Block elements cannot be used within columns.
Add-ons: Additional custom widgets and plugins.
Fluid Sections: Full-width custom sections with drag-and-drop options. The code for fluid sections should be placed inside the Text module and not the Widget/HTML module.
To change the custom widgets, including a photo, to your own, please follow these steps:
- Go to Custom Layout and select the Files tab
- Upload your own image by using the upload button.
- Once the file has been successfully uploaded, you will see the name of the file displayed in the list of files.
- Right-click on the file and select "Copy link address."
- Paste the link in the appropriate location within the Widget/HTML.
<div class="is-matrix cc-clearover">
<img src="https://u.jimcdn.com/cms/o/s572cf8a914c2631f/userlayout/img/matrix-teaser.jpg?t=1405356750" alt="" /
There are 3 main Matrix templates:
Multipurpose Themes: Versatile templates featuring dropdown menus for enhanced navigation.
Multilingual Themes: Specifically designed for multilingual websites, these templates have a language selection feature incorporated into the first level of the menu.
Special Themes: This category includes templates with unique structures. Currently, there are three options:
Halmstad: A template with sidebar navigation.
Oland: This template features a center-aligned logo image and split navigation on the left and right sides.
Holborn: A template with a split layout, featuring a left-aligned hero section on every page and right-aligned content.
The template design is shaped by the advanced style editor present in each Matrix theme. In the admin menu under the "templates" section, you can effortlessly choose any pre-built template and
apply it to your website. This allows you to seamlessly switch between themes, such as transitioning from Lemberg to Alsten, Bergen, and more.
Please note that you can switch from one template to another within the same category. It's not possible to switch from a multipurpose theme to a multilingual or special theme
The new documentation pages cover everything from basic info to advanced customization of Matrix themes. Each page has a comments section, so you can ask questions about that topic.
You can also find the quick documentation sections in the Matrix Themes admin menu and along with a "Support" section you can leave a comment or use the contact form to reach the
Do you have any further questions?
Just ask here!