Wix Multilingual: Vakken met meerdere statussen gebruiken om te schakelen van LTR naar RTL
Leestijd 5 minuten
Waarschuwing:
De SEO van je website wordt beïnvloed door het toevoegen van multi-state vakken, omdat zoekmachinebots de inhoud van de vakken niet kunnen lezen.
Sommige talen, zoals Engels, worden van links naar rechts (LTR) geschreven, terwijl andere, zoals Hebreeuws, van rechts naar links (RTL) worden geschreven. Als je meertalige website beide typen ondersteunt, kun je multi-state vakken toevoegen die verschillende inhoud weergeven op basis van de geselecteerde taal. Hierdoor kun je voor elke taal een andere 'status' creëren en het ontwerp individueel aanpassen.
Stap 1 | Voeg een multi-state vak toe aan de hoofdtaalversie van je website
De eerste stap is het toevoegen van een leeg vak met meerdere statussen aan je website in je hoofdtaal. Ontwerp het voor die taal en voeg tekst, afbeeldingen, knoppen of elk ander element toe dat je nodig hebt.
Voordat je begint:
Zorg ervoor dat je Wix Multilingual aan je website hebt toegevoegd en Velo by Wix hebt ingeschakeld.
- Ga naar je Editor.
- Klik links in de Editor op Toevoegen
. - Klik op Vak.
- Klik op Vakken met meerdere statussen.
- Sleep het Lege vak met meerdere statussen naar de relevante locatie op je pagina.
- Voeg elementen toe aan het vak en ontwerp deze naar wens.
Stap 2 | Wijzig de naam van de huidige status
Zodra je vak gereed is in je hoofdtaal, open je het Status beheren-paneel om de huidige status te hernoemen. Noem het 'standaard', in die exacte spelling en hoofdletters (zonder de aanhalingstekens), om ervoor te zorgen dat de code die je toevoegt, correct functioneert.
- Selecteer je multi-state vak.
- Klik op Statussen beheren.
- Klik naast de naam van de huidige status op het Meer acties-pictogram
. - Selecteer ID bewerken.
- Typ 'default' in het tekstvak en klik op Klaar.
Stap 3 | Dupliceer en hernoem de status
Nadat je de 'standaard'-status in het Statussen beheren-paneel hebt gemaakt, dupliceer je deze en noem je de nieuwe 'RTL'. Net als bij de eerste stap is het belangrijk dat je het 'RTL' noemt, in die exacte spelling en interpunctie, zodat de code werkt zoals het hoort.
- Selecteer je multi-state vak.
- Klik op Statussen beheren.
- Klik naast de naam van de huidige status op het Meer acties-pictogram.
- Selecteer Dupliceren.
- Klik naast de duplicaatstatus op het Meer acties-pictogram.
- Selecteer ID bewerken.
- Typ 'RTL' in het tekstvak en klik op Gereed.
Let op: Als je secundaire taal LTR is, kun je in plaats daarvan de naam van de staat wijzigen in LTR.
Let op:
Zorg ervoor dat het element-ID van je multi-state vak identiek is in alle delen van de code. In de bovenstaande stappen is de ID van de voorbeeldbox #statebox8.
Stap 4 | Pas je vak aan in de secundaire taal
Nu is je multi-state vak ingesteld en klaar voor vertaling. Schakel over naar je RTL-taal, verander de status naar RTL en begin met het lokaliseren van je inhoud. Kopieer vervolgens het codefragment naar de code van je pagina.
- Klik bovenaan de Editor op het Taal wisselen-dropdownmenu.
- Selecteer de RTL-taal die je wilt bewerken.
- Klik op de multi-state dropdown en selecteer RTL.
- Selecteer het element in het vak dat je wilt vertalen:
- Tekst: Klik op Vertaling bewerken of Automatisch vertalen om de tekst te vertalen. Klik vervolgens op het Tekstrichting wijzigen-pictogram
in het Tekstinstellingen-paneel om de tekstrichting te wijzigen. - Afbeeldingen: Klik op Vertaling bewerken en klik vervolgens op Wijzigen om een andere afbeelding te kiezen voor de RTL-versie van je website.
- Tekst: Klik op Vertaling bewerken of Automatisch vertalen om de tekst te vertalen. Klik vervolgens op het Tekstrichting wijzigen-pictogram
- Kopieer het volgende codefragment hieronder en plak het in het Code-tabblad van je Editor.
1import wixWindow from 'wix-window'; const RTLLangs = ['he','ar','fa']; $w.onReady(function () { let lang = wixWindow.multilingual.currentLanguage; //based on RTL ///////////////////////////////////// if(RTLLangs.includes(lang)){ $w('#statebox8').changeState('RTL'); } //based on exact match or default: ///////////////////////////////////// let states = $w('#statebox8').states; let foundStates = states.filter((state)=>{state.id === lang}); if(foundStates.length>0){ $w('#statebox8').changeState(foundStates[0]); } else{ $w('#statebox8').changeState('default'); } });
- Klik op Voorbeeld om je multi-state vak te testen.
- Publiceer je website wanneer je klaar bent om de wijzigingen live te laten gaan.
Zou je graag extra RTL-mogelijkheden willen zien?
Met Wix Multilingual kun je een meertalige website maken met inhoud die van rechts naar links georiënteerd is. Momenteel kun je sommige aspecten van je website, zoals het menu, de tekst en de afbeeldingen, per taal aanpassen naar RTL (bijvoorbeeld Hebreeuws, Arabisch).
Welke extra mogelijkheden zou je hier graag voor zien in Wix Multilingual? Neem contact op met de klantenservice voor feedback en suggesties
Vond je dit artikel nuttig?
|