Zum Inhalt springen
Tibi Doku

Seiten bauen

Du baust eine Seite im tibi-admin, dem Verwaltungs-Backend (Release Nova). Die Seite erscheint erst auf der Projekt-Website, wenn du sie per Live-Schalter freigibst.

Block hinzufügen

Abschnitt betitelt „Block hinzufügen“
  1. Klicke in der linken Liste auf deine Sammlung für Seiten.
  2. Klicke den Eintrag an, den du bearbeiten willst.
  3. Klicke im Seitenfeld auf Block hinzufügen.
  4. Wähle einen Blocktyp, zum Beispiel Hero, Kennzahlen, Story-Sektion oder FAQ.
  5. Der Block liegt sofort in der Seite — ein Klick genügt, es gibt kein Übernehmen.

Pagebuilder mit geöffneter Blockauswahl für Corporate-Blöcke

Text und Bild füllen

Abschnitt betitelt „Text und Bild füllen“
  1. Klicke in das Textfeld des neuen Blocks.
  2. Schreibe deinen Text direkt hinein.
  3. Klicke beim Bild-Block auf Bild hochladen.
  4. Wähle ein Bild aus der Mediathek.
  5. Klicke auf Speichern oben rechts.

Mehr zu Bildern findest du unter Medien.

Seite mit ausgefüllten Corporate-Blöcken im Pagebuilder

Vorschau prüfen

Abschnitt betitelt „Vorschau prüfen“

Jeder Block zeigt seine Vorschau direkt an — du siehst sofort, wie er wirkt. Es gibt keinen separaten Vorschau-Knopf.

  1. Betrachte den neuen Block direkt in der Seite.
  2. Fülle ihn aus und beobachte die Vorschau.
  3. Klicke den Block an, wenn du etwas ändern willst.
  4. Klicke auf Speichern, wenn alles stimmt.

Block bearbeiten

Abschnitt betitelt „Block bearbeiten“

Ein Klick auf einen Block öffnet den Overlay-Editor: Formular links, Vorschau rechts. Verfügbare Blocktypen: Hero, Kennzahlen, Leistungsgrid, Story-Sektion, Stimmen, FAQ, Abschluss-CTA.

Overlay-Editor des Hero-Blocks der Kontakt-Seite mit Formular links und Vorschau rechts, oben Modus-Umschalter (Nur Formular, Formular und Vorschau, Nur Vorschau) und OK-Schaltfläche

  1. Klicke den Block in der Übersicht an — der Editor öffnet sich als Overlay.
  2. Fülle links das Formular aus (Text, Bild, Link). Die Vorschau rechts aktualisiert sich sofort.
  3. Nutze bei Bedarf den Modus-Umschalter in der oberen Leiste: Nur Formular, Formular und Vorschau oder Nur Vorschau. Auf schmalen Bildschirmen (unter 768 px) steht nur Nur Formular zur Verfügung.
  4. Klicke auf OK oder drücke ESC, um den Editor zu schließen. Ein Klick genügt — es gibt keinen Übernehmen-Button.
  5. Klicke auf Speichern oben rechts, um die Seite zu sichern.

Responsiv prüfen

Abschnitt betitelt „Responsiv prüfen“

Unter der Vorschau steuert der Viewport-Umschalter die simulierte Seitenbreite (PagebuilderViewportControl: drei Geräte-Symbole plus Slider für freie Breiten von 320 bis 1920 px). Die Namen Desktop, Tablet und Mobil mit Breite erscheinen beim Darüberfahren; die aktive Breite steht als px-Zahl in der Leiste.

Standard-Ansicht mit 1280 px Breite — so sieht die Seite auf großen Bildschirmen aus.

Seite mit ausgefüllten Corporate-Blöcken im Pagebuilder in Desktop-Breite
  1. Öffne einen Block im Overlay-Editor.
  2. Klicke unter der Vorschau auf eines der drei Geräte-Symbole.
  3. Ziehe bei Bedarf den Slider für eine freie Breite.
  4. Prüfe, ob Text lesbar bleibt und Bilder nicht abgeschnitten sind.
  5. Schließe mit OK und klicke auf Speichern, wenn alles stimmt.

Seite sichtbar schalten

Abschnitt betitelt „Seite sichtbar schalten“
  1. Klicke den Eintrag deiner Seite an.
  2. Suche den Schalter Live (Name je nach Projekt — er steuert die Sichtbarkeit für Besucher).
  3. Schalte ihn auf An.
  4. Klicke auf Speichern.
  5. Rufe die Website in einem neuen Fenster auf und prüfe die Seite.

Weiter geht es mit Einträge anlegen und bearbeiten. Dort lernst du alle Felder kennen.

Verifiziert am 2b091d8 2026-10-17 (tibi-admin-nova)