Je Umbraco-pagina bewerken terwijl je hem ziet

EvolveCMS Editor voegt aan de Umbraco-backoffice een tab "Visueel bewerken" toe. Je ziet de pagina zoals bezoekers hem zien, klikt op een sectie en past die aan. Verplaatsen, dupliceren, verwijderen en nieuwe secties toevoegen gaat in dezelfde weergave. Het werkt met de gewone Umbraco-editors en -validatie, dus er verandert niets aan je contentmodel.

Waarom we hem bouwden

Redacteuren denken in pagina's, de Umbraco-backoffice denkt in velden en blokken. Een pagina met tien secties is in de backoffice een lange lijst geneste blokken. Wie wil weten welk blok welk stuk van de pagina is, opent de preview in een ander tabblad en zoekt het verschil. Dat kost tijd, en het leidt tot fouten.

Wat je ermee doet

• Klikken en bewerken. Klik in de preview op een sectie en bewerk de inhoud in een paneel ernaast, met dezelfde velden als in de gewone backoffice.
• Secties beheren. Verplaatsen, dupliceren, verwijderen en een nieuwe sectie toevoegen uit de bloktypen die voor die pagina zijn toegestaan.
• Gewoon Umbraco eronder. Opslaan valideert precies zoals de normale Inhoud-tab. Publiceren, versies en rechten werken zoals je gewend bent.

Voor wie

• Marketingteams die vaak landingspagina's samenstellen uit bestaande secties.
• Organisaties die van Umbraco 8, 10 of 13 naar 17 gaan en hun redacteuren een makkelijker begin willen geven. Zie Umbraco 13 naar 17 migreren.
• Bureaus die hun klanten een visuele editor willen bieden zonder een ander CMS.

Technisch

Een NuGet-package voor Umbraco 17. De site rendert haar secties via een helper van het package, zodat de editor weet welk stuk van de pagina bij welk blok hoort. Het draait op de publieke Umbraco-backoffice-API, zonder aanpassingen aan Umbraco zelf. Deze site gebruikt hem zelf ook.