🎁Wpromotions.eu TIP:

Věděli jste, že Webnode v roce 2021 spustil své vlastní vlaječky pro přepínání jazyků?

Viz. návod: Jak si na web ve Webnodě přidat horní lištu s kontaktními informacemi a ikonami soc. sítí?

Potřebujete na webových stránkách ve Webnode změnit pozici pro přepínání jazyků?

V tomto návodu se dozvíte jak funguje více-jazyčná verze webu u Webnode.

Ukážeme si také, jakým způsobem je možné přidat do horní části webu vlaječky pro přepínání mezi jazykovými verzemi webu.

#Jak funguje vícejazyčný web ve Webnode?

S aktivním Prémiovým balíčkem Standard nebo Profi si můžete u Vašeho webu aktivovat funkci, která Vám umožní vytvořit novou jazykovou verzi webu. Zobrazit ceník služeb (Webnode).

S balíčkem Standard můžete web zobrazovat v 2 jazycích. S balíčkem Profi můžete vytvořit neomezený počet jazykových mutaci webu.

Poznámka: Webnode Vám umožní vytvořit jazykovou verzi po zakoupení služeb. Neznamená to, že to Webnode za Vás i přeloží !!! Přeložit si to musíte sami !!!

#Aktivoval jsem si vícejazyčný web, ale stránka se zobrazuje v jiném jazyce …

Vaše webstránka se zobrazí v jazyce, v jakém je nastaven i prohlížeč daného návštěvníka. Pokud Vaši stránku navštíví Angličan a jeho prohlížeč bude mít v angličtině – zobrazí se mu Vaše stránka v angličtině (pokud máte anglickou verzi webu).

Když web otevřete Vy, a Váš prohlížeč je nastaven např. v češtině – zobrazí se Vám tak stránky v češtině. (Pokud máte českou verzi webu)

Přepínání jazyků tak není vůbec nutné, protože jazyk se zvolí automaticky podle tohoto, jaký jazyk je nastaven v nastavení prohlížeče daného návštěvníka.

Primární jazyk určujete proto, aby v případě, že nemáte jazykový překlad pro nějakou zemi – systém zvolil správný jazyk. Pokud máte v sekci (Nastavení – Jazyky) nastaven primární jazyk angličtinu, tak v případě, že vaši stránku navštíví např. Němec – zobrazí se mu anglická verze Vašeho webu.

#Návod na změnu pozice pro přepínání jazyků u Webnode (přes vlajky)

#Pojďme nato

1. Pokud máte webové stránky v 2 jazycích (čeština a UK angličtina), použijte 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 sekce “Nastavení” – “Nastavení webu” – “HTML kód do hlavičky všech stránek” a klikněte na Uložit.

3. Změny Publikujte a máte hotovo – vlaječky uvidíte v publikované verzi webu (vpravo nahoře).

TIP: Vlajky se na mobilech/tabletech nemusí zobrazovat v každé šabloně správně. Použijte proto tento kód, který vlajky na mobilu zobrazí až po kliknutí na “Menu”.

Kód vložte do patičky všech stránek.

1
2
3
4
5
6
7
8
9

<script>
if (window.innerWidth < 767) {
    var div = document.createElement("div");
    div.setAttribute("style", "text-align:right;height:32px;");
    var flags = document.querySelector(".flags");
    div.appendChild(flags);
    document.querySelector("#menu").prepend(div);
}
</script>

Viz online ukázku přepínaču jazyků v horní části webu (přes vlaječky)

Pokud máte web v slovenčine a US angličtine, použijte 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>

Pokud máte web v slovenčine a UK angličtine , použijte, 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>

Pokud máte web v češtine a US angličtine , použijte, 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>

Pokud máte web v češtine a nemčine , použijte, 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>

Pokud máte web v češtine a francúžštine , použijte, 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>

Pokud máte web v slovenčine a nemčine , použijte, 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>

Pokud máte web v 3 jazykoch (čeština, angličtina a poľština), tak 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>

Pokud máte web v 3 jazykoch (CZ,SK,EN) 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>

Pokud máte web v 4 jazykoch (CZ,EN,DE,PL) tak 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>

<li>

</a>

</li>

</ul>

</div>

Pokud máte web s češtinou a ruštinou, použijte 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>

TIP: Vložte si na web online chat pro rychlejší komunikaci s návštěvníky Vašeho webu. Doporučuji službu, která je zdarma – Smartsupp

Další návody

Webnode Recenze 2023: Jak si vytvořit web stránku jednoduše a zdarma

Chtěli jste si někdy vytvořit vlastní webovou stránku úplně od začátku? Chcete si vytvořit web nebo e-shop a zviditelnit se na Internetu? Začněte právě teď a naučte se jak si jednoduše vytvoříte svůj první vlastní web.Vytvoření webu s Webnode je jednoduché - zvládne...

On-page SEO nastavení

On-page SEO nastaveníPár slov na začátekVítejte v desáté, předposlední části našeho seriálu Tvorba webových stránek - kompletní návod. V této části naleznete krátké a stručné shrnutí, co je to SEO. Zaměříme se na on-page SEO nastavení a ukážeme si, jak to vše nastavit...

Nastavení webových stránek

Nastavení webových stránekPár slov na začátekVítejte v deváté části našeho seriálu Tvorba webových stránek – kompletní návod. Pomalu, ale jistě se blížíme ke konci. V této části se dočtete vše o nastaveních webových stránek vytvořených ve Webnodu. Jak zakoupit doménu?...

Jak přidat článek na web?

Jak přidat článek na web?Pár slov na začátekVítejte v osmé části našeho seriálu Tvorba webových stránek – kompletní návod. V této části se zaměříme na články. Přidat nový článek, přejmenovat stávající článek, přidat k článku kategorii či vložit na webové stránky výpis...

Jak přidat obsahový blok na web?

Jak přidat obsahový blok na web?Pár slov na začátekVítejte v sedmé části našeho seriálu Tvorba webových stránek – kompletní návod. V této části se dočtete vše o práci s obsahem. Jak přidat obsah? Jak přesunout obsahový blok? Projdeme si spolu všechny obsahové bloky,...

Jak přidat sekci na web?

Jak přidat sekci na web?Pár slov na začátekVítejte v další, šesté části našeho seriálu Tvorba webových stránek – kompletní návod. Tato část je zaměřena na práci se sekcemi/funkcemi. Jak přidat sekci? Jak změnit pozadí? Projdeme si všechny funkce, které Webnode editor...

Jak upravit hlavičku a patičku webu?

Jak upravit hlavičku a patičku webu?Pár slov na začátekVítejte v páté části našeho seriálu Tvorba webových stránek – kompletní návod. V této části, která je obsahově prozatím nejobšírnější, si povíme jak upravit hlavičku a patičku webu. Jak nastavit menu na webových...

Jak přidat a formátovat text na webu?

Jak přidat a formátovat text na webu?Pár slov na začátekVítejte ve čtvrté části našeho seriálu Tvorba webových stránek - kompletní návod. V této části si ukážeme, jak přidat text, vysvětlíme si formátování či jak změnit kategorii textu. Podělíme se s vámi o...

Jak přidat obrázek na web?

Jak přidat obrázek na web?Pár slov na začátekV minulém díle jsme si ukázali vše o správě stránek a posouváme se dál. Vítejte ve tretí části našeho seriálu Tvorba webových stránek – kompletní návod, se kterým je tvorba webu hračkou pro každého. V této části se zaměříme...

Jak přidat novou stránku na web?

Jak přidat novou stránku na web? Pár slov na začátekVítejte ve druhé části našeho seriálu Tvorba webových stránek – kompletní návod. V této části se zaměříme na stránky. Přidat novou stránku, přejmenovat stávající stránku či zkopírovat stránku na Vašem webu...

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

Vytvořit web zdarma

About
Latest Posts

Follow me

Viliam

CEO at Webgrow s.r.o.

Baví mě Internet a zvlášť redakční systémy jako Webnode nebo WordPress s Divi šablónou. Vytvořil jsem pro Vás portál Wpromotions.eu, abych Vám pomohl s tvorbou Vaší webové stránky nebo e-shopu. V případě potřeby mě neváhejte kontaktovat, rád Vám poradím.

Follow me

2 Komentáře(ů)

vlajky vo webnode eshop2 na 14.11.2019 v 11:21

Dobrý deň Viliam, ďakujem za Vašu snahu pomôcť s Webnode. Rada by som si pridala vlajky na svoj web, používam nový eshop2 a myslím, že kódy, ktoré tu uvádzate sú písane ešte pre staršiu verziu, nakoľko sa vlajky nedostávajú na miesto, kde ich očakávam, ale sú utopené pod menu a vľavo. Nechám ich nesprávne na svojom webe, aby ste to mohli pozrieť. Ďakujem vopred za pomoc.
S pozdravom, Martina
Odpovìdìt
- Viliam na 27.11.2019 v 10:18
  
  Dobrý deň, Martina,
  
  ďakujem za Váš komentár.
  
  Vlajky pre prepínanie jazykových mutácií sú prispôsobené pre nový editor Webnode. Starý editor túto funkciu obsahoval.
  Ukázalo sa, že ste len neskopírovali celý kód a preto Vám vlajky nefungovali správne.
  
  S pozdravom
  Viliam
  Odpovìdìt

Vložit komentář Zrušit odpověď na komentář

Tato stránka používá Akismet k omezení spamu. Podívejte se, jak vaše data z komentářů zpracováváme..

Jak na web ve Webnode přidat přepínání jazyků do horní části webu?

Potřebujete na webových stránkách ve Webnode změnit pozici pro přepínání jazyků?

Přepínání jazyků tak není vůbec nutné, protože jazyk se zvolí automaticky podle tohoto, jaký jazyk je nastaven v nastavení prohlížeče daného návštěvníka.

Další návody

Webnode Recenze 2023: Jak si vytvořit web stránku jednoduše a zdarma

On-page SEO nastavení

Nastavení webových stránek

Jak přidat článek na web?

Jak přidat obsahový blok na web?

Jak přidat sekci na web?

Jak upravit hlavičku a patičku webu?

Jak přidat a formátovat text na webu?

Jak přidat obrázek na web?

Jak přidat novou stránku na web?

2 Komentáře(ů)

Vložit komentář Zrušit odpověď na komentář

Sledujte Wpromotions

Rubriky

Nejnovější články

Vytvořte si PROFI e-shop již TEĎ