Differences

This shows you the differences between two versions of the page.

--- website-management:templates [2021/12/07 11:12] – matthiaslueth
+++ website-management:templates [2022/10/30 18:01] (current) – external edit 127.0.0.1
@@ Line 1: / Line 1: @@
+Zurück zur Elternseite: [[:website-management|Website-Management]]
 ====== 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, indem die Seite mit Elementor bearbeitet wird und das Ordner-Symbol ausgewählt wird:
-{{::template.png?600|}}
+{{ ::template.png?600 |}}
 Folgend den Reiter „Meine Templates“ auswählen und dann kann aus folgenden Templates gewählt werden:
+----
 ----
@@ Line 24: / Line 28: @@
 ==== Tooltip ====
-Ermöglicht Erklärungen von Begriffen beim Hovern/Antippen. Beispielhafte Anwendungen:
+Ermöglicht Erklärungen von Begriffen beim Hovern/Antippen. Der Begriff mit Erklärung wird durch gepunktete Unterstreichung hervorgehoben. Beispielhafte Anwendungen:
   * [[https://dresden.jusos.info/feminismus|Feminismus]]
+{{ :website-management:feminismus.png?500 |}}
@@ Line 33: / Line 40: @@
 ===== Desing-Templates =====
 ==== Header300px =====
-Das Theme ist darauf ausgelegt, dass es ein bildschirmfüllendes Headerbild gibt. Mit dem Template wird dieses verkürzt. 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://dresden.jusos.info/satzung|Satzung]]
+  * [[https://dresden.jusos.info/anmeldung-modul3/|Anmeldung für eine Veranstaltung]]
-{{:website-management:300px.png?600|}}
+{{ :website-management:300px.png?800 |}}
+Bei der Landingpage für den 13. Februar ergibt die Anwendung des Templates keinen Sinn, verdeutlicht aber die Auswirkung.
+----
 ==== 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:
   * [[https://dresden.jusos.info/satzung|Satzung]]
+{{ :website-management:transparenz.png?800 |}}
+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 ====
 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://dresden.jusos.info/satzung|Satzung]]
+{{ :website-management:satzung.png?800 |}}
+Links mit Template, rechts ohne.
+----
 ==== Header-Weißer-Balken ====
-Hinterlegt die Überschrift einer Seite mit einem weißen Balken, damit der Kontrast zu Hintergrundbildern besser wird. Beispielhafte Anwendungen:
+Hinterlegt die Überschrift einer Seite mit einem weißen Balken, damit der Kontrast zu Hintergrundbildern besser wird. \\
+Beispielhafte Anwendungen:
   * [[https://dresden.jusos.info/13-februar|13. Februar]]
-{{:website-management:weierbalken.png?600|}}
+{{ :website-management:weierbalken.png?800 |}}
+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 ersten drei Farben setzen sich aus Rot-, Gelb- und Blauwerten zusammen. Dafür gibt es entsprechende ergooglebare Generatoren.