Videonávod

Chceli by ste si zmeniť štýl písma vo Webnode na svoj vlastný?

 

Pár slov na úvod

Nástroj Webnode umožňuje zmeniť štýl písma v sekcii: “Nastavenia” – “Vzhľad” – “Fonty

a fonty, ktoré editor ponúka sú veľmi pekné.

Nie každému avšak preddefinované fonty vyhovujú.

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

Do mojej Webnode Free Poradne prišla otázka, či je možné na webe vo Webnode zmeniť štýl písma

v prípade, že si z ponúkaných štýlov písma neviete vybrať ten “správny”.

Áno – je to možné!

V tomto návode Vám ukážem ako si Vašom webe, či e-shope vo Webnode nastavíte 1 štýl písma pre celý web.

Štýl písma (font), ktorý si vyberiete sa bude prepisovať skrz všetky typy písma (nadpisov, titulkov atď.) – takže budete mať len jeden font pre celý web.

Fonty, ktoré ponúka Webnode editor tak v tomto prípade nahradíme vlastným fontom, získaným z populárnej služby Google Fonts.

Z ponuky viac ako 1000+ štýlov písma z Google Fonts si určite vyberiete ten správny.

Poďme nato!

časť – získanie kódu štýlu písma

Jednoduchý návod: Zmena preddefinovaného štýlu písma vo Webnode na svoj vlastný

1. Prejdite na oficiálne stránky a vyberte si svoj štýl písma, ktorý chcete používať na svojom webe.

Ak ste našli ten správny font, kliknite naňho.

 

Prvý krok je výber toho NAJ fontu

2. Pri svojom vytúženom fonte zvoľte “Select this style

Tlačítko Select this style

3. V kolonke “Use on the web” zvoľte možnosť ” @import “

Skopírujte si kódy a vložte si ich do textového dokumentu

Skopírujte si kódy fontu

keď si kódy skopírujete a vložíte do TXT dokumentu, tak v textovom dokumente to bude vyzerať takto:

V textovom dokumente to vyzerá takto:

časť – úprava preddefinovaného kódu

Dva kódy, ktoré ste získali od Google Fonts je potrebné teraz spojiť do jedného kódu.

K tomu som pre Vás pripravil tzv. “preddefinovaný kód”

4. Získajte môj preddefinovaný kód, ktorý si následne upravíte na svoj vlastný font.

Prihláste sa k odberu môjho newslettru William Promotions News pomocou formuláru nižšie, aby ste získali preddefinovaný kód:

Môj preddefinovaný kód si teraz vložte tiež do textového dokumentu, aby to vyzeralo takto:

Upravte si teraz hodnoty v mojom predefinovanom kóde na Váš vlastný font.

Postup úpravy nájdete vo videonávode v čase 2:55

časť – vloženie kódu na Váš web

Keď ste si úspešne upravili môj preddefinovaný kód na Váš vlastný štýl písma,

nastáva čas, kedy si svoj kód musíte vložiť do HTML HLAVIČKY na všetky stránky Vášho webu vo Webnode.

5. Vyberte si spôsob vloženia kódu podľa toho, aké Prémiové služby máte u spoločnosti Webnode zakúpené:

1. Mám zakúpené Prémiové služby STANDARD alebo PROFI

Ak máte u Webnode zakúpené Prémiové služby Standard alebo Profi, tak môžete jedným vložením vložiť kód na všetky stránky webu.

V hornej časti editora kliknite na “Nastavenia” – “Nastavenia webu” – “HTML hlavička/pätička” – “HTML hlavička“.

2. Mám projekt vo verzii Zdarma alebo mám zakúpený Prémiový balíček Limited, Mini.

Ak máte web vytvorený vo verzii Zadarmo alebo máte zakúpený Prémiový balíček Limited, či Mini, tak musíte kód vložiť do hlavičky na každú stránku zvlášť.

Vloženie kódu do hlavičky každej stránky:

 

6. Publikujte zmeny a máte HOTOVO.

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

Pár slov na záver

 

Ďakujem Vám za odber k môjmu newslettru.

Výborne – práve ste si nastavili na Vašom webe vo Webnode svoj vlastný štýl písma. Nebolo to až také ťažké, však?

Napíšte mi prosím do komentáru, či sa Vám to podarilo.

Nezabudnite tiež prosím odoberať môj YT kanál “William Promotions”, aby Vám už nikdy v živote neunikol takýto skvelý návod!

Držím Vám palce s Vašim webom a online podnikaním.

Ďalšie skvelé návody

Webnode Recenzia

Webnode Recenzia

Vitajte. Naša Webnode recenzia Vám ponúkne ucelený pohľad na editor, tzv. program na vytváranie webových stránok, od spoločnosti Webnode. Tvorba webu zdarma vs. prémiové služby. Výhody a nevýhody tohto online nástroja. Skúsenosti s Webnode. To všetko a ešte oveľa...

Pomohol ti tento návod? Pošli ho priateľom 🙂

Viliam
Follow me