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í.

Webnode umožňuje zmeniť fonty v sekcii vzhľad
Zmena písma vo Webnode je jednoduchá

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!

čá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.

 

Prvý krok je výber toho NAJ fontu

2. Při svém vytouženém fontu zvolte “Select this style

Tlačítko Select this style

3. V kolonce “Use on the web” zvolte možnost “@import

Zkopírujte si kódy a vložte si je do textového dokumentu

Skopírujte si kódy fontu

když si kódy zkopírujete a vložíte do TXT dokumentu, tak v textovém dokumentu to bude vypadat takto:

V textovom dokumente to vyzerá takto:

čá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:

Můj předdefinovaný kód si nyní vložte také do textového dokumentu, aby to vypadalo takto:

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.

Publikujte zmeny. Zmena sa prejaví v publikovanej verzii Vášho webu.

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

Svatební web zdarma

Svatební web zdarma

Co je svatební web? Co je svatební stránka? Proč si svatební web vytvořit? Co patří na svatební web? Kolik svatební web stojí? Svatební šablony Jak vytvořit svatební web?Co je svatební web? Co je svatební stránka?V dnešní digitální době se už ani svatba neobejde bez...

Líbil se ti tento návod? Pošli ho přátelům 🙂

Viliam
Follow me