Hilfe für die Erstellung von Artikeln
Spickzettel
Localhost Admin
Die Applikation muss lokal in VS Code gestartet werden mit
yarn work
Danach startet die Applikation und ist hier erreichbar:
Markdown
Einfache Markdown-Auszeichnungen
Auszeichnung Fett: fetter text
**fetter text**
Auszeichnung kursiv wird nicht unterstützt
Interner Link: Link-Text
[Link-Text](/linkziel/)
Externer Link (genauso): Link-Text
[Link-Text](https://www.google.de)
Externer Link mit Do-Follow Policy: Link-Text
[Link-Text](https://www.google.de 'follow')
Absätze
Einfache Zeilenschaltung wird ignoriert. Absätze erstellt man immer mit doppelter Zeilenschaltung. D.h. ein Absatz darf gerne über mehrere Zeilen gehen.
Absatz 1
Absatz 2
Überschriften
bitte mit H2 beginnen - möglichst keine H1 verwenden:
## Überschrift 2
### Überschrift 3
#### Überschrift 4
Bilder
Bilder werden ähnlich ausgezeichnet, wie Links. Am einfachsten geht es aber, wenn Du den Editor im CMS verwendest.
Bilder werden per Default rechts ausgerückt neben dem Text dargestellt. Willst Du ein Bild über die volle Textbreite behen lassen, kann man dem Alt Text die Style-Variante large anhängen.
Kleine Bilder
Hinter dem Bild title | small einfügen
Große Bilder
Hinter dem Bild title | large einfügen
Zitate und Anmerkungen
Dies ist ein Zitatbeispiel. Es wird als Einschub wahrgenommen und enthält als einziges noch kursiven Text.
Jede neue Zeile muss wieder mit > eingeleitet werden.
> Dies ist ein Zitatbeispiel. Es wird als Einschub wahrgenommen und enthält als einziges noch kursiven Text.
Listen und Aufzählungen
Listen werden mit - oder 1. gebildet. Bitte nach möglichkeit immer nur für kurze Statements verwenden, obwohl auch listen mit mehreren Absätzen unterstützt werden.
- eine
- ungeordnete
- liste
1. eine
2. geordnete
3. Liste
Shortcodes
Es gibt zahlreiche Shortcodes, die es ermöglichn, komplexere Komponenten auf der Seite anzuzeigen. Alle Shortcodes folgen einem ähnlichen Aufbau:
<ShortCode parameter="wert" />
Wichtig: das
/am Ende nicht vergessen. Shortcodes müssen syntaktisch immer korrekt sein, sonst funktioniert die Seite möglicherweise nicht.
Videos
Wir unterstützen derzeit Vimeo und YouTube. Beide werden in ähnlicher Form angelegt.
<YouTube id="6dBt3mJtgJc" />
<Vimeo id="15886860" />
Es ist auch möglich, mit caption eine Beschriftung unter dem Video einzublenden.
<Vimeo id="15886860" caption="© A.M. Reis" />
Galerien
Galerien werden nach wie vor bei Google gehostet und müssend aher vorher hochgeladen werden. Der vergebene Name wird benötigt. Dann kann man sie so benutzen:
<Gallery name="Vergebener Name" />
Playlisten
Aktuell werden Playlisten von Sptify und Apple unterstützt. Man kann auch beide gleichzeitig angeben. Dann werde sie nebeneinander dargestellt. Anhand der Beispiele siest Du, welche Teile des Embed-Codes zu verwenden sind.
<Playlist spotify="2gG0GNALKrYwbNhkxx8Q3R" />
<Playlist
itunes="let-england-shake-this-is-not-america/pl.u-krLLtv3dBdD"
/>
<Playlist
spotify="2gG0GNALKrYwbNhkxx8Q3R"
itunes="let-england-shake-this-is-not-america/pl.u-krLLtv3dBdD"
/>
YouTube iframe immer so wie hier einbinden
Bedingter Trennstrich
­
Fußnoten
Im Text [^4]
Unten - [^4]: Hier kommt der Text hin
Festivalliste Banner
PDF hochladen
In Ordner "public" schieben in VSC (im alten System hieß der Ordner noch "static")