Zum Inhalt springen
← Alle Referenzen
CMS-Integration · Payload CMS

Ein visueller Editor für Payload CMS

Mit diesem Plugin können Redakteure Seiten in Payload gestalten und Änderungen direkt auf der Website vornehmen. Entwickler legen fest, welche Komponenten verfügbar sind, welche Einstellungen sie bieten und wie sie auf der Website dargestellt werden.

Das Video zeigt die Seitenbearbeitung in Payload, mit Editor und Seitenvorschau nebeneinander.2:10
BEARBEITUNGSMODI

Im Admin oder direkt auf der Seite bearbeiten

Widget-Modus im Admin

Im Widget-Modus sitzt Page Composer in einem Inhaltsfeld von Payload. Redakteure können Komponenten anordnen und Texte, Bilder und Stile ändern. Gespeichert und veröffentlicht wird über die gewohnten Payload-Funktionen. Der Editor läuft direkt in der Admin-Seite, ohne iframe.

Visuell auf der Website bearbeiten

Nutzer mit Bearbeitungsrechten können den Live-Modus auf der Website öffnen. So sehen sie ihre Änderungen zusammen mit dem tatsächlichen Kopf- und Fußbereich der Website. Auch Entwürfe lassen sich dort speichern und Seiten veröffentlichen. Beide Modi bearbeiten denselben Inhalt.

EIGENE KOMPONENTEN

Legen Sie fest, womit Redakteure arbeiten können

Jede Komponente hat eine eigene Feldkonfiguration und eine Renderfunktion für das Frontend. Text, formatierter Text, Bilder, Auswahllisten, wiederholbare Felder und gruppierte Einstellungen lassen sich passend zum Inhalt kombinieren. Die Konfiguration bestimmt, was im Editor verfügbar ist; die Renderfunktion bestimmt die Darstellung auf der Website.

Ein Hero-Bereich benötigt zum Beispiel nur ein Bild, einen Titel und einen Untertitel. Wenn das Design später einen Link oder eine Hintergrundfarbe verlangt, lassen sich diese in den Komponenteneinstellungen ergänzen.

IM ALLTAG

Was das Plugin außerdem übernimmt

  • Vorlagen und Voreinstellungen

    Speichern Sie ein ganzes Layout als Vorlage oder die Einstellungen einer einzelnen Komponente als Voreinstellung. Redakteure können sie wiederverwenden, statt jede Seite von Grund auf einzurichten.

  • Stile für Desktop, Tablet und Smartphone

    Abstände, Typografie und Layout lassen sich für jede Bildschirmgröße anpassen. Diese Einstellungen werden bei der Darstellung der veröffentlichten Seite berücksichtigt.

  • Die vorhandenen Werkzeuge von Payload

    Die Inhalte werden in einem JSON-Feld von Payload gespeichert und funktionieren mit dessen Medienbibliothek, Entwürfen, Versionen und Zugriffsregeln. Das Feld kann Collections oder Globals hinzugefügt werden und ist somit nicht auf Seiten beschränkt.

Page Composer für Payload CMS

Details zum Plugin, Preise und Quellcode der Integration.