Potrebujete na webových stránkach vo Webnode zmeniť pozíciu pre prepínanie jazykov?

V tomto návode sa dozviete ako funguje viac-jazyčná verzia webu u Webnode.

Ukážeme si tiež, akým spôsobom je možné pridať do hornej časti webu vlajočky pre prepínanie medzi jazykovými verziami webu.

#Ako funguje viacjazyčný web vo Webnode?

S aktívnym Prémiovým balíčkom Standard alebo Profi si môžete u Vášho webu aktivovať funkciu, ktorá Vám umožní vytvoriť novú jazykovú verziu webu.

Zobraziť cenník služieb (Webnode).

S balíčkom Standard môžete web zobrazovať v 2 jazykoch. S balíčkom Profi môžete vytvoriť neobmedzený počet jazykových mutácii webu.

Poznámka: Webnode Vám umožní vytvoriť jazykovú verziu po zakúpení služieb. Neznamená to, že to Webnode za Vás aj preloží!!! Preložiť si to musíte sami!!!

#Aktivoval som si viacjazyčný web, ale stránka sa zobrazuje v inom jazyku…

Vaša webstránka sa zobrazí v jazyku, v akom je nastavený aj prehliadač daného návštevníka. Ak Vašu stránku navštívi Angličan a jeho prehliadač bude mať v angličtine – zobrazí sa mu Vaša stránka v angličtine (ak máte anglickú verziu webu).

Keď webstránku otvorite Vy, a Váš prehliadač je nastavený napr. v češtine – zobrazia sa Vám tak stránky v češtine. (ak máte českú verziu webu)

Prepínanie jazykov nie je až tak potrebné, pretože jazyk sa zvolí automaticky podľa tohto, aký jazyk je nastavený v nastaveniach prehliadača daného návštevníka.

Primárny jazyk určujete preto, aby v prípade, že nemáte jazykový preklad pre nejakú krajinu – systém zvolil správny jazyk. Ak máte v sekcii (Nastavenia – Jazyky) nastavený primárny jazyk angličtinu, tak v prípade, že Vašu stránku navštívi napr. Nemec – zobrazí sa mu anglická verzia Vášho webu.

#Návod na zmenu pozície pre prepínanie jazykov u Webnode (cez vlajky)

#Poďme nato

1. Ak máte webové stránky v 2 jazykoch (čeština a UK angličtina), použite, prosím tento kód:

<style>

.flags {

position: absolute;

top: 10px;

right: 5px;

z-index: 99;

}

.flags ul {

margin: 0;

padding-left: 0;

}

.flags ul li {

margin-left: 5px;

list-style-type: none;

display: inline-block;

}

@media screen and (max-width: 767px) {.flags {left: 165px;}}

</style>

<ul>

<li>

</a>

</li>

<li>

</a>

</li>

</ul>

</div>

2. Kód vložte do sekcie “Nastavenia” – “Nastavenia webu” – “HTML kód do hlavičky všetkých stránok” a kliknite na Uložiť.

3. Zmeny PUBLIKUJTE a máte hotovo – vlajočky uvidíte v publikovanej verzii webu (vpravo hore).

Pozrite si online ukážku prepínaču jazykov v hornej časti webu (cez vlajočky)

Ak máte web v slovenčine a US angličtine, použite, prosím, tento kód:

<style>

.flags {

position: absolute;

top: 10px;

right: 5px;

z-index: 99;

}

.flags ul {

margin: 0;

padding-left: 0;

}

.flags ul li {

margin-left: 5px;

list-style-type: none;

display: inline-block;

}

@media screen and (max-width: 767px) {.flags {left: 165px;}}

</style>

<ul>

<li>

</a>

</li>

<li>

</a>

</li>

</ul>

</div>

Ak máte web v slovenčine a UK angličtine , použite, prosím, tento kód:

<style>

.flags {

position: absolute;

top: 10px;

right: 5px;

z-index: 99;

}

.flags ul {

margin: 0;

padding-left: 0;

}

.flags ul li {

margin-left: 5px;

list-style-type: none;

display: inline-block;

}

@media screen and (max-width: 767px) {.flags {left: 165px;}}

</style>

<ul>

<li>

</a>

</li>

<li>

</a>

</li>

</ul>

</div>

Ak máte web v češtine a US angličtine , použite, prosím, tento kód:

<style>

.flags {

position: absolute;

top: 10px;

right: 5px;

z-index: 99;

}

.flags ul {

margin: 0;

padding-left: 0;

}

.flags ul li {

margin-left: 5px;

list-style-type: none;

display: inline-block;

}

@media screen and (max-width: 767px) {.flags {left: 165px;}}

</style>

<ul>

<li>

</a>

</li>

<li>

</a>

</li>

</ul>

</div>

Ak máte web v češtine a nemčine , použite, prosím, tento kód:

<style>

.flags {

position: absolute;

top: 10px;

right: 5px;

z-index: 99;

}

.flags ul {

margin: 0;

padding-left: 0;

}

.flags ul li {

margin-left: 5px;

list-style-type: none;

display: inline-block;

}

@media screen and (max-width: 767px) {.flags {left: 165px;}}

</style>

<ul>

<li>

</a>

</li>

<li>

</a>

</li>

</ul>

</div>

Ak máte web v slovenčine a nemčine , použite, prosím, tento kód:

<style>

.flags {

position: absolute;

top: 10px;

right: 5px;

z-index: 99;

}

.flags ul {

margin: 0;

padding-left: 0;

}

.flags ul li {

margin-left: 5px;

list-style-type: none;

display: inline-block;

}

@media screen and (max-width: 767px) {.flags {left: 165px;}}

</style>

<ul>

<li>

</a>

</li>

<li>

</a>

</li>

</ul>

</div>

Ak máte web v slovenčine a maďarčine , použite, prosím, tento kód:

<style>

.flags {

position: absolute;

top: 10px;

right: 5px;

z-index: 99;

}

.flags ul {

margin: 0;

padding-left: 0;

}

.flags ul li {

margin-left: 5px;

list-style-type: none;

display: inline-block;

}

@media screen and (max-width: 767px) {.flags {left: 165px;}}

</style>

<ul>

<li>

</a>

</li>

<li>

</a>

</li>

</ul>

</div>

Ak máte web v slovenčine, nemčine a holandčtine, použite tento kód:

<style>

.flags {

position: absolute;

top: 10px;

right: 35px;

z-index: 99;

}

.flags ul {

margin: 0;

padding-left: 0;

}

.flags ul li {

margin-left: 5px;

list-style-type: none;

display: inline-block;

}

</style>

<ul>

<li>

</a>

</li>

<li>

</a>

</li>

<li>

</a>

</li>

</ul>

</div>

TIP PRE VLAJKY V MOBILNEJ VERZII:

V niektorých šablónach sa kód nemusí zobraziť dobre na mobiloch. Ak by sa Vám vlajky nezobrazovali správne, tak vložte nižšie uvedený kód do pätičky všetkých stránok.

if ($(window).width() < 767) {

let div = document.createElement("div");

div.setAttribute("style", "text-align:right;height:32px;");

let flags = document.querySelector(".flags");

div.appendChild(flags);

document.querySelector("#menu").prepend(div);

}

</script>

Ďalšie skvelé návody

Webnode Recenzia 2021 – Ako si vytvoriť web stránku jednoducho a zdarma +SEO TIPY

Chceli ste si niekedy vytvoriť vlastnú webovú stránku úplne od začiatku? Chcete si vytvoriť webstránku alebo e-shop a zviditeľniť sa na Internete? Začnite práve teraz a naučte sa ako si jednoducho vytvoríte svoj prvý vlastný web. Tvorba webu s Webnode je...

Webnode hlási: Počet nových e-shopov na Slovensku počas roku 2020 narástol v tisíckach

V roku 2020 na Slovensku pribudli tisícky nových e-shopov vytvorených cez WebnodePosledný rok všetkým dokázal, že fungovanie v online svete je v dnešnej dobe už viac než nevyhnutné. Či už podnikáte lokálne, alebo na globálnom trhu, tak je nesmierne dôležité, či máte...

Aký bol rok 2020 v spoločnosti Webnode.sk?

Webnode hlási viac než 50 000 hodín odpracovaných v roku 2020V minulosti bolo k založeniu vlastnej internetovej stránky nutné ovládať aspoň základné technické znalosti či pomoc programátora. A práve tento fakt mnoho ľudí od tvorby vlastného webu odradil. ...

Ako si na web pridať špeciálnu animáciu pre porovnanie 2 fotiek (pred a po)?

Chceli ste si niekedy vylepšiť Váš web vo Webnode, aby Vám ho mohli všetci závidieť?Na mojich potulkách po Internete som objavil český nástroj Fotopredapo.cz, ktorý nám umožní jednoducho vytvoriť animáciu 2 fotiek - pred a po. Tento nástroj je vhodný napr. pre...

Ako premenovať tlačítko “Do košíku” vo Webnode e-shope?

Chceli by ste vo Webnode e-shope premenovať tlačítko "Do košíku"?V návode "Ako premenovať “Košík” v menu vo WEBNODE e-shope?" som Vám ukázal, ako sa môžete odlíšiť od konkurencie, a premenovať si Košík v Menu. Poďme sa teraz spoločne pozrieť na Vaše ďalšie možnosti....

Ako zmeniť štýl písma (font) vo Webnode?

VideonávodChceli by ste si zmeniť štýl písma vo Webnode na svoj vlastný? Pár slov na úvodNá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...

Ako na web vo Webnode pridať ikonky soc. sietí do DOLNEJ časti webu?

Chceli by ste si pridať ikonky soc. sietí napr. Facebook, Instagram do DOLNEJ časti Vášho WEBNODE webu?O prepojení Vášho WEBNODE webu so soc. sieťami som už napísal pár návodov: Ako prepojiť Facebook s webom? Ako prepojiť www stránky so sociálnou sieťou...

Ako na web vo Webnode pridať užívateľské recenzie z Firmy.cz?

Recenzie na web z katalógu firiem Firmy.cz Hľadáte widget užívateľské recenzie na web?V návode Ako pridať www stránku do katalógu firiem Firmy.cz od Seznam? som Vás naučil ako si Vašu firmu zaregistrujete do najznámejšieho českého katalógu firiem - Firmy.cz...

Ako na web vo Webnode pridať animáciu padajúceho snehu? Padajúci sneh html kód

Chceli by ste vylepšiť Váš web vo Webnode animáciou padajúceho snehu? Žiadny problém! V tomto návode si ukážeme, ako na Váš web pridáte padajúci online sneh. Jednoducho a zdarma. Čítajte ďalej! #Poďme nato! 1. Prihláste sa do editácie webu vo Webnode, a vložte nižšie...

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

Vytvorte si vlastný web alebo e-shop

O plugine
Najnovšie príspevky

Follow me

Viliam

CEO vo Webgrow s.r.o.

Baví ma Internet a zvlášť redakčné systémy ako Webnode alebo WordPress s Divi šablónou. Vytvoril som pre Vás portál Wpromotions.eu, aby som Vám pomohol s tvorbou Vašej webovej stránky alebo e-shopu. V prípade potreby ma neváhajte kontaktovať, rád Vám poradím.

Follow me

Najnovšie články od Viliam (zobraziť všetky)

8 komentárov

Adámo 22.5.2019 o 20:32

Ahoj,
je možné touto úpravou změnit například nastavení nadpisu h3 nebo baru textuy navigačního menu? např.: při změně zadat do hlavičky pro nadpis3 červenou barvu? :

h3{
color: red;
}

bude to fungovat? Nebo je nadřazenější odkaz na rel=”stylesheet” ?
dík
Adámo
Odpoveda
- Viliam 23.5.2019 o 16:01
  
  Zdravím,
  
  Fonty písma napr. nadpisov alebo farby položiek v Menu si ťahá systém z nadradenejšieho odkazu tj. “stylesheet” (style.css) a ten nemáš možnosť upraviť (nemáš prístup ku FTP serveru)
  
  Ak chceš napr. upraviť farbu niektorého z nadpisov tak postup je nasledovný:
  
  Každá šablóna vo Webnode má iné názvy prvkov (elementov) a preto si najprv musíš nájsť názov daného elementu v šablóne (cez prehliadač v inspectore) a následne si pripraviť kód pre úpravu CSS kódu.
  
  Vytvoril som pre Teba krátke video ako editujem farbu nadpisu na tomto webe: http://bit.ly/2VX009P
  Video si môžeš prezrieť na tomto odkaze: bit.ly/navod-zmena-farby-webnode
  
  S pozdravom
  Viliam
  Odpoveda
Jana 17.3.2020 o 22:17

Dobrý den, mám web v angličtině a druhý jazyk francouzština, a chtěla bych dle Vašeho návodu přidat vlaječku nahoře. Mužete mi prosím napsat jaký kód použít?
Děkuji,
Jana
Odpoveda
- Viliam 21.3.2020 o 21:36
  
  Dobrý deň,
  
  ďakujem za záujem. Vytvoril som pre Vás kód, kde je čeština a francúština
  
  Kód na vlajky nájdete v tomto návode: https://www.wpromotions.eu/cs/jak-na-web-ve-webnode-pridat-prepinani-jazyku-do-horni-casti-webu/
  
  S pozdravom
  Viliam
  Odpoveda
Martin 27.8.2020 o 22:00

Dobrý deň,

mám web v jazykoch slovenčina, nemčina, holandština, čoskoro pribudne aj angličtina. Ako prosím postupovať a umiestniť vlajočky všetkých jazykov? Ďakujem.
Odpoveda
- Viliam 12.9.2020 o 14:43
  
  Dobrý deň,
  
  ďakujem za Váš e-mail.
  
  Pripravil som pre Vás kód pre pridanie vlajočiek pre SVK, DE, NL verziu webu. Kód nájdete tu.
  Odporučím pridať aj kód “TIP PRE VLAJKY V MOBILNEJ VERZII” do pätičky všetkých stránok. Vlajky sa budú na mobile zobrazovať až po kliknutí na Menu.
  
  S pozdravom
  Viliam
  Odpoveda
Katka 26.1.2021 o 15:58

Dobrý den, potřebovala bych přidat vlaječky na přepínání jazyků
ČEŠTINA, ANGLIČTINA, NĚMČINA, FRANCOUŠTINA,HOLANDŠTINA, MAĎARŠTINA, RUŠTINA i pro mobilní verzi.

Moc děkuji
Katka
Odpoveda
- Viliam 3.2.2021 o 19:17
  
  Dobrý deň,
  
  ďakujem za komentár.
  
  Som rád, že ste otázku položili aj v mojej Free poradny.
  
  Ďakujem za spoluprácu a prajem krásny deň.
  Odpoveda