website-management:templates
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
website-management:templates [2021/12/07 11:18] – [Header-Weißer-Balken] matthiaslueth | website-management:templates [2022/10/30 18:01] (current) – external edit 127.0.0.1 | ||
---|---|---|---|
Line 1: | Line 1: | ||
+ | Zurück zur Elternseite: | ||
+ | |||
====== Templates ====== | ====== Templates ====== | ||
Mit Elementor-Templates können wiederkehrende Design-Elemente gut eingebunden werden ohne sich mit den Grundlagen von HTML und CSS auszukennen. Templates werden eingebunden, | Mit Elementor-Templates können wiederkehrende Design-Elemente gut eingebunden werden ohne sich mit den Grundlagen von HTML und CSS auszukennen. Templates werden eingebunden, | ||
- | {{:: | + | {{ :: |
Folgend den Reiter „Meine Templates“ auswählen und dann kann aus folgenden Templates gewählt werden: | Folgend den Reiter „Meine Templates“ auswählen und dann kann aus folgenden Templates gewählt werden: | ||
+ | |||
+ | ---- | ||
---- | ---- | ||
Line 24: | Line 28: | ||
==== Tooltip ==== | ==== Tooltip ==== | ||
- | Ermöglicht Erklärungen von Begriffen beim Hovern/ | + | Ermöglicht Erklärungen von Begriffen beim Hovern/ |
* [[https:// | * [[https:// | ||
+ | |||
+ | |||
+ | {{ : | ||
Line 33: | Line 40: | ||
===== Desing-Templates ===== | ===== Desing-Templates ===== | ||
==== Header300px ===== | ==== Header300px ===== | ||
- | Das Theme ist darauf ausgelegt, dass es ein bildschirmfüllendes Bild zu Beginn jeder Seite gibt, dies bietet sich insbesondere bei Landingpages an. Gerade, wenn kein Bild genutzt wird oder eine klare Funktion (bspw. ein Formular) im Vordergrund stehen soll, kann es sinnvoll sein, nicht die ganze Bildschirmseite auszufüllen. Mit dem Template wird dies ermöglicht. Tendenziell sollte dies am Ende der Seite eingebunden werden. Beispielhafte Anwendungen: | + | Das Theme ist darauf ausgelegt, dass es ein bildschirmfüllendes Bild zu Beginn jeder Seite gibt, dies bietet sich insbesondere bei Landingpages an. Gerade, wenn kein Bild genutzt wird oder eine klare Funktion (bspw. ein Formular) im Vordergrund stehen soll, kann es sinnvoll sein, nicht die ganze Bildschirmseite auszufüllen. Mit dem Template wird dies ermöglicht. Tendenziell sollte dies am Ende der Seite eingebunden werden. |
+ | |||
+ | Beispielhafte Anwendungen: | ||
* [[https:// | * [[https:// | ||
+ | * [[https:// | ||
- | {{: | + | {{ : |
Bei der Landingpage für den 13. Februar ergibt die Anwendung des Templates keinen Sinn, verdeutlicht aber die Auswirkung. | Bei der Landingpage für den 13. Februar ergibt die Anwendung des Templates keinen Sinn, verdeutlicht aber die Auswirkung. | ||
+ | |||
+ | ---- | ||
==== Header-Volle-Transparenze ==== | ==== Header-Volle-Transparenze ==== | ||
Standardmäßig gibt es einen Overlay, um Hintergrundbilder mit einem Overlay weniger grell zu machen und Schrift hervorzuheben. Wird kein Bild eingesetzt, kann mit diesem Template das Overlay deaktiviert werden. Beispielhafte Anwendungen: | Standardmäßig gibt es einen Overlay, um Hintergrundbilder mit einem Overlay weniger grell zu machen und Schrift hervorzuheben. Wird kein Bild eingesetzt, kann mit diesem Template das Overlay deaktiviert werden. Beispielhafte Anwendungen: | ||
* [[https:// | * [[https:// | ||
+ | |||
+ | {{ : | ||
+ | |||
+ | Bei der Seite für den 13. Februar sieht man, dass das Overlay sinnvoll ist, damit das Hintergrundbild nicht zu stark in den Vordergrund kommt. Bei Seiten ohne Hintergrundbild ist das deaktivieren des Overlays quasi zwingend. | ||
+ | ---- | ||
==== Satzung ==== | ==== Satzung ==== | ||
Das Template dient dazu, eine satzungsmäßige Aufzählung für Absätze zu ermöglichen. Dazu wird einfach eine normale Liste in Elementor eingefügt, diese wird dann entsprechend angepasst. Beispielhafte Anwendungen: | Das Template dient dazu, eine satzungsmäßige Aufzählung für Absätze zu ermöglichen. Dazu wird einfach eine normale Liste in Elementor eingefügt, diese wird dann entsprechend angepasst. Beispielhafte Anwendungen: | ||
* [[https:// | * [[https:// | ||
+ | |||
+ | {{ : | ||
+ | |||
+ | Links mit Template, rechts ohne. | ||
+ | ---- | ||
==== Header-Weißer-Balken ==== | ==== Header-Weißer-Balken ==== | ||
Line 53: | Line 75: | ||
* [[https:// | * [[https:// | ||
- | {{: | + | {{ : |
Die rote Schrift ist auf dem weißen Grund deutlich besser zu erkennen. Es können auch andere Farben gewählt werden, dazu muss die RGBA-Farbe angepasst werden. Der letzte Wert bestimmt die Transparenz, | Die rote Schrift ist auf dem weißen Grund deutlich besser zu erkennen. Es können auch andere Farben gewählt werden, dazu muss die RGBA-Farbe angepasst werden. Der letzte Wert bestimmt die Transparenz, |
website-management/templates.1638875891.txt.gz · Last modified: 2022/10/30 18:01 (external edit)