Čo je WYSIWYG editor?
WYSIWYG (What You See Is What You Get) editor je nástroj, ktorý umožňuje formátovať obsah pre webové stránky. Má podobné funkcie ako úpravy textov vo Worde. Priamo na obrazovke vidíte ako bude konečný obsah vyzerať po zverejnení. Je jednoduchý na používanie bez nutnosti poznať HTML a CSS.
Formátovanie
WYSIWYG editory ponúkajú širokú škálu možností na formátovanie textu. Medzi najčastejšie funkcie patrí:
Textové úpravy
Tučné písmo (Bold): Toto je tučný text.
Kurzíva (Italic): Toto je text v kurzíve.
Podčiarknutie (Underline): Toto je podčiarknutý text.
Zmena farby a veľkosti písma napríklad:
Toto je červený text veľkosti 20 pixelov.
Odstavce
Štruktúrovanie textu do odstavcov a zoznamov pomáha urobiť obsah prehľadnejší:
Číslované zoznamy:
- Prvá položka
- Druhá položka
- Tretia položka
Odrážkové zoznamy:
- Prvá položka
- Druhá položka
- Tretia položka
Citácie:
Toto je text pre citáciu.
Toto je citácia.
Zarovnanie textu:
Text zarovnaný na začiatok
Text zarovnaný na stred
Text zarovnaný na koniec
Vkladanie médií
Jednoduché pridanie rôznych médií do vašich stránok:
Obrázky: Jednoducho vkladajte a upravujte obrázky. Príklad:
Videá: Vkladajte videá priamo z YouTube alebo Vimeo:
Odkazy: Vytvorte odkazy na iné stránky: Prečítajte si náš Blog.
Tabuľky: Organizačný prvok pre text a dáta:
| Toto je prvý stĺpec | Toto je druhý stĺpec |
| Lorem ipsum | Lorem ipsum |
Najpopulárnejšie WYSIWYG editory pre WordPress
- Elementor: Drag-and-drop editor, ktorý umožňuje ľahko vytvárať stránky s krásnym dizajnom.
- Divi Builder: Špičkový editor s drag-and-drop funkciou a veľkou knižnicou šablón a prvkov.
- Beaver Builder
- Avada
Osobne špecializujeme sa na Elementor, pretože dostáva pravidelné aktualizácie a jeho autori vytvárajú vždy zhrnutia pre novinky.
Výhody
- Intuitívne rozhranie
- Rýchle úpravy
- Žiadna potreba kódovania: Nie sú potrebné znalosti v HTML alebo CSS.
- Vizuálna spätná väzba: Používateľ okamžite vidí ako bude obsah vyzerať po publikovaní.
