Videonávod
Chtěli byste si změnit styl písma ve Webnode na svůj vlastní?
Pár slov na úvod
Nástroj Webnode umožňuje změnit styl písma v sekci: “Nastavení” – “Vzhled” – “Fonty“
a fonty, které editor nabízí jsou velmi pěkné.
Ne každému avšak předdefinované fonty vyhovují.
Do mé Webnode Free Poradny přišla otázka, zda je možné na webu ve Webnode změnit styl písma
a to v případě, že si z nabízených stylů písma nevíte vybrat ten “správný“.
Ano – je to možné!
V tomto návodu Vám ukážu jak si Vašem webu nebo e-shopu ve Webnode nastavíte 1 styl písma pro celý web.
Styl písma (font), který si vyberete se bude přepisovat skrz všechny typy písma (nadpisů, titulků atd.) – takže budete mít jen jeden font pro celý web.
Fonty, které nabízí Webnode editor tak v tomto případě nahradíme vlastním fontem – získaným z populární služby Google Fonts.
Z nabídky více než 1000+ stylů písma z Google Fonts si určitě vyberete ten správný.
Pojďme nato!
Návod rozdělím na 3 části:
2. Přihlášení k odběru novinek a Úprava předdefinovaného kódu
část – získání kódu stylu písma
Jednoduchý návod: Změna předdefinovaného stylu písma ve Webnode na svůj vlastní
1. Přejděte na oficiální stránky a vyberte si svůj styl písma, který chcete použít na svém webu.
Pokud jste našli ten správný font, klikněte na něj.
2. Při svém vytouženém fontu zvolte “Select this style“
část – úprava předdefinovaného kódu
Dva kódy, které jste získali od Google Fonts je třeba nyní spojit do jednoho kódu.
K tomu jsem pro Vás připravil tzv. “Předdefinovaný kód”
4. Získejte můj předdefinovaný kód, který si následně upravíte na svůj vlastní font.
Přihlaste se k odběru mého newsletteru William Promotions News pomocí formuláře níže, abyste získali předdefinovaný kód:
Upravte si nyní hodnoty v mém předefinování kódu na Váš vlastní font.
Postup úpravy najdete ve videonávodu v čase 2:55
část – vložení kódu na Váš web
Když jste si úspěšně upravili můj předdefinovaný kód na Váš vlastní styl písma,
nastává čas, kdy si svůj kód musíte vložit do HTML HLAVIČKY na všechny stránky vašeho webu ve Webnode.
5. Vyberte si způsob vložení kódu podle toho, jaké Prémiové služby máte u společnosti Webnode zakoupené:
1. Mám zakoupené Prémiové služby STANDARD nebo PROFI
Pokud máte u Webnode zakoupené Prémiové služby Standard nebo Profi, tak můžete jedním vložením vložit kód na všechny stránky webu.
V horní části editoru klikněte na “Nastavení” – “Nastavení webu” – “HTML hlavička / patička” – “HTML hlavička“.
2. Mám projekt ve verzi Zdarma nebo mám zakoupen Prémiový balíček Limited, Mini.
Pokud máte web vytvořen ve verzi Zdarma nebo máte zakoupen Prémiový balíček Limited, či Mini, tak musíte kód vložit do hlavičky na každou stránku zvlášť.
Vložení kódu do hlavičky každé stránky:
6. Publikujte změny a máte HOTOVO.
Pár slov na závěr
Děkuji Vám za odběr k mému newsletteru.
Výborně – právě jste si nastavili na Vašem webu ve Webnode svůj vlastní styl písma. Nebylo to až tak těžké, že?
Napište mi prosím do komentáře, zda se Vám to podařilo.
Nezapomeňte také prosím odebírat můj YT kanál “William Promotions“, aby Vám už nikdy v životě neunikl žádny z mojich návodu.
Držím Vám palce s Vašim webem a online podnikáním.
Další skvělé návody
Jak si vytvořit obchodní a reklamační podmínky pro e-shop pomocí LEGITO?
Potřebujete obchodní (VOP) nebo reklamační podmínky pro web nebo e-shop? Online právní dokumenty Legito Vám ušetří peníze! *Služba je zpoplatněna symbolickou cenou (199,- Kč za 1 dokument) Tuto službu osobně používám a všem ji vřele doporučuji. Vyplatí se to. Jak to...
Jak změnit URL adresu u stránky, článku nebo produktu ve Webnode?
Potřebujete změnit URL adresu stránky u Webnode? V tomto návodu si ukážeme jak změnit URL adresu u stránky, článku a produktu. 1. Změna URL adresy u stránky. V horní liště editoru klikneme na "Stránky" - "Zvolíme stránku" - "SEO nastavení stránky". a přepíšete URL...
Jak změnit obrázek pro sdílený odkaz na Facebook?
VideonávodNezobrazuje se Vám obrázek při sdílení webu na Facebook? Pokud sdílíte odkaz na web na Facebooku, může se stát, že se při odkazu neobjeví žádný obrázek nebo se zobrazí obrázek, který nechcete. V následujících pár krocích se dozvíte, jak jednoduše obrázek pro...
Jak přidat www stránku do katalogu firem Moje Firma od Google?
Návod k registraci do firemního katalogu Moje Firma od Google. *Služba je zcela zdarma. V návode Jak přidat www stránku do katalogu firem Firmy.cz od Seznam? sme si ukázali katalóg firiem od Seznamu. Poďme sa teraz spoločne pozrieť na najväčší katalóg firiem na svete....
Jak změnit barvu označení při kopírování textu?
Hledáte způsob jak na webové stránce změnit barvu označení při kopírování? Tato barva je přednastavená na modrou barvu. V tomto návodu si ukážeme jak jednoduše barvu změníte a tím vylepšíte vzhled svého webu. #Pojdme nato 1. Prihláste se do editace webu...
10 zdrojů na free obrázky pro komerční použití. Zdarma!
V tomto návodu naleznete odkazy na 12 fotobank. Všechny obrázky jsou vedeny pod licencí CC0. ✔ tzn. Obrázky jsou pro komerční použití. A nemusíte uvádět zdroj na Vašem webu. Pokud jste si dosud stahovali obrázky přes Google, tak to je nesprávné! Při tvorbě webové...
Jak správně nastavit Google Mapu ve Webnode?
Nefunguje Vám mapa ve Webnode? Někdy se stane, že po zadání adresy systém nedokáže vyhledat konkrétní adresu a mapa tak v publikované verzi webu nefunguje. V editoru Webnode Vám systém adresu sice vyhledá a zobrazí, avšak v publikované verzi se mapa nezobrazuje...
Jak přiřadit vlastní doménu / subdoménu u Webnode? Nastavení DNS záznamů
Potřebujete změnit URL adresu stránek s "webnode" na Vaši vlastní doménu např. "mujweb.cz" nebo "e-shop.mujweb.cz" ? Čtěte dál! 🙂 Využívání vlastní domény je u Webnode funkce, která je součástí Prémiových balíčků Limited, Mini, Standard a Profi. Po zakoupení...
Jak na web přidat vlastní vyhledávací pole? Google Custom Search
V návodu Jak přidat vyhledávač produktů do Webnode e-shope? jsme si ukázali jednoduché řešení vlastního vyhledávače. Poďme se nyní společně podívat na další vyhledávač a Vaše další možnosti.Vložte si na Váš web vlastní vyhledávací pole Google - Custom Search Engine...
- Jak propojit www stránky se sociální sítí Instagram? - 29.4.2024
- Jak přidat vyskakovací okno (POP-UP) ve Webnode? ZDARMA! - 17.11.2023
- Jak přidat recenze z Google na web ve Webnode? - 15.10.2023