html2wp / Visual Edit

WordPress editor: klikneš na stránku a upravíš ji přímo tam

Visual Edit Lite je bezplatný WordPress editor, který pracuje přímo na stránce. Na blokové šabloně, třeba Twenty Twenty-Five, klikneš na nadpis, obrázek nebo menu a změníš ho tam, kde je. Stejný editor upravuje i weby převedené ze statického HTML přes html2wp a kód stránky přitom zůstává 1:1 s designem. Každé uložení je bod, ke kterému se můžeš vrátit. Placená verze Pro stojí 59 € ročně, během bety s 30% slevou na první rok, a prodává se samostatně.

Ukázka na 95 sekund

Vyzkoušej WordPress editor na šabloně Twenty Twenty-Five

Video ukazuje text a písma z Google Fonts, sekce a barvy, článek na blogu, šablonu Single Posts, menu a výměnu fotky. Každá změna se uloží a můžeš ji vrátit.

Ukázka na Twenty Twenty-Five

Video se načte z YouTube, až když stiskneš přehrát. Podívej se na něj na YouTube.

Na každé blokové šabloně

Klikni na nadpis, napiš text, ulož

Na blokové šabloně otevře Visual Edit Lite ve svém panelu nástrojů vlastní editor webu a příspěvků z WordPressu a vedle bloku, na který jsi klikl, ukáže plovoucí panel s nastavením. Bloky, vzory, šablony a globální styly mají své obvyklé ovládání z WordPressu. Obsah zůstává ve standardních blocích. Nejde o page builder, takže na něm nic nezávisí, aby se stránka zobrazila.

Visual Edit na blokové šabloně
Odstavec na úvodní stránce Twenty Twenty-Five v ručně psaném písmu z Google Fonts, s panelem stylu otevřeným na seznamu velikostí Zkopírovaná sekce s přihlášením k odběru se žlutým pozadím a otevřeným panelem skupiny s písmy a barvami Šablona Single Posts otevřená ve WordPress editoru, s panelem na bloku obsahu příspěvku Vybraná fotka s otevřeným panelem obrázku a vedle ní historie se seznamem uložení stránky, každé s tlačítkem Restore

Skutečné snímky obrazovky pluginu na Twenty Twenty-Five, z ukázkového videa.

Styl textu tam, kde je

Nastav písmo, velikost, tloušťku, velká či malá písmena a barvu prvku, na který jsi klikl. Vybírat můžeš z celé knihovny Google Fonts a až pět písem si necháš připravených k rychlému použití.

Sekce z tvé šablony

Sekci zkopíruješ nebo přidáš novou ze vzorů své šablony a pak jí dáš barvy, pozadí a přechody bez psaní CSS.

Příspěvky a šablony

Články na blogu upravuješ stejně jako stránky. Když změníš šablonu, například Single Posts, řídí se jí každý příspěvek.

Menu přímo na stránce

Odkazy v navigaci přesouváš, přidáváš a mažeš tam, kde je menu na stránce vidět. Pořád jde o běžnou navigaci WordPressu.

Fotky z knihovny médií

Klikni na obrázek a vyměň ho za jiný z knihovny médií. Jeho alternativní text máš hned vedle.

Vrátíš se ke každému uložení

Každá stránka si drží deset posledních uložení (verze Pro až 300) plus původní verzi. Šablony a globální styly mají vlastní revize WordPressu.

Na webu převedeném z HTML

WordPress editor i pro statický HTML web

Stejný editor funguje i na webu převedeném ze statického HTML do WordPressu. HTML nejdřív projde přes html2wp. Visual Edit pak upravuje šablonu, kterou html2wp vytvoří, nebo tutéž šablonu po druhém převodu na nativní blokovou šablonu pro Gutenberg přes html2wp-to-gutenberg. Tento druhý krok je zatím experimentální funkce a zapneš si ho v nastavení. Text, obrázky, odkazy, formuláře a menu upravuješ tam, kde jsou na stránce. Web, který vznikl jako ručně psané HTML, tak dostane WordPress editor, se kterým klient pracuje bez zásahu do kódu. Kód stránky přitom zůstává 1:1 s designem.

Visual Edit na převedeném webu
WordPress editor v režimu úprav na převedeném webu: každý upravitelný prvek je orámovaný a panel obrázku je otevřený na portrétu Vybraný hlavní nadpis s otevřeným panelem písma: font, velikost, tloušťka, barva a mezery mezi písmeny Panel AI asistenta vedle živého náhledu se seznamem souborů, které přečetl a upravil Panel historie vedle stránky: každé uložení s časem a hashem, každé jde obnovit

Skutečné snímky obrazovky pluginu na převedeném webu.

Verze

WordPress editor ve dvou verzích: Lite a Pro

Visual Edit Lite je zdarma, nepotřebuje licenční klíč a obsahuje celé úpravy klikáním. Pro přidává věci, které studio obvykle chce. Prodává se samostatně za 59 € ročně.

 Lite (zdarma)Pro
Úpravy obsahu klikáním✓✓
Formuláře, menu, pole pro SEO✓✓
Úpravy přes AI chat–✓, s tvým vlastním API klíčem
Export šablony–✓
Ochrana proti spamu Turnstile–✓
AI úpravy obrázků a animace z obrázků–✓
Historie úprav10 uložení plus původní verze300 kroků
Webylibovolný počet, bez klíče1 doména na licenci
LicenceGPL-2.0GPL-2.0

Jak získáš kterou verzi

Lite si stáhneš zdarma. Je na WordPress.org, bez klíče a bez účtu. V administraci otevři Pluginy → Přidat plugin, vyhledej „Visual Edit Lite“ a nainstaluj ho, nebo si ho stáhni z jeho stránky na WordPress.org. Pokud ho chceš vyzkoušet dřív, než cokoli nainstaluješ, odkaz Lite ve WordPress Playground ho otevře ve WordPressu, který běží v kartě tvého prohlížeče, s už otevřeným editorem. Vychází pod licencí GNU GPL, verze 2 nebo novější, stejnou jako samotný WordPress. Můžeš ho používat na libovolném počtu webů, svých i klientských, včetně placené práce. Nic neregistruješ a nic nevyprší. Není v něm nic k odemčení, protože to, co přidává Pro, v Lite není.

Pro si koupíš samostatně jako roční licenci na stránce s ceníkem. Každá konverze, v bezplatné verzi i v Pro, odkazuje na Lite. Po nákupu ti e-mailem přijde klíč Visual Edit Pro. S ním si plugin stáhneš na stránce ke stažení, nainstaluješ ho a stejný klíč zadáš v pluginu ve WordPressu. Dokud je licence platná, aktualizace chodí přes WordPress. Licence je registrovaná vždy na jednu doménu. Pokud ji chceš přesunout, nejdřív ji deaktivuj na starém webu. Šablona funguje i bez ní.

Klíč Visual Edit Pro patří jen editoru a konverze nespouští. Šablona, kterou upravuje, pochází z konverze v bezplatné verzi nebo v Pro.

Bez závislosti

Co ve WordPressu zůstane, když editor odstraníš

Vypneš ho a stránky zůstanou celé

Na blokové šabloně je obsah z obyčejných bloků. Na webu převedeném z HTML jsou stránky, blog, formuláře, menu, SEO a přesměrování vlastním kódem šablony. Když plugin odstraníš, design tam pořád je.

Kód zůstává 1:1

Úpravy pod tebou nepřestavují strukturu stránky. Změní se jen to, na co klikneš.

AI klíč je tvůj

Úpravy přes chat v Pro běží na tvém vlastním API klíči a platíš je svému poskytovateli. Všechno ostatní v editoru funguje i bez něj.

Historie, aby nikdo nemusel být opatrný

Ke každému uložení se můžeš vrátit. V Lite to znamená deset posledních uložení plus původní verzi, v Pro 300 kroků.

Nativní menu, příspěvky a formuláře

Menu jsou menu WordPressu a blog tvoří skutečné příspěvky přímo v šabloně, ať už editor nainstalovaný máš, nebo ne.

Dodaný web nikam nevolá

Web, který předáš, se za běhu nepřipojuje k žádnému našemu serveru. Sestavený web na server nahrává samotná konverze, dodaný web ne.

Časté otázky

WordPress editor Visual Edit: otázky a odpovědi

Ano, pokud je to bloková šablona. Twenty Twenty-Five a další šablony postavené na šablonách stránek a vzorech fungují hned. Funguje i na šablonách převedených ze statického HTML, protože každá konverze přes html2wp deklaruje, co editor potřebuje. Na klasické PHP šabloně vizuální editor nefunguje, ale formuláře, doručování e-mailů, mailing listy, SEO, přesměrování a llms.txt fungují dál.

Dokud zůstává statickým HTML, nemůže, protože každá změna znamená úpravu souborů. Jakmile web převedeš do WordPressu přes html2wp a nainstaluješ editor Visual Edit, může. Na živé stránce klikne na text, obrázek, odkaz, formulář nebo menu, které chce změnit, a uloží to. Visual Edit Lite je zdarma a nepotřebuje licenční klíč.

Ne. Page builder poskládá stránku znovu ze svých widgetů a web ho pak potřebuje, jen aby se vůbec zobrazil. Visual Edit je WordPress editor pro frontend: upravuje prvky, které už na stránce jsou. Na blokové šabloně pracuje ve vlastním editoru WordPressu a obsah zůstává z obyčejných bloků. Na webu převedeném z HTML zůstává kód stránky stejný jako v designu. V obou případech se šablona zobrazí i bez pluginu.

Web funguje dál. Stránky, blog, formuláře, menu, SEO a přesměrování jsou vlastním kódem šablony. Deaktivace pluginu odstraní jen rozhraní pro úpravy a design zůstane na místě.