HTML Editor (WYSIWYG)
WYSIWYG (What you see is what you get, tedy "čo vidíš, to dostaneš") je internetový editor textu, ktorý po vzore Wordu alebo Writeru zjednodušuje prácu a následné formátovanie pri písaní alebo úprave textov, popisov alebo noviniek. Systém Shoptet tento editor používa napríklad pre informačné e-maily, detail produktu, detail článkov a pre newslettery.
Prečo sa mi editor nezobrazuje?
Kvôli rýchlejšiemu načítaniu detailu produktu je pre zobrazenie editora potrebné kliknúť myšou na tlačidlo Upraviť. Editor sa do detailu produktu načíta až po kliknutí. Toto je výhodné, pokiaľ chcete pracovať s inými záložkami ako Cenník alebo Kategórie. Skráti sa tak doba čakania na načítanie stránky (obrázok 01).
Vloženie obrázku
V editore zvoľte ikonku Nahrať súbor (obrázok 02).
Objaví sa nové okno, tzv. Filemanager, do ktorého môžete nahrávať fotky zo svojho PC. K nahraniu nového súboru alebo fotky kliknite na ikonku šípky Nahrať súbor (obrázok 03). Na súbor, ktorý je už nahraný v pamäti manageru, stačí iba kliknúť.
Aby sa obrázok správne nahral a zobrazil, odporúčame slová v jeho názve oddeľovať iba spojovníkom (na numerickej klávesnici klávesa „mínus“), teda napríklad tricko-zelene-xl.jpg.
Tento zápis je taktiež správne z hľadiska SEO.
Zobrazí sa nové okno Drop files. Tu buď kliknite myšou do okna a nahrajte obrázok z disku alebo obrázok pretiahnite myšou z umiestnenia vo vašej zložke (obrázok 04).
Obrázok je teraz v pamäti Filemanageru. Kliknite na tlačidlo Späť k zoznamu súborov a potom znovu kliknite na zvolený obrázok. Tak sa vloží do textu.
Vytváranie hypertextového odkazu
- Označte si vybraný text, z ktorého chcete urobiť hypertextový odkaz (obrázok 05).
- Kliknite pravým tlačidlom a zvoľte Vložiť odkaz.
- Zadajte adresu, na ktorú chcete prejsť po prekliknutí (obrázok 06).
- Text k zobrazeniu nie je potrebné vyplniť, pokiaľ ste ho už v editore označili.
- Zadajte titulok, ktorý bude vystihovať váš odkaz (zobrazí sa po prejdení myšou).
- Zadajte, či sa odkaz otvorí v aktuálnom alebo v novom okne vášho prehliadača.
V prípade, že odkaz smeruje na stránku v rámci vášho e-shopu, tvar URL adresy sa automaticky v zdrojovom kóde zmení na relatívny tvar. Adresy, smerujúce mimo vášho e-shop, budú vždy zachované v absolútnom tvare.
Vkladanie videa do článkov
V editore kliknite na Vložiť → Média (obrázok 06).
Prvý spôsob je vložiť odkaz napríklad na Youtube. Môžete ponechať existujúce rozmery videa alebo vyplniť vlastné (obrázok 07).
Pokiaľ poznáte iba kód videa, môžete ho vložiť cez záložku Vložiť.
Ako získať kód videa z Youtube?
- Zvoľte Youtube video, ktoré chcete vložiť do článku.
- Kliknite na tlačidlo Zdieľať (obrázok 08).
- Kliknite na tlačidlo Vložiť.
- Skopírujte si zobrazený kód.
- Vložte kód do príslušného poľa.
