8.4 HTML, widgety
Na stránku můžeš v editoru přidat také vlastní HTML kódy - ty slouží už pro pokročilejší uživatele a následující řádky také. Ale opět platí, že vše můžeš zkusit a případně smazat.
Pomocí html kódů se dá upravit vzhled a funkce prvků editoru - např. tlačítka nebudou hranatá, ale kulatá. Je to možnost, jak svůj web posuneš na další level.
Kromě html kódů můžeš použít celé widgety - tak se cizím slovem říká službám třetích stran (někoho jiného), které se ve Webnode editoru použijí vložením html kódu. Může se jednat o diskusi, virtuální prohlídku, tabulku, apod. Tipy na užitečné widgety a práci s nimi nalezneš na našem blogu:
Rychlý tip: co je widget a jak ho využít
Nejlepší widgety pro vaše webové stránky
Velká část věcí, které Webnode přímo nenabízí, se dá tímto způsobem použít - nicméně zde jde o úpravy mimo editor a Webnode pro ně nenabízí zákaznickou podporu, ani nemůže ručit za to, že stránka při jejich použití bude správně fungovat. Proto se tyto kódy ani nezobrazují v samotném editoru, ale až v publikované verzi.
Některé html kódy jsou cíleně blokované. Pokud tedy plánuješ nějaký použít, jednoznačně doporučíme si jej nejdříve na nějakém testovacím projektu vyzkoušet.
U služeb třetích stran je většinou napsané, zda je nutné dát kód do hlavičky (head), nebo do těla (body) stránky. Někdy se vkládají na obě místa.
1. HTML do hlavičky stránky
Jde například o napojení na Google, Facebook, apod. V neplacené verzi je možné kódy vkládat jenom do hlavičky jedné konkrétní stránky.
Pokud potřebuješ nějaký kód vložit do hlavičky celého webu, bude již nutné mít placený balíček, nebo kód vložíš postupně do každé stránky.
Klasickým příkladem je zde napojení na službu Search Console (na Google):
2. HTML do těla stránky
Řada kódů se vkládá pouze do těla stránky. Použiješ plusko na levé straně editoru na místě, kde chceš, aby se ti kód zobrazil.
Jde např. o chaty, tabulky, diskuse, widgety na předpověď počasí, apod.
3. Patička stránky
Do patičky se vkládá jen minimum kódů, proto ji zde jen okrajově zmíníme. Většinou se totiž html vkládá do hlavičky, záleží vždy na kódu nebo návodu, podle kterého se nasazuje.
Postupuješ podobně jako u bodu 1 při vložení kódu do hlavičky stránky, je to jen o kousek níž.
Úpravy vzhledu existujících prvků a stylů se také dělají přes html - více informací můžeš najít např. zde:
https://www.jakpsatweb.cz/
Řadu nápadů a triků můžeš najít na stránkách našeho kolegy a Webnode nadšence zde:
https://www.wpromotions.eu/cs/
Při tvorbě této stránky se použil jenom jeden html kód - na zobrazení obrázku z jiného zdroje, aby se dal použít .gif soubor, který editor běžně nepodporuje. Jiné kódy nebyly potřeba.
<img src="zdrojobrazku">
Pokud se na to cítíš, můžeš zkusit upravit přímo i CSS, ale to už je opravdu vyšší liga. Koukni na další článek.
