Kielenvaihtaja on käyttäjän silta lokalisoituun infrastruktuuriisi. MultiLipi tukee kahta erillistä injektiomenetelmää tasapainottaakseen käyttöönoton helppoutta ja suunnittelun eheyttä. Voit ottaa sen käyttöön pysyvänä kelluvana ylityksenä (paras nopeaan julkaisuun) tai syvästi integroituna sulautettuna elementtinä (paras mukautettuun suunnitteluun).
Tämä opas kuvaa navigointivaiheet ja tekniset erot molempien strategioiden välillä.
1. Konfigurointiprotokolla (Navigointi)
Käyttöliittymäohjaimien käyttäminen.
Määrittääksesi sijoitusstrategian, seuraa tätä polkua komentokeskuksessasi:
Vaihe 1: Käyttökeskukseen kirjautuminen
Kirjaudu sisään MultiLipi-tilillesi päästäksesi Kotinäkymään.
Vaihe 2: Valitse projekti
Napsauta haluamasi verkkosivuston projektiruutua.
Vaihe 3: Käyttöasetukset
Napsauta vasemmanpuoleisessa sivupalkissa Asetukset.
Vaihe 4: Paikanna moduuli
Valitse alivalikosta tai aseteluettelosta Kielenvaihtaja.
Toiminto:
Tässä näet vaihtoehdon vaihtaa kelluvan ja upotetun tilan välillä.
2. Kelluva kielenvaihtaja (peittotila)
Nopea käyttöönotto JS-injektiolla.
Mikä se on?
Kelluva kielenvaihtaja on itsenäinen widget, joka injektoidaan DOMiin JavaScriptin avulla. Se sijaitsee Z-akselilla verkkosivustosi sisällön yläpuolella, ankkuroituna näkymän kulmaan.
Sijainti: Konfiguroitavissa mihin tahansa neljästä kulmasta:
- •Alavasen (oletus) / Alaoikea
- •Ylävasen / Yläoikea
Arkkitehtoninen etu:
- •Nolla koodia: HTML-muokkausta ei tarvita. Se toimii välittömästi skriptin lisäämisen jälkeen.
- •Universaali yhteensopivuus: Taattu renderöinti millä tahansa alustalla (WordPress, Shopify, Webflow) rikkomatta asetteluvirtoja.
- •Mobiiliresponsiivinen: Skaalautuu ja uudelleensijoittuu automaattisesti pienempiä näyttöjä varten.
Ihanteellinen: Tiimeille, jotka tarvitsevat "plug-and-play"-ratkaisun ilman käyttöliittymäkehittäjän osallistumista.
3. Sulautettu kytkin (integraatiotila)
Saumaton DOM-lisäys.
Mikä se on?
Sulautettu kytkin antaa sinun lisätä kielenvaihtajan suoraan tiettyyn säiliöön HTML-rakenteessasi, kuten navigointipalkkiin (<nav>) tai alatunnisteeseen.
Mekanismi: Syötät tietyn CSS-valitsimen (ID tai luokka) MultiLipi-hallintapaneeliin.
Esimerkkisyöte: #menu-language-item tai .navbar-right.
Toiminto: Skriptimme skannaa DOM:n kyseisen valitsimen varalta ja renderöi kytkimen kyseisen elementin sisälle, periessään sen vanhemman asettelurajoitukset.
Ihanteellinen: Suunnittelijat, jotka vaativat pikselintarkkaa hallintaa ja haluavat kytkimen tuntuvan natiivilta osalta käyttöliittymän valikkojärjestelmää.
4. Varmistusprotokolla (Turvallisuuslogiikka)
Käyttöliittymän saatavuuden varmistaminen.
Dynaamisissa verkkoympäristöissä tunnisteet (ID) ja luokat (Classes) voivat muuttua. Mitä tapahtuu, jos otat käyttöön sulautetun kytkimen, joka kohdistuu #nav-lang, mutta kehittäjäsi nimeää kyseisen tunnisteen vahingossa uudelleen muotoon #nav-menu?
MultiLipi suorittaa automaattisen varmistuksen:
- •Skannaus: Skripti yrittää paikantaa kohde-CSS-valitsimen.
- •Epäonnistuminen: Jos kohdetta ei löydy (null), skripti merkitsee virheen.
- •Palautuminen: Se palautuu automaattisesti kelluvaan tilaan.
- •Tulos: Kytkin ilmestyy oletusasentoon kelluvana (esim. alaoikealla), varmistaen, että käyttäjä voi silti vaihtaa kieliä, vaikka asettelu olisi rikki.
- •Vianmääritys: Konsoliin kirjataan varoitus, jotta kehittäjäsi voivat korjata valitsimen.