Skip to content

Pflege der Website

janinasperling edited this page Mar 27, 2020 · 5 revisions

Layout-Templates

Mit den verschiedenen Templates für das Layout wird zum Beispiel die Schriftgröße oder die Textanordnung geändert.

block-herotext.html

  • Bei diesem Layout ist die Schrift groß und der Text wird somit hervorgehoben. Dieses ist vor allem für kurze und wichtige Textpassagen gut geeignet.

Screenshot-120

block-simpletext.html

  • Das ist der Standard-Text mit Überschrift. Die Überschrift wird automatisch über den angegebenen title aus dem Front Matter generiert.

Screenshot-114

block-simpletext-2cols.html

  • Hier wird auch der Standard-Text verwendet, jedoch mit einem 2-Spalten-Raster. Dabei muss bei der Erstellung der Seite darauf geachtet werden, dass <!--more--> zwischen dem Text für die linke und die rechte Spalte eingefügt wird.

Screenshot-118

block-simpletext-2colsWithHeadlineOnTop.html

  • Zu den 2 Spalten ist hier zusätzlich noch die Überschrift zu sehen

Screenshot-117

Front Matter

Das Front-Matter muss immer das Erste in der Datei sein und sieht zum Beispiel für einen Baustein auf der Startseite so aus:

---
titel: Prüfung
layout: block-simpletext
kuerzel: fddw
additionalClasses: has-top-seperator
---

Hier sollte dann eins der oben genannten Layouts referenziert werden und ein Titel angegeben werden. additionalClasses: has-top-seperator sorgt dafür, dass eine Linie zu Beginn des Bausteins zu sehen ist.

Screenshot-119

Wenn keine Linie gewünscht ist, kann einfach die ganze Zeile aus dem Front-Matter entfernt werden.

Videos