Design anpassen
Layout anpassen
Schriften ergänzen
Fonts ergänzen
Schriften hinzufügen
Fonts hinzufügen
Design mit dem ThemeDesigner anpassen
Mit dem ThemeDesigner haben Sie die Möglichkeit, das Layout direkt im Frontend live anzupassen.
Eigene Änderungen am CSS empfehlen wir in der customize.css durchzuführen. So bleiben Ihre Anpassungen updatesicher.
Anleitung
Contao: Layout > ThemeDesigner > Aktivieren
Frontend aufrufen & Layout anpassen
Layout speichern
ThemeDesigner wieder deaktivieren:
Layout > ThemeDesigner > Deaktivieren
Versionierung
Mit der Versionierung ist es möglich zwischen gespeicherte Versionen/Anpassungen zu wechseln. Suchen Sie eine gepeicherte Version im Select-Feld aus. Automatisch wird diese Version wiederhergestellt.
Video-Tutorials zum ThemeDesigner
FAQ
Wie kann ich weitere Schriften ergänzen?
Der ThemeDesigner liefert eine Vorauswahl an Google Fonts. Es können jederzeit weitere Google Fonts ergänzt werden.
Öffnen Sie dazu die Datei system/config/localconfig.php und ergänzen Sie folgenden Code:
$GLOBALS['PCT_THEMEDESIGNER']['fonts']['Open+Sans'] = array
(
'label' => 'Open Sans',
'family' => '"Open Sans"',
'styles' => array('regular:400','light:300','bold:700'),
'default' => 'regular:400',
);
Wie arbeitet der ThemeDesigner im Hintergrund?
Bei Klick auf speichern, oder beim Wiederherstellen einer Version wird eine CSS-Datei mit allen Anpassungen im Ordner files/cto_layout/themedesigner/css geschrieben. Diese CSS-Datei wird automatisch in die fe_page.html5 eingebunden. Logos werden im Ordner files/cto_layout/themedesigner/upload/ abgelegt.
Wie kann ich den ThemeDesigner im Backend ausblenden?
Wer seinem Endkunden Admin-Zugänge bereitstellt, möchte ggf. nicht dass dieser auch Zugang zu den sensiblen Backend-Modulen ThemeDesigner und Demo-Installer hat. Hier findet man eine Anleitung wie man den Demo-Installer und den ThemeDesigner im Backend ausblendet.