Contentful Handbuch
Autor: Philipp Krähenmann, Verantwortlicher Kommunikation VFB (philipp.kraehenmann@dfb.ch)
Stand: 24. April 2024
*****
Neue Webseite erstellen
In der Menüleiste auf «Content» klicken
Rechts oben auf «Add entry» klicken
Im Dropdown-Menü «Story» wählen
Title: Titel schreiben
Subtitle: Untertitel schreiben (VFB-Sektion-Titel)
SEO Slug: wird automatisch generiert
Cover Images: Auf «+ Add media» klicken
Im Dropdown-Menü «Add new media» wählen
Title: Titel schreiben
File: Bild mittels Drag and Drop hineinziehen
Auf «Publish» klicken
Oben links auf "<--" klicken
Excerpt: Beschreibung schreiben
Content:
Titel und Text schreiben
---
Leiste mit den Formatierungsmöglichkeiten:
Normal text: Text markieren und im Dropdown-Menü Titelgrösse bzw. Normaltext wählen
B: Text markieren und fette Schrift wählen
I: Text markieren und kursive Schrift wählen
Hyperlink:
Link text: Linkname schreiben
Link type: URL (Internet-Adresse), Entry (andere Webseite) oder Asset (Medium) wählen
Link target: betreffendes Objekt auswählen
Auf "Insert" klicken
Ungeordnete Liste: Text markieren und Liste mit Punkten erstellen
Geordnete Liste: Text markieren und Liste mit Nummern erstellen
Durchgehender Strich: Auswählen und durchgehenden Strich erstellen
---
Channels: «DFB» wählen
Rechts auf grünes Feld «Publish» klicken
*****
Webseite updaten
In der Menüleiste auf «Content» klicken
In der Mitte bei "Content type":
Namen oder Teil des Namens der Webseite schreiben
Auf Webseite klicken
--- Änderungen vornehmen ---
Rechts auf grünes Feld «Publish changes» klicken
*****
Neue Navigation erstellen
In der Menüleiste auf «Content» klicken
Rechts auf «Add entry» klicken
Im Dropdown-Menü auf «Static Content Grid» klicken
Title: Titel schreiben (+"Static Content Grid")
Frontend Title: Frontend Titel schreiben
SEO Slug: wird automatisch generiert
Number of rows: Im Rolldown-Menü «5» wählen
Layout: Im Dropdown-Menü «SmallGrid» wählen
Content:
Auf «+ Add content» klicken
Im Dropdown-Menü «Add existing content» wählen
Story suchen
Auf «Insert 1 entry» klicken
--- Bei Bedarf weitere Webseiten einfügen ---
Show See All Link: Auf «No» klicken
Sort Engine: Im Dropdown-Menü "Original Order" wählen
Rechts auf grünes Feld «Publish» klicken
*****
Navigation updaten
In der Menüleiste auf «Content» klicken
In der Mitte bei "Content type":
Namen oder Teil des Namens des Static Content Grids schreiben
Auf Static Content Grid klicken
--- Änderungen vornehmen ---
Rechts auf grünes Feld «Publish changes» klicken
*****
Navigation in Webseite einbauen
In der Menüleiste auf «Content» klicken
Namen oder Teil des Namens der Webseite schreiben
Auf Webseite klicken
Content:
An den Schluss des Textes scrollen und auf "Enter" klicken
Rechts auf «+ Embed» klicken
Im Rolldown-Menü «Entry» wählen
Static Content Grid suchen und anklicken
Rechts auf «Publish changes» klicken
*****
Medien einfügen
--- Bevor Medien (Texte oder Bilder eingefügt werden können, müssen sie unter «Media» eingefügt werden ---
In der Menüleiste auf «Media» klicken
Rechts oben auf «Add asset» klicken
Im Dropdown-Menü «Single asset» wählen
Title: Titel schreiben
File: Medium mittels Drag and Drop einfügen
Auf «Publish» klicken
In der Menüleiste auf «Content» klicken
Namen oder Teil des Namens der Webseite schreiben
Auf Webseite klicken
Content:
Auf der Leiste mit den Formatierungsmöglichkeiten «Hyperlink» wählen
Link text: Linktext schreiben
Link type: Im Dropdown-Menü «Asset» wählen
Link target: «Select asset» wählen
Namen oder Teil des Namens des Mediums schreiben
Auf Medium klicken
Auf «Insert» klicken
*****
Kleine Bilder einfügen
(2, 3 oder 4 pro Seitenbreite)
Webseite wählen
Rechts auf «+ Embed» klicken
Im Rolldown-Menü «Entry» wählen
Content Type: «Layout» schreiben
«layoutType» wählen
«Layout 1/2.1/2» oder «Layout 1/3 1/3 1/3» oder «Layout 1/4 1/4 1/4 1/4» wählen
Rechts auf «+ Embed»
Rechts auf «+ Embed» klicken
Im Rolldown-Menü «Asset» wählen
Bild wählen
Bildlegende schreiben
Auf der Leiste der Formatierungsmöglichkeiten auf «HR» klicken
--- 1, 2 bzw. 3 Mal wiederholen ---
Rechts auf «+ Embed» klicken
Im Rolldown-Menü «Entry» wählen
Content Type: «Layout» schreiben
layoutType» wählen
«reset layout» wählen
*****
Bildergalerie einfügen
In der Menüleiste auf «Content» klicken
Rechts oben auf «Add entry» klicken
Im Dropdown-Menü «Gallery» wählen
Title: Titel schreiben
Media assets: Im Rolldown-Menü «+Add content» «Media Asset» wählen
Im Rolldown-Menü «+ Add content " «Media Asset» wählen
Title: Titel schreiben
Media: Im Rolldown-Menü «+ Add content» «Add existing media» wählen
Erstes Bild wählen
Image Focus Area: Im Rolldown-Menü auf «center» klicken
Rechts auf grünes Feld «Publish changes» klicken
Links auf «<" klicken»
Die weiteren Bilder wie beim ersten Bild einfügen
Style: Im Rolldown-Menü «Mosaic» wählen
Rechts auf grünes Feld «Public changes» klicken
*****
Konventionen
Nur die Titelgrössen «Heading 2» für Titel und «Heading 4» für Untertitel verwenden
Den Schriftschnitt «fett» (B) sparsam verwenden
Den Schriftschnitt «kursiv» (I)nicht verwenden (Gefahrt der Verpixelung wegen der geringen Auflösung an Bildschirmen)
Links zusätzlich mit dem Schriftschnitt «fett» (B) versehen, damit diese auch von Farbenblinden bemerkt werden