Visual Editing by DatoCMS

Mis on DatoCMS-i visuaalne redigeerimine?

DatoCMS-i visuaalne redigeerimine on funktsioon, mis võimaldab sisutoimetajatel klõpsata otse reaalse veebisaidi mis tahes elemendil, et seda CMS-is redigeerida. Selle asemel, et otsida kirjete vormidest õiget välja, saavad toimetajad lihtsalt klõpsata pealkirjal, pildil või plokil, mida nad soovivad muuta. Süsteem kasutab steganograafiat – nähtamatuid Unicode'i märke, mis lisatakse igale stringile GraphQL API vastustes –, et kodeerida iga väärtuse päritolu, nii et esiosa teab automaatselt täpselt, kust iga sisutükk pärineb. Koos mustandirežiimi ja reaalajas uuendustega muutub muudatuste tegemine sujuvaks WYSIWYG-kogemuseks.

Kellele see on mõeldud

• Sisutoimetajad, kes soovivad lõpetada detektiivimängu kirjete vormidega ja klõpsata hoopis otse lehe elementidel, et neid redigeerida
• Arendajad, kes vajavad ülilihtsat rakendust, mis töötab olemasolevate DatoCMS-i projektidega ja ei nõua iga sisutüki käsitsi sidumist selle lähteväljaga
• Meeskonnad, kes kasutavad Next.js, Astro, Svelte või Vue, soovivad anda oma toimetajatele visuaalse redigeerimiskogemuse ilma hostimisteenuse pakkujat vahetamata või esiosa ümber ehitamata

Peamised funktsioonid

Klõpsa-redigeerimiseks koos sisulingiga

Toimetajad külastavad veebisaiti mustandirežiimis, hõljuvad hiirega sisu kohal, et näha, mis on redigeeritav, ja klõpsavad, et avada DatoCMS uuel vahekaardil. See töötab täielikult esiosas mis tahes hostimisteenusega – Vercel, Netlify, Cloudflare, ükskõik milline. Enam pole vaja küsida: "Kus see väli jälle on?"

Kõrvuti visuaalne režiim

Veebieelvaadete plugin saab uuenduse: eelvaade vasakul, redigeerimispaneel paremal. Klõpsake mis tahes sisutükki ja redigeerimispaneel avaneb kohe. Pole vahekaartide vahetamist, pole konteksti kaotust, kohesed reaalajas uuendused. Plugin võimaldab ka eelvaatelinke CMS-i külgribal, kahesuunalist navigeerimist paneelide vahel ja täisekraanil visuaalset redigeerimisrežiimi.

Automaatne metaandmete kodeerimine

Steganograafia manustab iga väärtuse päritolu (kirje ID, välja tee, lokaal) otse GraphQL API vastustesse. `` komponent skannib automaatselt lehte nende metaandmete jaoks ja renderdab redigeerimise ülekatted õigetel DOM-sõlmedel – käsitsi sidumist pole vaja. See töötab kogu sisumudeliga kohe karbist välja: lingid kirjetele, plokid, struktureeritud tekst ja modulaarne sisu.

Mis paistab silma

"Enam pole vaja otsida kirjete vormidest õiget välja."

See pole lihtsalt eelvaatetööriist – see on põhimõtteline muutus selles, kuidas toimetajad suhtlevad peata CMS-i sisuga. Steganograafia lähenemine tähendab, et arendajad ei pea iga sisutükki käsitsi selle lähteväljaga siduma, mis oleks parimal juhul tüütu ja halvimal juhul hooldusõudus. Selle asemel tulevad metaandmed automaatselt kaasa, muutes seadistuse minimaalseks: vaid kaks päist, mis lisatakse olemasolevatele GraphQL päringutele, ja üks komponent paigutuses.

Tasub proovida, kui…

Olete väsinud toimetajate küsimustest "kus see väli jälle on?" ja soovite visuaalset redigeerimiskogemust, mis töötab teie olemasoleva DatoCMS-i projektiga, mis tahes hostimisteenuse pakkujaga ja minimaalse arendaja pingutusega. See on saadaval igal plaanil (sh tasuta) koos SDK-dega Next.js, Astro, Svelte ja Vue jaoks.