Contentful Handbuch
Autor: Philipp Krähenmann, Verantwortlicher Kommunikation VFB (philipp.kraehenmann@dfb.ch)
Stand: 10. Mai 2024
*****
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
*****
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 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
*****
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
*****
Medien in Webseite 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 in Webseite 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 erstellen
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
*****
Bildergalerie 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
Bildergalerie suchen und anklicken
Rechts auf «Publish changes» klicken
*****
Grundsätzliche Konventionen
Beim Titel von Webseiten zuerst die Sektion, dann einen beschreibenden Text ohne die Verwendung von Abkürzungen und zuletzt die Art der Website (z. B. Static Content Grid) schreiben. So sind die Webseiten eindeutig zugeordnet und zudem mit der Suchfunktion schnell zu finden.
Möglichst nur zwei Titelgrössen «Heading 2» und «Heading 4», allfenfalls drei Titelgrössen «Heading 2», «Heading 3» und «Heading 4»verwenden.
Den Schriftschnitt «fett» (B) sparsam verwenden.
Den Schriftschnitt «kursiv» (I) möglichst nicht verwenden (Gefahrt der Verpixelung wegen der geringen Auflösung des Bildschirmes).
Links unbedingt mit dem Schriftschnitt «fett» (B) versehen, damit diese auch von total Farbenblinden bemerkt werden.