Seitenköpfe gestalten
Gib jeder Seite deiner Website einen Seitenkopf: Platziere Bild und Text auf einem Raster aus neun Feldern und wähle Text, Schriftarten, Größen und Farben.
Für Team-Owner und Admins · 14 Schritte
Was du vorher brauchst
- Dein Team hat ein Website-Abo. Bei einem kostenlosen Team zeigt der Adminbereich Website holen statt Seiten.
- Du bist Inhaber oder Admin des Teams.
- Du hast eine Vorlage gewählt – siehe Vorlage wählen. Bis dahin gibt es unter Seiten keinen Link Seitenköpfe.
Schritte
Schritt 1: Seiten öffnen
Drücke im Adminbereich deines Teams im Menü links auf Seiten.
Du solltest sehen: eine Seite mit dem Titel Seiten, die alle Seiten deiner Website auflistet.
Schritt 2: Seitenköpfe öffnen
Drücke oben auf der Seite auf Seitenköpfe. Jeder Seiteneditor hat dafür auch eine Abkürzung: Seitenkopf dieser Seite bearbeiten.
Du solltest sehen: eine Seite mit dem Titel Seitenköpfe, mit einem Tab für jede Seite deiner Website – Startseite, Team, News, Matches, Turniere, Videos, Über uns und Shop – und darunter den Seitenkopf der Seite, wie deine Website ihn zeigt, über einem Raster aus neun Feldern.
Schritt 3: Seite wählen
Drücke auf den Tab der Seite, die du ändern willst, zum Beispiel Startseite.
Jede Seite hat ihren eigenen Seitenkopf: ein Bild und einen Textblock, das Erste, was die Seite zeigt. Ein leerer Titel zeigt den Namen der Seite – auf der Startseite den Namen deines Teams. Bis du einen Seitenkopf für die Startseite speicherst, übernimmt er Bild und Slogan deiner Startseite.
Du solltest sehen: den Seitenkopf dieser Seite, mit einem Griff Text an seinem Textblock.
Schritt 4: Bild auswählen
Drücke in der Seitenleiste rechts auf Bild.
Du solltest sehen: Der Titel der Seitenleiste ändert sich zu Bildblock, darunter das Feld für das Bild.
Schritt 5: Ein Bild wählen
Drücke auf Bild auswählen (sobald ein Bild gesetzt ist, steht dort Ersetzen). Wähle im Fenster, das sich öffnet, ein Bild, das dein Team schon hochgeladen hat, oder füge mit Hochladen eins hinzu – JPEG, PNG, WebP oder AVIF, bis 5 MB. Gib den Alternativtext ein und drücke dann auf Einfügen.
Dein Bild wird vollständig gezeigt – nie zugeschnitten, und ein transparenter Hintergrund bleibt transparent. Ein PNG mit Transparenz eignet sich also gut. Um das Bild aus dem Seitenkopf zu nehmen, drücke auf Entfernen.
Du solltest sehen: das Bild im Seitenkopf, mit einem Griff Bild daran.
Schritt 6: Bildgröße wählen
Drücke unter Größe auf S, M, L oder Füllen.
Füllen legt das Bild hinter den Text, über den ganzen Seitenkopf.
Du solltest sehen: Das Bild im Seitenkopf wird größer oder kleiner.
Schritt 7: Bild verschieben
Ziehe den Griff des Bilds auf eines der neun Felder. Oder drücke auf den Griff und nutze dann die Pfeiltasten: Jeder Tastendruck verschiebt es um ein Feld. Du kannst auch Enter oder Space drücken, um es aufzunehmen, es mit den Pfeiltasten bewegen und mit Enter oder Space wieder ablegen.
Der Textblock lässt sich genauso verschieben. Wenn du beide auf dieselbe Seite setzt, überlappen sie – der Editor zeigt dir genau, wie.
Du solltest sehen: das Bild in seinem neuen Feld, zum Beispiel oben rechts.
Schritt 8: Titel und Untertitel schreiben
Drücke in der Seitenleiste auf Text. Gib den Titel (bis zu 60 Zeichen) und den Untertitel (bis zu 120) ein.
Lass den Titel leer, um den Namen der Seite zu zeigen. Der Untertitel ist optional – außer auf der Startseite: Sobald du einen Seitenkopf für die Startseite gespeichert hast, lässt sich deine Website ohne seinen Untertitel nicht veröffentlichen.
Du solltest sehen: deinen Text beim Tippen im Seitenkopf und die Zeichenzahl unter jedem Feld.
Schritt 9: Schriftart wählen
Öffne unter Schriftart die Liste und wähle eine Schriftart. Design-Schriftart behält die Schriftart deiner Vorlage.
Titel und Untertitel haben jeweils ihre eigene Schriftart.
Du solltest sehen: den Text des Seitenkopfs in der neuen Schriftart.
Schritt 10: Größe wählen
Drücke unter Größe auf S, M, L oder XL.
Du solltest sehen: Der Text im Seitenkopf wird größer oder kleiner.
Schritt 11: Farbe wählen
Drücke unter Farbe auf eines der vier Farbfelder: Designtext, Akzent, Weiß oder Schwarz.
Designtext und Akzent folgen deinen Farben unter Erscheinungsbild. Weiß oder Schwarz ist auf einem dunklen oder hellen Bild gut lesbar.
Du solltest sehen: den Text in der neuen Farbe.
Schritt 12: Auf dem Smartphone prüfen
Drücke über dem Seitenkopf auf Smartphone. Drücke auf Desktop, um zurückzukehren.
Auf dem Smartphone steht das Bild über dem Text, egal welche Felder du gewählt hast.
Du solltest sehen: den Seitenkopf in Smartphone-Breite.
Schritt 13: Speichern
Drücke unten im Editor auf Speichern. Damit speicherst du jeden Tab, den du geändert hast – ein Punkt auf einem Tab zeigt ungespeicherte Änderungen.
Beim Speichern landen deine Seitenköpfe in einem Entwurf – Besucher sehen sie erst, wenn du veröffentlichst. Sobald du einen Seitenkopf für die Startseite speicherst, liegen Bild und Slogan der Startseite hier: Der Startseiten-Editor zeigt an ihrer Stelle Seitenkopf bearbeiten, und die Schaltfläche bleibt im Startseiten-Editor.
Du solltest sehen: „Gespeichert“.
Schritt 14: Website veröffentlichen
Drücke im Menü links auf Veröffentlichen und veröffentliche – siehe Website veröffentlichen.
Du solltest sehen: Seitenköpfe in der Liste der Änderungen vor dem Veröffentlichen und danach deine neuen Seitenköpfe auf deiner Website.
So erkennst du, dass es geklappt hat
- Vorschau dieser Seite oben im Editor zeigt den gespeicherten Seitenkopf auf seiner Seite.
- Nach dem Veröffentlichen beginnt jede geänderte Seite mit ihrem neuen Seitenkopf.
Sieht etwas nicht richtig aus?
Ich habe gespeichert, aber meine Website hat sich nicht geändert
Beim Speichern landen deine Seitenköpfe in einem Entwurf. Drücke im Menü auf Veröffentlichen, um sie auf deine Website zu bringen (Schritt 14).
Ich finde Slogan und Bild nicht mehr im Startseiten-Editor
Du hast einen Seitenkopf für die Startseite gespeichert, deshalb sind sie hierher umgezogen: Bearbeite sie unter Seitenköpfe im Tab Startseite. Der Link Seitenkopf bearbeiten im Startseiten-Editor bringt dich dorthin. Die Schaltfläche bleibt im Startseiten-Editor.
Speichern ist ausgegraut
Dem Bild fehlt der Alternativtext (Schritt 5), oder seit dem letzten Speichern hat sich nichts geändert. Wenn dein Abo abgelaufen ist, kann dein Adminbereich nur gelesen werden, und nichts lässt sich speichern, bis die Zahlung wieder läuft.
Meine Website lässt sich nicht veröffentlichen, seit ich einen Seitenkopf für die Startseite gespeichert habe
Die Prüfung Der Startseiten-Hero hat einen Slogan schlägt fehl: Sobald du einen Seitenkopf für die Startseite gespeichert hast, ist sein Untertitel die Zeile unter dem Namen deines Teams und darf nicht leer sein. Gib im Tab Startseite einen ein (Schritt 8), speichere und veröffentliche dann erneut.
Da steht „Diese Seite wurde geändert, seit du sie geöffnet hast“
Die Seitenköpfe wurden woanders gespeichert, während du sie offen hattest – von einem anderen Admin oder von dir in einem anderen Tab –, deshalb wurde nichts von dir gespeichert. Drücke auf Neu laden und nimm deine Änderungen dann noch einmal vor.
Ähnliche Artikel
Kommst du nicht weiter? Kontaktiere den Support oder schreib an support@spawnfront.com – nenn uns die Seite, auf der du bist, und die Schrittnummer.