Verkkosivuston kääntäminen on muutakin kuin pelkkää sanojen vaihtamista. Eri kielet — kuten saksa, ranska tai espanja — sisältävät usein pidempiä merkkijonoja tai erilaisia kielioppirakenteita. Käännettynä nämä vaihtelut voivat muuttaa sivustosi ulkoasua, aiheuttaa tekstin valumista yli reunojen, painikkeiden rikkoutumista tai otsikoiden kohdistusvirheitä.
Tämän ratkaisemiseksi MultiLipin Visuaalinen editori sisältää edistyneet visuaalisen tyylin hallintatyökalut. Tämän ominaisuuden avulla voit tehdä manuaalisia käännöskorjauksia samalla kun hallitset yksittäisten sivulementeiden visuaalista ulkoasua reaaliajassa — ilman, että sinun tarvitsee kirjoittaa mukautettua koodia alusta alkaen.
Visuaalisen tyylin mukauttamisen edut
Täydellinen hallinta asettelusta ja sisällöstä yhdessä yhtenäisessä käyttöliittymässä.
Käännös + Muotoilu Yhdessä Työnkulussa
Tekstin kääntämisen ja visuaalisen muotoilun yhdistäminen yhdessä käyttöliittymässä antaa tiimillesi äärimmäisen hallinnan globaaleihin verkkosivuihisi. Ei tarvitse vaihtaa kontekstia käännöspaneelien ja koodieditorien välillä – kaikki sijaitsee yhdessä osoita ja napsauta -pinnalla. Tämä on keskeinen osa kiillotetun, natiivin tuntuisen kokemuksen tarjoamista, joka tuottaa todellisia Monikielinen SEO tuloksia.
Estä Asettelun Vääristyminen
Pienennä helposti fonttikokoja tai säädä säiliöiden leveyksiä kielille, jotka luonnollisesti vievät enemmän merkkitilaa – pysäyttäen tekstin ylivuodon ja rikkoutuneet painikeasettelut ennen kuin ne saavuttavat kävijäsi.
Säilytä Tiukat Brändi-estetiikat
Hienosäädä tekstin värejä, taustan heksakoodeja ja elementtien mittoja suoraan lokalisoidulla sivulla vastaamaan tarkkoja brändiohjeitasi – varmistaen, että jokainen kieliversio näyttää identtiseltä ensisijaisen sivustosi kanssa.
Nolla Koodin Kitkaa
Tee tarkkoja CSS-tason muutoksia intuitiivisen visuaalisen sivupalkin avulla sen sijaan, että kaivaisit taustajärjestelmän tyylitaulukkokoodia. Edistyneet hienosäädöt ovat edelleen saatavilla Raw CSS -välilehden kautta kehittäjille, jotka niitä tarvitsevat.
Vaiheittainen opas: Tyylittele ja käännä elementtejä
Saumaton, osoita ja napsauta -prosessi suorana sivun esikatseluna.
Avaa visuaalinen editori
Kirjaudu sisään MultiLipi-koontinäyttö ja valitse aktiivinen projektisi.
Siirry vasemmanpuoleiseen navigointipaneeliin ja napsauta URL-osoitteet.
Etsi sivu, jonka haluat päivittää, siirrä kohdistin Visuaalinen editori sarakkeeseen ja napsauta Monitor/Screen icon käynnistääksesi interaktiivisen sivun esikatselun.
URL-paneeli — napsauta oikealla olevaa monitori-ikonia avataksesi visuaalisen editorin
Valitse kohde-elementti
Selaa live-verkkosivustosi esikatselua editorin sisällä.
Napsauta suoraan tiettyä tekstilohkoa, otsikkoa tai painiketta, jota haluat muokata. Valintaraja rajaa elementin, ja konfigurointipaneelit avautuvat.
Päivitä käännös ja tekstisisältö
Muokkaa lokalisoitua tekstiä manuaalisesti keskeisessä käännösikkunassa tai napsauta Luo tekoälyehdotuksia , jos tarvitset vaihtoehtoisia ilmaisuja.
Käytä projektisanastoja tai käännösmuistin ohituksia varmistaaksesi tarkan sanaston yhdenmukaisuuden koko sivustollasi.
Käännösikkuna — muokkaa manuaalisesti tai luo tekoälyehdotuksia sanasto- ja muistituen avulla
Säädä visuaalisia tyyliasetuksia
Katso oikeanpuoleista Mukautettu CSS sivupaneelia. Kohdassa Visuaalinen tyyli -välilehti, voit tarkastella aktiivisen elementin valitsinpolkua (esim. main#main > section > div > div > h1). Muokkaa asettelun ominaisuuksia vastaamaan käännettyä tekstiä täydellisesti:
Leveys ja korkeus: Säädä säiliön mittoja tai aseta ne automaattisiksi, jotta käännetty sisällön on helppo hengittää luonnollisesti.
Fonttikoko: Skaalaa tekstiä ylös tai alas (pikseleinä) välttääksesi rivinvaihto-ongelmia, jotka ovat yleisiä saksan- tai venäjänkielisissä käännöksissä.
Tekstin väri ja taustaväri: Syötä tarkat heksakoodit (esim. #0b1736) muuttaaksesi väriominaisuuksia ja pitääksesi lokalisoidut sivusi brändin mukaisina.
Mukautetun CSS-sivupalkin Visuaalinen tyyli -välilehti, jossa on leveys-, fonttikoko- ja värisäätimet
Ota käyttöön ja tallenna muutokset
Kun typografia- ja tekstikorjauksesi näyttävät oikeilta, napsauta sinistä Ota CSS käyttöön painiketta oikeanpuoleisen paneelin alaosassa.
Napsauta Tallenna tekstin käännösmallissa lukitaksesi muutoksesi ja julkaistaksesi mukautetun tyylin kansainvälisille kävijöillesi.
Tyylimuutoksesi koskevat vain käännettyä versiota – ensisijainen kielisivusi pysyy täysin koskemattomana.
Pro-vihje: Raaka-CSS-välilehden käyttö edistyneisiin säätöihin
Kehittäjille, jotka tarvitsevat täyden tyylitaulukon tason hallinnan.
Visuaalinen tyylivälilehti vs. Raaka-CSS-välilehti
Vaikka Visuaalinen tyyli paneeli hoitaa päivittäiset täyte-, koko- ja väriasetukset välittömästi, kehittäjät tai edistyneet käyttäjät voivat vaihtaa Raaka-CSS välilehteen sen vieressä.
Tämä mahdollistaa mukautettujen inline-tyylisääntöjen kirjoittamisen tai mediakyselyt tietyille lokalisoiduille näkymäalueille, mikä varmistaa, että globaalit sivusi näyttävät virheettömiltä niin työpöytä-, tablet- kuin mobiililaitteissakin – ilman että kosket pääkoodikantaasi.
Visuaalisen tyylin välilehti
- •Sisä- ja ulkomarginaalien liukusäätimet
- •Fonttikoon pikselisäätimet
- •Heksa-värivalitsimet
- •Leveys- ja korkeussyötteet
- •Paras: ei-kehittäjille ja nopeisiin korjauksiin
Raaka-CSS-välilehti
- •Mukautetut sisäiset tyylisäännöt
- •Mediakyselyt näkymäaluetta kohden
- •Näennäisluokkavalitsimet
- •Monimutkaiset usean ominaisuuden ohitukset
- •Paras: kehittäjille ja reunatapauksiin
Viimeistele globaali käyttöliittymäsi tänään
Loistavan lokalisoinnin tulisi näyttää natiivilta, saumattomalta ja täysin tarkoituksenmukaiselta.
Yhdistämällä automatisoidut käännökset reaaliaikaisiin visuaalisiin säätöihin varmistat, että kansainväliset sivusi näyttävät yhtä hiotuilta kuin pääsivustosi. Siirry MultiLipi-koontinäyttö, käynnistä visuaalinen muokkain ja aloita globaalin asettelun viimeistely jo tänään.
Tutustu aiheeseen liittyviin työkaluihin ja oppaisiin
Kohtaatko monimutkaisia asetteluongelmia? Jos tietyt elementit vaativat mukautettuja ratkaisuja tavanomaisten tyylisäätimien ulkopuolella, ota yhteyttä MultiLipin tukeen — tiimimme voi auttaa edistyneissä CSS-määrityksissä kyseiselle mallillesi tai kehyksellesi.