Naar de inhoud
← Alle cases
CMS-integratie · Payload CMS

Een visuele editor voor Payload CMS

We hebben deze plugin gemaakt zodat redacteuren pagina’s kunnen opbouwen in Payload en rechtstreeks op de website kunnen aanpassen. Ontwikkelaars bepalen welke componenten beschikbaar zijn, welke instellingen ze hebben en hoe ze op de website worden weergegeven.

De video laat zien hoe je een pagina in Payload bewerkt, met de editor en het paginavoorbeeld naast elkaar.2:10
BEWERKINGSMODI

Bewerk in het beheerpaneel of op de pagina

Widget-modus in het beheerpaneel

In de Widget-modus staat Page Composer in een contentveld van Payload. Redacteuren kunnen componenten verslepen en teksten, afbeeldingen en stijlen aanpassen. Daarna slaan ze hun wijzigingen op of publiceren ze die met de vertrouwde Payload-knoppen. De editor draait rechtstreeks in de beheerpagina, zonder iframe.

Visueel bewerken op de website

Gebruikers met bewerkingsrechten kunnen ook de Live-modus op de website openen. Zo zien ze hun wijzigingen samen met de echte kop- en voettekst van de site. Ze kunnen daar een concept opslaan of publiceren. Beide modi bewerken dezelfde inhoud.

EIGEN COMPONENTEN

Bepaal waarmee redacteuren kunnen werken

Elke component heeft een eigen veldconfiguratie en renderfunctie voor de website. Je kunt tekst, opgemaakte tekst, afbeeldingen, keuzelijsten, herhaalbare velden en gegroepeerde instellingen combineren zoals de inhoud dat vraagt. De configuratie bepaalt wat in de editor verschijnt; de renderfunctie bepaalt hoe het op de site eruitziet.

Een openingsblok heeft bijvoorbeeld alleen een afbeelding, een titel en een subtitel nodig. Als het ontwerp later een link of achtergrondkleur vereist, kun je die aan de componentinstellingen toevoegen.

IN HET DAGELIJKS GEBRUIK

Wat de plugin verder regelt

  • Sjablonen en voorinstellingen

    Sla een volledige lay-out op als sjabloon, of de instellingen van één component als voorinstelling. Redacteuren kunnen ze hergebruiken in plaats van elke pagina opnieuw in te richten.

  • Stijlen voor desktop, tablet en mobiel

    Afstanden, typografie en lay-out zijn per schermgrootte aan te passen. Deze instellingen worden gebruikt bij het weergeven van de gepubliceerde pagina.

  • De bestaande hulpmiddelen van Payload

    De inhoud wordt opgeslagen in een JSON-veld van Payload en werkt met de mediabibliotheek, concepten, versies en toegangsregels. Je kunt het veld aan collecties of globale onderdelen toevoegen, dus het is niet alleen voor pagina’s bedoeld.

Page Composer voor Payload CMS

Details over de plugin, prijzen en de broncode van de integratie.