Click on the relevant admin tab to open the Template work area.
"Template" is a group of files in which the layout for the appearance of the website is defined.
They essentially consist of at least one HTML file, one or more CSS style sheets, and the integrated graphics.
In addition to installing and uninstalling various templates, the layout templates can also be modified and adapted here in an editor.
1Click on "Manage Templates" to expand the template management. Templates are installed or deleted in this area.
1Search for and select the template to be installed on the data medium.
2Click on "Install" the template is uploaded and installed.
Templates must be available as a packed .zip archive in order to be recognized and installed.
It can also be a ZIP file with several templates, e.g. from a backup file with only templates.
Optionally, the ZIP file can also be placed in the "template" folder.
Then a selection like this appears
1By clicking on the button "Delete all selected Templates" all templates for which the checkbox is activated are deleted.
2Activate the checkbox to release the template for deletion.
The active template, i.e. the template visible to the viewer of the website, cannot be deleted.
The basic installation of moziloCMS already includes some templates. Each installed template appears as a separate bar in this list.
1The active template, i.e. the template visible to the viewer of the website, can be recognized by its bolder font and the lack of additional click buttons.
2A template is activated by clicking on the button "Activate".
1When you enter a letter or part of a name, only those templates whose name contains this letter or part of a name remain visible in the list. All others are hidden.
Here, the relevant HTML and CSS files of the active template can be edited using mozilo's own editor.
The HTML file essentially specifies the positions of the individual elements. The CSS file (style sheet) contains specifications for values such as font sizes, spacing, line thicknesses, etc. By making changes to these files, the layout of the website can be modified at any time and thus adapted to your own wishes.
1By clicking on the template name in the template bar, the configuration area of the active template opens.
2After clicking on the Edit icon the editor window opens in which the respective file can be edited.
In order to be able to edit a template, it must be activated.
If you do not have the necessary HTML and CSS knowledge, you will find detailed instructions with examples at de.selfhtml.org
The exact explanation of the editor is in the chapter: Editor >
The graphics used in the template are managed in this area. They can be uploaded, overwritten or deleted here.
1After clicking on "Graphics", all graphics belonging to the template are displayed, as well as the icons for file management.
Detailed instructions on file management (uploading, overwriting or deleting graphics) can be found in the chapter: Files >
As soon as plugins are activated that have their own style sheets, the bar appears "Plugins CSS files".
Here, the style settings of the respective plugins can be edited in order to adapt the plugin to the template used.
1After clicking on "Plugins CSS files" a list of the existing style sheets is displayed.
2By clicking on Edit-Icon the editor window opens in which the file can be edited.
The detailed explanation of the editor can be found in the chapter: Editor >