8.4 HTML, Widgety
Na stránku môžeš v editore pridať vlastné HTML kódy - tie slúžia pre pokročilejších užívateľov a ako aj nasledujúce riadky. Opäť ale platí, že všetko môžeš vyskúšať a prípadne zmazať.
Pomocou HTML kódov sa dajú upraviť vzhľad a funkcie prvkov editora. Napríklad tlačidlá nebudú hranaté alebo okrúhle. Je to možnosť, ako svoj web posunieš na ďalší level. Použiť môžeš rôzne zlepšenia.
Okrem HTML kódov môžeš použiť celé widgety - tak sa cudzím slovom označuje služba tretích strán (niekoho iného), ktoré sa vo Webnode editore použijú vložením HTML kódu. Môže sa jednať o diskusiu, virtuálnu prehliadku, tabuľku a pod. Tipy na užitočné widgety nájdeš na našom blogu:
Najlepšie widgety pre vaše webové stránky
Mnoho funkcií, ktoré Webnode priamo neponúka, sa môžu týmto spôsobom na stránkach použiť. V každom prípade ide o úpravy mimo editor a Webnode pre ne nezabezpečuje zákaznícku podporu. Nemôžeme zaručiť, že web pri ich použití bude správne fungovať, preto sa tieto kódy ani nezobrazujú v samotnom editore, ale až v publikovanej verzii.
Niektoré HTML kódy sú cielene blokované (napr. čistý iframe, redirect). Pokiaľ teda plánuješ nejaký použiť, jednoznačne odporúčame najprv ich vyskúšať na nejakom testovacom projekte.
Pri službách tretích strán je väčšinou uvedené, či je nutné umiestniť kód do hlavičky (head), alebo do tela (body) stránky. Niekedy sa vkladajú na obe miesta.
1. HTML do hlavičky stránky
Ide hlavne o napojenie na Google, Facebook a pod.
V neplatenej verzii je možné kódy vložiť iba do hlavičky jednej konkrétnej stránky.
Pokiaľ potrebuješ nejaký kód vložiť do hlavičky celého webu, bude nutné mať platený balíček, alebo kód vložíš postupne do každej stránky.
Klasický príklad je napojenie na služby Google Search Console:
2. HTML do tela stránky
Mnoho kódov sa vkladá iba do tela stránky. Použiješ na to symbol "+" na ľavej strane editora na mieste, kde chceš, aby sa kód zobrazil.
Ide napríklad o chaty, tabuľky, diskusie, widgety na predpoveď počasia a pod.
3. Päta stránky
Do päta stránky sa vkladá minimum kódov, preto ju spomenieme len okrajovo. Väčšinou sa HTML vkladá do hlavičky - záleží vždy na kóde alebo návode, podľa ktorého sa kód nasadzuje.
Postupuješ podobne ako pri bode 1 pri vložení kódu do hlavičky, len je o to kúsok nižšie.
Cez HTML sa riešia aj úpravy vzhľadu existujúcich prvkov a štýlov. Viac informácií môžeš nájsť napr. tu:
https://www.jakpsatweb.cz/
Mnoho nápadov a trikov môžeš nájsť na stránkach nášho kolegu a Webnode nadšenca tu: https://www.wpromotions.eu/
Pri tvorbe týchto stránok bol použitý iba jeden HTML kód - na zobrazenie obrázka z iného zdroja, aby sa mohol použiť .gif súbor, ktorý editor bežne nepodporuje. Iné kódy neboli potrebné.
<img src="zdrojobrazku">
Ak si trúfaš, môžeš skúsiť upraviť priamo aj CSS, ale to je naozaj už vyššia liga - pozri sa na ďalší článok.
