Čo je WYSIWYG editor? Význam, príklad a použitie

WYSIWYG (What You See Is What You Get, teda „čo vidíš, to dostaneš“) je editor, v ktorom obsah upravujeme vo vizuálnej podobe, ktorá sa približuje výslednému zobrazeniu. Text formátujeme tlačidlami ako v textovom editore, bez ručného písania kódu. Typicky ho nájdeme v systémoch na správu obsahu, pozri CMS.

Ako WYSIWYG editor funguje?

WordPress popisuje svoj vizuálny editor ako „semi-WYSIWYG“ editor na tvorbu, úpravu a formátovanie obsahu v zobrazení podobnom textovému procesoru. Je to jeho predvolený režim. Panel nástrojov ponúka napríklad tučné písmo, kurzívu, zoznamy, citáciu, zarovnanie a vloženie odkazu. Medzi vizuálnym a textovým zobrazením sa dá v editore prepínať.

Aké sú výhody a obmedzenia?

Oblasť	Čo to znamená
Pohodlie	Obsah upravuje aj človek bez znalosti HTML.
Rýchlosť	Zmenu textu urobíme bez zásahu do kódu stránky.
Kontrola	Zobrazenie v editore je len približné, výsledok treba skontrolovať na samotnom webe.
Čistota kódu	Podľa našich skúseností môže editor pri formátovaní vložiť zbytočné značky, preto kontrolujeme aj výsledné HTML.

Výhody a obmedzenia WYSIWYG editoraZdroj: WordPress Developer Resources: WYSIWYG Field

Čo to znamená pre SEO?

Editor neovplyvňuje poradie sám osebe, dôležité je, čo s ním vytvoríme. Nadpisy majú byť skutočné nadpisy, nie len väčšie tučné písmo, pozri nadpisy H1 až H6. Obrázkom pridávame alt text a odkazy majú mať zrozumiteľný text, pozri anchor text. Ide o naše odporúčania z praxe.

Čo si zapamätať o pojme WYSIWYG editor?

WYSIWYG robí správu webu dostupnou pre každého. K webu na mieru ho zvyčajne dopĺňame tak, aby si klient vedel obsah upraviť sám. Viac v časti proces tvorby webstránky.

Ako to rieši webstrankanamieru.sk: Pri výbere systému pre web zvažujeme potreby projektu, nie jednu značku. Ako web vzniká, ukazuje Proces tvorby webstránky, hotové riešenia nájdete v portfóliu a rozdiel medzi šablónou a webom na mieru vysvetľuje článok WordPress často nestačí. Cenu si overíte v cenníku.

Súvisiace pojmy: CMS, WordPress, HTML, Frontend, Webová stránka, Nadpisy H1 až H6, Elementor

Často kladené otázky o pojme WYSIWYG editor

Čo znamená WYSIWYG?

What You See Is What You Get, teda čo vidíš, to dostaneš. Obsah upravujeme vo vizuálnej podobe blízkej výslednému zobrazeniu.

Potrebujem pri WYSIWYG editore poznať HTML?

Nie. Formátovanie robíme tlačidlami. Znalosť HTML pomáha pri kontrole výsledku.

Je WordPress editor skutočný WYSIWYG?

WordPress ho sám nazýva „semi-WYSIWYG“ editor, čiže zobrazenie je len približné.

Dá sa prepnúť na zobrazenie kódu?

Áno, v editoroch zvyčajne existuje vizuálne a textové zobrazenie, medzi ktorými sa dá prepínať.

Ovplyvní WYSIWYG editor SEO?

Samotný editor nie, ale spôsob tvorby obsahu áno. Dôležité sú správne nadpisy, alt texty a odkazy.

Zdroje

WordPress Developer Resources: WYSIWYG FieldDefinícia WYSIWYG poľa, prepínanie zobrazenia a funkcie.
WordPress Support Handbook: Using the Visual EditorVizuálny editor ako „semi-WYSIWYG“ a jeho panel nástrojov.
MDN Web Docs: CMS (Glossary)Systémy na správu obsahu.

Všetky pojmy v slovníku