Kuinka lisään Webnode-sivuille kielen vaihtamisen sivun yläosaan?

Wpromotions.eu VINKKI:

 

Lisäpaanelin lisääminen WEBNODE-verkkosivustolle (yhteystiedot ja sosiaaliset kuvakkeet)

Haluatko vaihtaa Webnode-sivuilla kielten vaihdon sijainnin?

Tämä opas kertoo, kuinka toimii Webnode-sivujen monikielinen versio.

Opas näyttää myös, kuinka lisäät sivun yläosaan kielten lipukkeet vaihtaaksesi kieliversion.

#Kuinka toimivat monikieliset sivut Webnodella?

Aktiivisen Premium Standard tai Profi paketin avulla voit sivuillasi aktivoida toiminnon, joka mahdollistaa sivujen uuden kieliversion luomista.

Näytä hinnastoa (Webnode).

Standard paketin kanssa voit näyttää sivut 2 kielessä. Profi paketin kanssa voit luoda rajattoman määrän sivujen kieliversioita.

Huom.: Webnode mahdollistaa palvelun hankkimisen jälkeen kieliversion luomista. Tämä ei kuitenkaan tarkoita sitä, että Webnode myös kääntää sivut puolestasi!!! Sinun tulee itse kääntää sisältö!!!

#Olen aktivoinut monikieliset sivut, mutta sivut tulevat näkyviin eri kielessä…

Sivut tulevat näkyviin kielessä, joka on asetettu vierailijan selaimessa. Jos englantilainen vierailee sivuillasi ja hänellä on selaimessa asetettu englanti – hän näkee sivut englanniksi (jos sinulla on olemassa englanninkielinen versio).

Kun sinä avaat sivut ja selaimessasi on asetettu esim. suomi – näet sivut suomeksi (jos sinulla on sivujen suomenkielinen versio).

Kielen vaihtaminen ei ole siis tarpeen, koska kieli valitaan automaattisesti sen mukaan, mikä kieli on asetettu kyseisen vierailijan selaimen asetuksissa.

Ensisijainen kieli tulee valita sen takia, että järjestelmä valitsisi oikean kielen, jos sinulla ei ole jonkun maan kieliversiota. Jos sinulla on asetuksissa (Asetukset – Kielet) määritelty ensisijaiseksi kieleksi englannin, jos sivusi vierailee esim. saksalainen – hän näkee sivusi englanninkielistä versiota.

#Kuinka vaihdan kielen vaihtamisen sijainnin Webnodella (lipukkeiden avulla)

#Aloitetaan

1. Jos sinulla on sivut 2 kielessä (suomi ja ruotsi), käytäthän tätä koodia:

2. Lisää koodi osioon ”Asetukset” – ”Kotisivun asetukset” – ”Kotisivun ylätunnisteen koodi” ja klikkaa Tallenna.

3. Julkaise muutokset ja olet valmis – näet lipukkeet sivujen julkaistussa versiossa (yläoikealla).

VINKKI: Lipukkeet eivät vältämättä näy oikein kaikilla puhelimilla/tableteilla. Käytä sen takia tämä koodi, joka näyttää lipukkeet puhelimella vasta klikkattua ”Valikkoa”.

Lisää koodi jokaisen sivun alatunnisteeseen.

1 2 3 4 5 6 7 8 9 10 11

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <script> 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>

Jos sinulla on sivut suomeksi ja amerikanenglanniksi, käytäthän tätä koodia:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33

<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;             }             @media screen and (max-width: 767px) {.flags {left: 165px;}}         </style>              <div class="flags">             <ul>                 <li>                     <a href="/home/">                         <img src="https://www.wpromotions.eu/wp-content/uploads/2021/01/fi-wpromotions.png" alt="FI">                     </a>                 </li>                 <li>                     <a href="/en/">                         <img src="https://www.wpromotions.eu/wp-content/uploads/2021/01/en-wpromotions.png" alt="EN">                     </a>                 </li>             </ul>         </div>

Lisää mahtavia oppaita