Redakční systém, který jsem si postavil od základu, protože mě štvalo přepínat mezi "tím, co vidí návštěvník" a "tím, kde se to upravuje". Přihlásíte se, otevřete běžnou stránku a klikáte přímo na to, co chcete změnit.
Klikni na cokoliv níže v ukázce ↓
Živá simulace je o kousek níž na téhle stránce — přepněte si režim úprav a vyzkoušejte to sami.
Klasické redakční systémy fungují tak, že web a administrace jsou dva úplně oddělené světy. Chcete změnit nadpis? Otevřete admin, najdete správnou stránku, správné pole, uložíte, přepnete se zpátky na web a doufáte, že to vypadá dobře. Pro někoho, kdo weby nedělá denně, je to zbytečná bariéra.
LiveEdit tenhle krok úplně vynechává. Po přihlášení otevřete stejnou stránku, kterou vidí návštěvníci — jen navíc uvidíte, které části jsou upravitelné. Klikněte na text, obrázek nebo tlačítko, upravte a je hotovo. Bez zprostředkovatele.
Co vidíte, to editujete
Uloženo okamžitě
Žádné rozbité formuláře
Zaškolení za 2 minuty
Tohle je zjednodušená, ale reálná ukázka toho, jak vypadá stránka po přihlášení jako administrátor. Tlačítkem zapnete úpravy — přerušované obrysy ukazují, co je klikatelné.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Zjistit více sendTučně, kurzíva, podtržení a odkazy — přímo v textu, bez značkovacího jazyka.
Výběr z knihovny médií, popisek a tažením za roh i změna velikosti.
Text, odkaz, vizuální styl i velikost — s živým náhledem přímo v editaci.
Ikona, číslo a popisek — knihovna ikon a barevných variant na výběr.
Textové a obrázkové bloky se skládají do sloupců, které jde přetahovat a zvětšovat.
Menu, jazyky a globální hodnoty webu se řeší v přehledné administraci mimo klikací režim.
Jedno přihlášení admina platí pro celý web — žádný samostatný admin panel k procházení.
Prohlížíte úplně stejný web jako návštěvník, jen s viditelně upravitelnými prvky.
Kliknutím se otevře malé okno přesně pro daný typ obsahu — text, obrázek nebo tlačítko.
Změna se pošle na pozadí a rovnou se uloží do databáze. Bez tlačítka "Publikovat".
Záměrně žádný obří framework navíc. Backend je poskládaný z ověřených, samostatných knihoven — takže vím přesně, co se v systému děje, a nic mi nebrání ho kdykoliv rozšířit.
Odlehčený PHP router pro frontend i interní API editoru.
Čitelné modely a migrace pro obsah, navigaci i nastavení webu.
Přehledné rozdělení layoutů, sekcí a znovupoužitelných komponent.
Lehká interaktivita administrace bez nutnosti stavět celou SPA.
Klikací editace je dostupná jen přihlášeným adminům a každý zápis je ověřený.
Bez frameworku — čistý JavaScript, který detekuje prvky a přidává jim editaci.
Architektura je postavená modulárně — obsah, navigace, nastavení a volné bloky jsou oddělené vrstvy, které lze kombinovat podle potřeby. Malý jednostránkový web používá jen zlomek systému; rozsáhlejší web se stránkami, articles, kolekcemi a vícejazyčným obsahem využije zbytek beze změny základů.
Vícejazyčnost je řešená na úrovni jednotlivého textového pole, ne celé stránky — takže lze postupně přidávat jazyky bez přepisování obsahu, který už existuje.
Vícejazyčnost po polích
Přidávání typů polí
Vlastní kolekce obsahu
Funguje na běžném hostingu
LiveEdit nasazuji na weby, u kterých dává smysl, aby klient nezávisel na vývojáři kvůli každé maličkosti. Napište mi a proberem, jestli by to sedělo i vám.
Napište mi send