Kielenvaihtaja (Language Switcher) on käyttäjän silta lokalisoituun infrastruktuuriisi. MultiLipi tukee kahta erillistä injektointimenetelmää tasapainottaakseen käyttöönoton helppoutta ja suunnittelun eheyttä. Voit ottaa sen käyttöön pysyvänä kelluvana peittokuvana (Floating Overlay) (paras nopeaan käynnistykseen) tai syvästi integroituna upotettuna elementtinä (Embedded Element) (paras mukautettuun suunnitteluun).
Tämä opas kuvaa molempien strategioiden navigointivaiheet ja tekniset erot.
1. Konfigurointiprotokolla (Navigointi)
Käyttöliittymän ohjaimien käyttäminen.
Määrittääksesi sijoitusstrategian, seuraa tätä polkua komentokeskuksessasi:
Vaihe 1: Käyttöönottopaneelin käyttäminen
Kirjaudu sisään MultiLipi-tilillesi päästäksesi Kotinäkymään.
Vaihe 2: Valitse projekti
Napsauta tiettyä projektilaattaa verkkosivustolle, jonka haluat määrittää.
Vaihe 3: Käytä asetuksia
Napsauta vasemmanpuoleisesta sivupalkista Asetukset.
Vaihe 4: Paikanna moduuli
Valitse Kielenvaihtaja (Language Switcher) alivalikosta tai asetusten luettelosta.
Toiminta:
Tässä näet vaihtoehdon vaihtaa leijuvan ja sulautetun tilan välillä.
2. Kelluva vaihtaja (Peittokuvamuoto)
Nopea käyttöönotto JS-injektiolla.
Mikä se on?
Kelluva vaihtaja on itsenäinen widget, joka injektoidaan DOMiin JavaScriptin avulla. Se sijaitsee Z-akselilla verkkosivustosi sisällön yläpuolella, ankkuroituna näyttöruudun kulmaan.
Sijoittelu: Konfiguroitavissa mihin tahansa neljästä kvadrantista:
- •Vasemmassa alakulmassa (oletus) / Oikeassa alakulmassa
- •Ylävasen / Yläoikea
Arkkitehtoninen etu:
- •Nolla koodia: HTML-muokkausta ei tarvita. Se toimii välittömästi skriptin injektoinnin jälkeen.
- •Universaali yhteensopivuus: Renderöityy takuuvarmasti millä tahansa alustalla (WordPress, Shopify, Webflow) rikkomatta asetteluvirtoja.
- •Mobiiliresponsiivinen: Skaalautuu ja asettuu automaattisesti uudelleen pienempiä näyttöjä varten.
Ihanteellinen: Tiimit, jotka tarvitsevat "plug-and-play"-ratkaisun ilman käyttöliittymäkehittäjän osallistumista.
3. Sulautettu vaihtaja (integraatiotila)
Saumaton DOM-lisäys.
Mikä se on?
Sulautettu vaihtaja antaa sinun lisätä kielenvaihtajan suoraan tiettyyn säiliöön HTML-rakenteessasi, kuten navigointipalkkiin (
Mekanismi: Syötät tietyn CSS-valitsimen (ID tai luokka) MultiLipi-hallintapaneeliin.
Esimerkkisyöte: #menu-language-item tai .navbar-right.
Toimenpide: Skriptimme skannaa DOM:n kyseisen valitsimen varalta ja renderöi kytkimen kyseisen elementin sisälle, periytymällä sen vanhemman asettelurajoitukset.
Ihanteellinen: Suunnittelijat, jotka vaativat pikselintarkkaa hallintaa ja haluavat vaihtajan tuntuvan natiivilta osalta käyttöliittymän valikkojärjestelmää.
4. Varmistusprotokolla (Turvallisuuslogiikka)
Käyttöliittymän saatavuuden varmistaminen.
Dynaamisissa verkkoympäristöissä tunnisteet ja luokat voivat muuttua. Mitä tapahtuu, jos otat käyttöön sulautetun vaihtajan, joka kohdistuu #nav-lang, mutta kehittäjäsi nimeää sen vahingossa uudelleen muotoon #nav-menu?
MultiLipi suorittaa automaattisen varmistuksen:
- •Haku: Skripti yrittää paikantaa kohde-CSS-valitsimen.
- •Virhe: Jos kohdetta ei löydy (null), skripti ilmoittaa virheen.
- •Palautus: Se palaa automaattisesti kelluvaan tilaan.
- •Tulos: Kytkin ilmestyy oletussijaintiin (esim. Alaoikea), varmistaen, että käyttäjä voi silti vaihtaa kieliä, vaikka asettelu olisi rikki.
- •Vianmääritys: Kehittäjillesi kirjataan konsolivaroitus valitsimen korjaamiseksi.