html2wp / Visual Edit
Editor WordPress webu: úpravy klikaním priamo na stránke
Visual Edit Lite je bezplatný editor WordPress webu priamo na stránke. Na blokovej téme, napríklad Twenty Twenty-Five, klikneš na nadpis, obrázok alebo menu priamo na stránke a zmeníš ho priamo na mieste. Tento editor upravuje aj weby prevedené zo statického HTML cez html2wp a kód stránky pritom zostáva 1:1 s dizajnom. Každé uloženie je bod, ku ktorému sa vieš vrátiť. Platená verzia Pro stojí 59 € ročne, počas bety dostaneš 30 % zľavu na prvý rok, a predáva sa samostatne.
Vyskúšaj si ho na téme Twenty Twenty-Five
Video ukazuje text a písma z Google Fonts, sekcie a farby, článok na blogu, šablónu Single Posts, menu a výmenu fotky. Každá zmena je uložená a dá sa vrátiť.
Klikni na nadpis, napíš text, ulož
Na blokovej téme Visual Edit Lite otvorí vo svojom paneli nástrojov vlastný editor webu a príspevkov z WordPressu a vedľa bloku, na ktorý si klikol, zobrazí plávajúci panel s nastaveniami. Bloky, vzory, šablóny a globálne štýly majú svoje bežné ovládanie z WordPressu. Obsah zostáva v štandardných blokoch. Nejde o page builder a nič od neho nezávisí, aby sa stránka zobrazila.
Štýl textu tam, kde je
Písmo, veľkosť, hrúbku, veľké či malé písmená a farbu nastavíš prvku, na ktorý si klikol. Vyberieš si z celej knižnice Google Fonts a navolíš k rýchlemu použitiu najviac päť písiem.
Sekcie z tvojej témy
Sekciu skopíruješ, novú pridáš zo vzorov svojej témy a dáš jej farby, pozadia a prechody bez CSS.
Príspevky a šablóny
Články na blogu upravuješ rovnako ako stránky. Keď zmeníš šablónu, napríklad Single Posts, prispôsobí sa jej každý príspevok.
Menu priamo na stránke
Odkazy v navigácii presúvaš, pridávaš a mažeš tam, kde je menu zobrazené. Stále ide o navigáciu WordPressu.
Fotky z knižnice médií
Klikneš na obrázok a vymeníš ho za iný z knižnice médií. Alternatívny text máš hneď vedľa neho.
Ku každému uloženiu sa vrátiš
Každá stránka si drží desať (Pro verzia ponúka až 300) posledných uložení plus pôvodnú verziu. Šablóny a globálne štýly majú vlastné revízie WordPressu.
Statický HTML web, ktorý upravíš klikaním
Ten istý editor funguje aj na webe prevedenom zo statického HTML do WordPressu. HTML najprv prejde cez html2wp. Visual Edit potom upravuje tému, ktorú html2wp vytvorí, alebo tú istú tému po druhom prevode na natívnu blokovú tému pre Gutenberg cez html2wp-to-gutenberg. To je však ešte iba experimentálna funkcia, ktorú si vieš zapnúť v nastaveniach. Text, obrázky, odkazy, formuláre a menu upravuješ tam, kde sú na stránke. Web, ktorý vznikol ako ručne písané HTML, tak dostane editor, s ktorým klient pracuje bez zásahu do kódu. Kód stránky pritom zostáva 1:1 s dizajnom.
Lite a Pro
Visual Edit Lite je zadarmo, nepotrebuje licenčný kľúč a obsahuje celé úpravy klikaním. Pro pridáva veci, ktoré zvyčajne chce štúdio. Predáva sa samostatne za 59 € na rok.
| Lite (zadarmo) | Pro | |
|---|---|---|
| Úpravy obsahu klikaním | ✓ | ✓ |
| Formuláre, menu, SEO polia | ✓ | ✓ |
| Úpravy cez AI chat | – | ✓, s tvojím vlastným API kľúčom |
| Export témy | – | ✓ |
| Ochrana pred spamom Turnstile | – | ✓ |
| AI úprava obrázkov a animácie z obrázkov | – | ✓ |
| História úprav | 10 uložení plus pôvodná verzia | 300 krokov |
| Weby | ľubovoľné, bez kľúča | 1 doména na licenciu |
| Licencia | GPL-2.0 | GPL-2.0 |
Ako získaš každú z nich
Lite si stiahneš zadarmo. Je na WordPress.org bez kľúča a bez účtu. V administrácii otvor Pluginy → Pridať plugin, vyhľadaj „Visual Edit Lite“ a nainštaluj ho, alebo si ho stiahni z jeho stránky na WordPress.org. Ak ho chceš vyskúšať skôr, ako niečo nainštaluješ, odkaz Lite vo WordPress Playground ho otvorí vo WordPresse, ktorý beží v karte tvojho prehliadača, s už otvoreným editorom. Vychádza pod licenciou GNU GPL, verzia 2 alebo novšia, rovnakou ako samotný WordPress. Môžeš ho použiť na ľubovoľnom počte webov, svojich aj klientskych, vrátane platenej práce, nič neregistruješ a nič nevyprší. Nie je v ňom nič na odomknutie, lebo to, čo pridáva Pro, v Lite nie je.
Pro si kúpiš samostatne ako ročnú licenciu na stránke cenníka. Každá konverzia, vo verzii zadarmo aj v Pro, odkazuje na Lite. Po kúpe ti e-mailom príde kľúč Visual Edit Pro. S ním si plugin stiahneš na stránke na stiahnutie, nainštaluješ ho a ten istý kľúč zadáš v plugine vo WordPresse. Kým je licencia platná, aktualizácie prichádzajú cez WordPress. Licencia je naraz registrovaná na jednu doménu. Ak ju chceš presunúť, najprv ju deaktivuj na starom webe. Téma funguje aj bez nej.
Kľúč Visual Edit Pro patrí len editoru a konverzie nespúšťa. Téma, ktorú upravuje, pochádza z konverzie vo verzii zadarmo alebo v Pro.
Čo zostane, keď plugin odstrániš
Vypneš ho a stránky zostanú celé
Na blokovej téme je obsah z obyčajných blokov. Na prevedenom webe z HTML sú stránky, blog, formuláre, menu, SEO a presmerovania vlastný kód témy. Keď plugin odstrániš, dizajn tam stále je.
Kód zostáva 1:1
Úpravy pod tebou neprestavujú štruktúru stránky. Zmení sa presne to, na čo klikneš.
AI kľúč je tvoj
Úpravy cez chat v Pro bežia na tvojom vlastnom API kľúči a platíš ich svojmu poskytovateľovi. Všetko ostatné v editore funguje aj bez neho.
História, aby nikto nemusel byť opatrný
Ku každému uloženiu sa môžeš vrátiť. V Lite je to desať posledných uložení plus pôvodná verzia, v Pro 300 krokov.
Natívne menu, príspevky a formuláre
Menu sú menu WordPressu a blog sú skutočné príspevky priamo v téme, či už editor nainštalovaný máš, alebo nie.
Odovzdaný web nikam nevolá
Web, ktorý odovzdáš, sa počas behu nepripája na žiadny náš server. Zostavený web nahráva na server samotná konverzia, odovzdaný web nie.
Otázky o Visual Edit
Áno, ak je to bloková téma. Twenty Twenty-Five a iné témy postavené na šablónach a vzoroch fungujú hneď. Funguje aj na témach prevedených zo statického HTML, pretože každá konverzia cez html2wp deklaruje, čo editor potrebuje. Na klasickej PHP téme vizuálny editor nefunguje, ale formuláre, doručovanie e-mailov, mailing listy, SEO, presmerovania a llms.txt fungujú ďalej.
Kým zostáva statickým HTML, nemôže, lebo každá zmena znamená úpravu súborov. Keď web prevedieš do WordPressu cez html2wp a nainštaluješ Visual Edit, môže. Na živej stránke klikne na text, obrázok, odkaz, formulár alebo menu, ktoré chce zmeniť, a uloží to. Visual Edit Lite je zadarmo a nepotrebuje licenčný kľúč.
Nie. Page builder poskladá stránku nanovo zo svojich widgetov a web ho potom potrebuje, aby sa vôbec zobrazil. Visual Edit upravuje prvky, ktoré už na stránke sú. Na blokovej téme pracuje vo vlastnom editore WordPressu a obsah zostáva z obyčajných blokov. Na prevedenom webe z HTML zostáva kód stránky rovnaký ako v dizajne. V oboch prípadoch sa téma zobrazí aj bez pluginu.
Web funguje ďalej. Stránky, blog, formuláre, menu, SEO a presmerovania sú vlastný kód témy. Deaktiváciou pluginu zmizne len rozhranie na úpravy a dizajn zostane na mieste.