Seiten mit Blöcken gestalten
Seiten anlegen, aus Blöcken zusammenstellen, Layout-Vorlagen nutzen, SEO pflegen, Vorschau prüfen, veröffentlichen und die Veröffentlichung planen.
Worum es geht
Eine Seite ist eine Seite Ihrer Website mit eigenem Pfad, z.B. /ueber-uns. Sie besteht aus Blöcken: einem Hero oben, darunter Text, Bilder, Spalten, eine Liste von Blogbeiträgen. Sie stellen die Blöcke im Seiten-Editor zusammen, Ihre Website stellt sie dar.
Wichtig: Wie ein Block auf der Website aussieht, bestimmt Ihre Website. Für jeden Block braucht sie eine passende Darstellung. Die Vorlagen von Scorebase bringen diese für alle eingebauten Blöcke mit; eigene Blöcke muss Ihr Entwickler ergänzen (siehe Eigene Blöcke).
Voraussetzungen
| Recht | Wofür |
|---|---|
| Seiten anzeigen | Seitenliste und Seiten sehen |
| Seiten erstellen | Neue Seiten anlegen |
| Seiten bearbeiten | Inhalte, Blöcke, SEO und Sichtbarkeit ändern |
| Seiten veröffentlichen | Veröffentlichen und zurückziehen |
| Seiten löschen | Seiten in den Papierkorb verschieben und wiederherstellen |
| Seiten-Layouts verwalten | Layout-Vorlagen anlegen und ändern |
Die Seitenliste
Unter Seiten sehen Sie alle Seiten der aktiven Umgebung mit Titel, Pfad, Sprache, Status und Sichtbar. Mit „Seiten suchen…“, Alle Status und Alle Sprachen grenzen Sie die Liste ein.
- Der Schalter in der Spalte Sichtbar blendet eine Seite auf der Website aus oder ein, ohne ihren Status zu ändern.
- Das Papierkorb-Symbol verschiebt eine Seite nach Bestätigung in den Papierkorb.
Eine neue Seite anlegen
- Klicken Sie unter Seiten auf Neue Seite.
- Gibt es Layouts, erscheint oben Aus Layout erstellen. Wählen Sie eine Layout-Vorlage oder Ohne Layout (leere Seite). Mit Vorlage übernimmt die Seite beim Speichern eine Kopie der Blöcke des Layouts.
- Tragen Sie unter Stammdaten den Titel ein. Slug und Pfad können Sie leer lassen oder selbst setzen; der Pfad ist die Adresse der Seite auf Ihrer Website (z.B.
/ueber-uns, die Startseite hat/). - Wählen Sie rechts unter Einstellungen die Sprache.
- Klicken Sie auf Speichern. Die Seite ist jetzt als Entwurf angelegt, und der Bereich Blöcke steht zur Bearbeitung bereit.
Blöcke hinzufügen und anordnen
Im Bereich Blöcke bauen Sie die Seite auf.
- Klicken Sie auf Block hinzufügen. Es öffnet sich die Auswahl mit Suche („Blöcke suchen“) und den Kategorien Alle, Layout, Inhalt, Medien, Daten, Einbettung und Eigene.
- Wählen Sie einen Block. Er erscheint in der Liste; darunter füllen Sie seine Felder aus.
- Ordnen Sie Blöcke mit dem Griff (Verschieben) per Ziehen oder mit Nach oben und Nach unten.
- Über das Menü Aktionen eines Blocks können Sie ihn Duplizieren, Kopieren, Entfernen oder Verschieben nach (in einen anderen Container). Einen kopierten Block setzen Sie mit Einfügen an der gewünschten Stelle ein.
- Klicken Sie auf Speichern.
Rückgängig und Wiederholen finden Sie oben im Bereich. Auf der Tastatur geht es mit Ctrl+Z bzw. Ctrl+Umschalt+Z (am Mac mit der Befehlstaste).
Container: Blöcke in Blöcken
Container-Blöcke nehmen andere Blöcke auf, z.B. Spalten mit zwei Spalten nebeneinander. In einem leeren Container steht Block hier einfügen. Container lassen sich verschachteln, höchstens sechs Ebenen tief; beim Erreichen der Grenze erscheint „Maximale Verschachtelungstiefe erreicht“.
Findet Scorebase Fehler im Aufbau, erscheint oben der Hinweis „… Struktur-Fehler im Baum“. Die betroffenen Blöcke sind markiert.
Eingebaute Blöcke
| Kategorie | Block | Wofür |
|---|---|---|
| Layout | Section | Breites Band mit Hintergrundfarbe, Textfarbe und Innenabstand; nimmt Blöcke auf |
| Layout | Container | Zentrierter Bereich mit maximaler Breite; nimmt Blöcke auf |
| Layout | Spalten | Zwei bis vier Spalten im Verhältnis 1 : 1, 1 : 2, 2 : 1, 1 : 1 : 1 oder 1 : 1 : 1 : 1; optional Auf Mobil untereinander |
| Layout | Abstand | Leerraum in vier Grössen |
| Inhalt | Hero | Titel, Untertitel, Bild, Knopf mit Text und Link |
| Inhalt | Text | Formatierter Text |
| Inhalt | Call-to-Action | Titel und Knopf mit Link |
| Medien | Bild | Ein Bild mit Bildunterschrift |
| Medien | Galerie | Mehrere Bilder |
| Daten | Collection-Liste | Einträge einer Collection als Liste (Felder Collection (Slug) und Anzahl) |
| Daten | Collection-Wiederholung | Wiederholt die enthaltenen Blöcke für jeden Eintrag einer Collection |
| Einbettung | HTML | Eigener HTML-Code |
Dazu kommen sechs Daten-Blöcke, die Informationen aus anderen Scorebase-Apps auf Ihre Website bringen. Sie funktionieren nur, wenn Ihre Website sie unterstützt (z.B. die Vorlage „Veranstaltungshaus“) und die jeweilige App eingerichtet ist:
| Block | Zeigt | Braucht |
|---|---|---|
| Eventliste | Das Programm eines Ticketshops | Slug des Ticketshops |
| Ticketkauf | Ticketkauf für ein Event | Ticketshop mit freigegebenem Verkauf auf der eigenen Webseite |
| Buchungskalender | Freie Zeiten einer Buchungsstrecke | Kennung der Strecke aus der Termine-App |
| Anfrage Firmenevent | Anfrageformular mit Wunschtermin | Kennung der Strecke aus der Termine-App |
| Lounge-Bestellung | Bestellung am Tisch | Einrichtung in der Gastro-App |
| Preiskategorien | Preise je Kundengruppe | Verkaufskanal und Kundengruppen aus der E-Commerce-App |
Die Blöcke speichern nur, was gezeigt werden soll (welcher Shop, welche Strecke). Preise, Termine und Verfügbarkeiten pflegen Sie in der jeweiligen App.
Einstellungen der Seite
| Einstellung | Wirkung |
|---|---|
| Sprache | Deutsch, Englisch, Französisch oder Italienisch. Für jede Sprache legen Sie eine eigene Seite mit demselben Pfad an. |
| Status | Entwurf, Veröffentlicht oder Archiviert |
| Geplante Veröffentlichung | Zum gewählten Zeitpunkt wird die Seite automatisch veröffentlicht (Scorebase prüft alle fünf Minuten). Löschen entfernt den Termin. |
| Sichtbar | Ausgeschaltet liefert die Content API die Seite nicht aus, auch wenn sie veröffentlicht ist |
| Gebundene Collection | Verknüpft die Seite mit einer Collection. Die Content API liefert diese Angabe mit; was Ihre Website daraus macht, legt die Website fest. |
SEO
Unter den Blöcken finden Sie den Bereich SEO: Meta-Titel, Meta-Beschreibung, Kanonische URL, Open-Graph-Titel, Open-Graph-Bild, Open-Graph-Beschreibung, Twitter-Card, Robots (z.B. index, follow), Strukturierte Daten (JSON) und In Sitemap aufnehmen. Ob und wie Ihre Website diese Angaben nutzt, hängt von der Website ab; die Vorlagen von Scorebase verwenden sie.
Vorschau, Veröffentlichen und Versionen
- Vorschau (oben rechts) blendet neben dem Editor die Seite ein, wie Ihre Website sie darstellt – wahlweise als Mobil, Tablet oder Desktop. Die Vorschau zeigt den zuletzt gespeicherten Stand; Neu laden holt ihn frisch. Voraussetzung ist eine Vorschau-URL in den Einstellungen der Umgebung.
- Veröffentlichen (rechts unter Aktionen) stellt die Seite live. Zurückziehen nimmt sie wieder von der Website.
- Versionen listet frühere Stände; ein früherer Stand lässt sich wiederherstellen.
Layouts: Vorlagen für neue Seiten
Ein Layout ist eine gespeicherte Anordnung von Blöcken, z.B. für alle Landingpages.
- Öffnen Sie Layouts und klicken Sie auf Layout erstellen.
- Tragen Sie unter Stammdaten Name, Slug (wird aus dem Namen abgeleitet) und Beschreibung ein.
- Stellen Sie unter Blöcke die Blöcke zusammen, genau wie auf einer Seite.
- Klicken Sie auf Speichern.
Mit Duplizieren erstellen Sie eine Kopie. Wird ein Layout geändert oder gelöscht, bleiben Seiten, die daraus erstellt wurden, unverändert – die Seite hat beim Erstellen eine eigene Kopie erhalten.
Wenn etwas nicht klappt
| Symptom | Ursache | Lösung |
|---|---|---|
| Die Seite ist auf der Website nicht zu finden | Nicht veröffentlicht, Sichtbar aus, anderer Pfad oder andere Sprache, andere Umgebung | Status, Schalter, Pfad und Sprache prüfen |
| Ein Block erscheint nicht auf der Website | Ihre Website hat für diesen Block keine Darstellung | Entwickler informieren; siehe Eigene Blöcke |
| Ein Block zeigt „Unbekannter Block-Typ“ | Der Block wurde gelöscht oder stammt aus einer anderen Umgebung | Block entfernen oder die Block-Definition wieder anlegen |
| Die Vorschau meldet „Preview-URL in den Umgebungs-Einstellungen hinterlegen“ | Für die Umgebung fehlt die Vorschau-URL | Mit Umgebungs-Einstellungen öffnen hinterlegen |
| Änderungen erscheinen erst nach einigen Minuten | Ihre Website speichert Seiten zwischen | Einen Webhook zur sofortigen Aktualisierung einrichten lassen, siehe Webhooks |
| Aus Layout erstellen fehlt | Es gibt noch kein Layout in dieser Umgebung | Zuerst unter Layouts ein Layout anlegen |