Ako na web vo Webnode pridať prepínanie jazykov do hornej časti webu?

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>
    
        <div class="flags">
            <ul>
                <li>
                    <a href="/">
                        <img src="https://www.wpromotions.eu/wp-content/uploads/2018/12/Czech-Republic.png" alt=CZ">
                    </a>
                </li>
                <li>
                    <a href="/en/">
                        <img src="https://www.wpromotions.eu/wp-content/uploads/2018/12/United-KingdomGreat-Britain.png" alt="Facebook">
                    </a>
                </li>
            </ul>
        </div>

<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>
    
        <div class="flags">
            <ul>
                <li>
                    <a href="/">
                        <img src="https://www.wpromotions.eu/wp-content/uploads/2018/12/SVK-vlajka.png" alt=SVK">
                    </a>
                </li>
                <li>
                    <a href="/en/">
                        <img src="https://www.wpromotions.eu/wp-content/uploads/2018/12/americky-flag.png" alt="USA">
                    </a>
                </li>
            </ul>
        </div>

<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>
    
        <div class="flags">
            <ul>
                <li>
                    <a href="/">
                        <img src="https://www.wpromotions.eu/wp-content/uploads/2018/12/SVK-vlajka.png" alt=SVK">
                    </a>
                </li>
                <li>
                    <a href="/en/">
                        <img src="https://www.wpromotions.eu/wp-content/uploads/2018/12/United-KingdomGreat-Britain.png" alt="GB">
                    </a>
                </li>
            </ul>
        </div>

<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>
    
        <div class="flags">
            <ul>
                <li>
                    <a href="/">
                        <img src="https://www.wpromotions.eu/wp-content/uploads/2018/12/Czech-Republic.png" alt=CZ">
                    </a>
                </li>
                <li>
                    <a href="/en/">
                        <img src="https://www.wpromotions.eu/wp-content/uploads/2018/12/americky-flag.png" alt="USA">
                    </a>
                </li>
            </ul>
        </div>

<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>
    
        <div class="flags">
            <ul>
                <li>
                    <a href="/">
                        <img src="https://www.wpromotions.eu/wp-content/uploads/2018/12/Czech-Republic.png" alt=CZ">
                    </a>
                </li>
                <li>
                    <a href="/de/">
                        <img src="https://www.wpromotions.eu/wp-content/uploads/2018/12/DE.png" alt="DE">
                    </a>
                </li>
            </ul>
        </div>

<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>
    
        <div class="flags">
            <ul>
                <li>
                    <a href="/">
                        <img src="https://www.wpromotions.eu/wp-content/uploads/2018/12/SVK-vlajka.png" alt=CZ">
                    </a>
                </li>
                <li>
                    <a href="/de/">
                        <img src="https://www.wpromotions.eu/wp-content/uploads/2018/12/DE.png" alt="DE">
                    </a>
                </li>
            </ul>
        </div>

<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>
    
        <div class="flags">
            <ul>
                <li>
                    <a href="/">
                        <img src="https://www.wpromotions.eu/wp-content/uploads/2018/12/SVK-vlajka.png" alt=SVK">
                    </a>
                </li>
                <li>
                    <a href="/hu/">
                        <img src="https://www.wpromotions.eu/wp-content/uploads/2019/01/hu-flag.png" alt="HU">
                    </a>
                </li>
            </ul>
        </div>

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

Ďalšie návody

Ako nastaviť poštového klienta Gmail s emailom od Webnode?

Chcete prepojiť svoj e-mail u Webnode s Gmail.com a nastaviť Gmail ako poštového klienta? Príjem správ z Webnode do Gmail. V návode Ako Vytvoriť Profesionálny E-mailový Podpis? Jednoducho a ZDARMA som Vám ukázal veľmi jednoduchý spôsob ako si vytvoriť emailový...

Ako sledovať aktivitu návštevníkov Vášho webu pomocou SmartLook?

Chcete pochopiť správanie Vášho klienta na webe? Služba SmartLook Vám s tým určite pomôže. Čo je to "Smartlook" ? Smartlook je online aplikácia pre nahrávanie pohybu myši návštevníkov Vášho webu/eshopu, Pomôže Vám odhaliť chyby na Vašom webe. Použitie...

Ako si vytvoriť mapu s vlastnými bodmi (špendlíky na mape)?

Chcete na web vo Webnode pridať mapu s vlastnými bodmi? V návode Ako správne nastaviť Google Mapu vo Webnode? som Vám ukázal ako vložiť mapu z klasickej adresy v Google My maps. V tomto návode si ukážeme postup pre vytvorenie vlastnej mapy s neobmezedným počtom...

Ako Vytvoriť Profesionálny E-mailový Podpis? Jednoducho a ZDARMA

Hľadáte spôsob ako si vytvoriť emailový podpis? (Gmail, Webmail, Outlook apod) Emailový podpis je nevyhnuteľnou súčasťou modernej komunikácie medzi zákazníkom a podnikateľom. Firemný email zvýši dôveryhodnosť v očiach Vášho potencionálneho klienta. Vytvorte si preto...

Ako pridať www stránku do katalógu firiem Firmy.cz od Seznam?

Návod na registráciu do katalógu firiem Firmy.cz *Služba je zdarma. V návode Ako pridať www stránku do katalógu firiem Moja Firma od Google? sme si ukázali ako Vašu firmu zaregistrujete do svetovo najznámejšieho a najväčšieho katalógu Firiem od Google. Poďme...

Ako pridať ikony soc. sietí (FB a Instagram) do hornej časti na webe vo Webnode?

Hľadáte spôsob ako na webové stránky u Webnode vložíte ikonky soc. sietí do hornej časti webu? V návodoch Ako prepojiť web s Facebook? a Ako prepojiť www stránky so sociálnou sieťou Instagram? sme si ukázali ako Váš web môžete rôznymi spôsobmi prepojiť so soc....

O plugine
Najnovšie príspevky

Viliam

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

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

Ako nastaviť poštového klienta Gmail s emailom od Webnode? - 10.2.2019
Ako sledovať aktivitu návštevníkov Vášho webu pomocou SmartLook? - 2.2.2019
Ako si vytvoriť mapu s vlastnými bodmi (špendlíky na mape)? - 2.2.2019

Ako na web vo Webnode pridať prepínanie jazykov do hornej časti webu?

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

#Ako funguje viacjazyčný web vo Webnode?

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

Ďalšie návody

Ako nastaviť poštového klienta Gmail s emailom od Webnode?

Ako sledovať aktivitu návštevníkov Vášho webu pomocou SmartLook?

Ako si vytvoriť mapu s vlastnými bodmi (špendlíky na mape)?

Ako Vytvoriť Profesionálny E-mailový Podpis? Jednoducho a ZDARMA

Ako pridať www stránku do katalógu firiem Firmy.cz od Seznam?

Ako pridať ikony soc. sietí (FB a Instagram) do hornej časti na webe vo Webnode?

Viliam

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

Prihláste sa k odberu noviniek zo sveta webových stránok - William promotions

Ďakujem ti za prihlásenie. Ozvem sa čoskoro s novým návodom :)

Odoslať komentár Zrušiť odpoveď

Vytvorte si web zdarma

Kategórie

Najnovšie články

Najnovšie komentáre

Sponzorované odkazy

Domény za výhodnú cenu:

Vytvorte si web alebo e-shop

Anketa

Návštevnosť webu

Kúpte mi kávu ☕

Pár slov od autora

Prihláste sa k odberu noviniek zo sveta webových stránok - William Promotions

Ďakujem ti za prihlásenie. Ozvem sa čoskoro s novým návodom :)

Ako na web vo Webnode pridať prepínanie jazykov do hornej časti webu?

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

#Ako funguje viacjazyčný web vo Webnode?

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

Ďalšie návody

Ako nastaviť poštového klienta Gmail s emailom od Webnode?

Ako sledovať aktivitu návštevníkov Vášho webu pomocou SmartLook?

Ako si vytvoriť mapu s vlastnými bodmi (špendlíky na mape)?

Ako Vytvoriť Profesionálny E-mailový Podpis? Jednoducho a ZDARMA

Ako pridať www stránku do katalógu firiem Firmy.cz od Seznam?

Ako pridať ikony soc. sietí (FB a Instagram) do hornej časti na webe vo Webnode?

Viliam

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

Prihláste sa k odberu noviniek zo sveta webových stránok - William promotions

Ďakujem ti za prihlásenie. Ozvem sa čoskoro s novým návodom :)

Odoslať komentár Zrušiť odpoveď

Vytvorte si web zdarma

Kategórie

Najnovšie články

Najnovšie komentáre

Sponzorované odkazy

Domény za výhodnú cenu:

Vytvorte si web alebo e-shop

Anketa

Návštevnosť webu

Kúpte mi kávu ☕

Pár slov od autora

Prihláste sa k odberu noviniek zo sveta webových stránok - William Promotions

Ďakujem ti za prihlásenie. Ozvem sa čoskoro s novým návodom :)

Odoslať komentár Zrušiť odpoveď