Eine Landingpage ist in Sections aufgeteilt, die Module enthalten. (spiegelt sich in CMS wider)
Schreibe ich etwas ins Feld »Section Title«, erscheint links die Benennung als Seitenleiste auf der Website, lasse ich sie auf default leer, bleibt sie auf der Website unsichtbar und mein Inhalt füllt die komplette Breite der Seite aus. (Ausnahmen s. u.)
Der Titel steht am Anfang einer Seite. Zum Titel kann man zusätzlich ein Foto hinzufügen. Dies wird automatisch optimiert, falls es zu groß ist.
Headlines können html-code enthalten um Umbrücke zu lenken z.B. & shy; oder & nbsp;
https://wiki.selfhtml.org/wiki/HTML/Textauszeichnung
Steht zwischen verschiedenen Sektionen, um diese per Headline zu trennen.
—
Collagen kann ich überall auf der Seite frei platzieren, in dem ich das Modul "Collage" einsetze. Das Modul Collage im CMS über dem Element platzieren, auf dem es stehen soll.
Ein Textfeld kann immer markdown beinhalten.
https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet
Das heißt ich kann auch hier Hierarchie mit Überschriften herstellen, Text italic, unterstreichen auszeichnen und Links, Buttons und Tags einfügen. z.B. Button1 Tag normaler Link
Fullwidth Texte sind größere Texte, die z.b. auf Case-Seiten eingesetzt werden können. Sie können entweder in der Höhe des eingetragenen Textes dargestellt werden, oder in der Höhe des aktuellen Screens (ausgewählte Option: Fullscreen)
Sie können sowohl mit, als auch ohne Background-Image sein.
Mögliche Background Color: white, lightgrey, mediumgrey, darkgrey, lightmint
Falls ein Backgroundfoto hochgeladen wird UND eine Farbe, wird der Overlay des Bildes entsprechend der Farbe angepasst. (s. Bsp oben)
Das Modul Headline und Text kann, nomen est omen, Headline und Text anzeigen.
Mögliche Einstellungen:
wenn man etwas ins Feld Kategorie einträgt, wird es dort angezeigt,
die Headline kann frei gelassen werden, dann steht der Text ohne Headline, die Headline kann groß sein (Auswahl Big Headline),
Hintergrundfarben: white, lightgrey, mediumgrey, darkgrey, light primary1, light primary 2, light primary 3 (usw.) light primary 8
Ein großer Initial-Letter kann ausgewählt werden.
Außerdem kann man im Text markdown verwenden:
verschiedene headlines: ## vorm text wird zu Headline 2, ### vorm Text wird zu Headline 3, #### vorm Text wird zu Headline 4
mit Text in geschwungenen Klammern (alt+8/ alt+9) werden Tags eingesetzt
Im Beispiel:
Kategorie eingetragen
Headline klein
Initial-letter: ✓
Fullscreen: ✘
Grids sind die »kompliziertesten« Module im CMS, es gibt viele Einstellungsmöglichkeiten, die das Aussehen und die Funktionen verändern.
Padded: Einzelne Items bekommen ein Abstand zueinander.
Colored Headlines: Die Headlines der Items verändert sich automatisch farblich.
Row Height: Damit das Grid funktioniert, muss immer die Höhe einer Reihe angegeben sein. Die Höhe der einzelnen Gridelemente lassen sich im CMS anpassen.
Items are padded: ✓
Row Height: L
Items: Offer, Text
Inhalte der einzelnen Items werden über das Dokumenten Symbol eingefügt.
Sobald die Felder Expand Text und Expand Direction ausgewählt sind, wird ein Text Item vergrößerbar.
CTA (Call to Action)
Backgroundcolor: white, lightgrey, mediumgrey, darkgrey, lightmint
Man schreibt Text und entsprechendne Link rein (selbsterklärend durch CMS)
Stretch: ✔︎
Die einzelnen CTAs werden ohne abstand zueinander angezeigt, über Breite der gesamten Section gestretcht
Padding Top: Abstand nach oben
Padding Bottom: Abstand nach unten
In diesem Beispiel beides ausgewählt, Breite richtet sich nach INhalt des Buttons
Team items are connected to /global/team
Durchlaufendes Band mit verschiedenen Tags.
Als Verknüpfung / Alias zu verstehen.
Zeigt automatisch die Inhalte von /global/portfolio an.
Read More: Texte werden gekürzt
Eine einfache Linie
Unicode Emojis:
https://apps.timwhitlock.info/emoji/tables/unicode
—
U+1F64F
wird zu (ohne leerzeichen)
& # x 1F65F ;
—
https://www.w3schools.com/charsets/ref_utf_dingbats.asp
0 +
Lorem
> 0
Ipsum
0
Lorem
0
Ipsum
