header-logo
Hoe Wix gebruiken om je website en bedrijf te bouwen.
Ontwerp en beheer je website met slimmme functionaliteiten.
Beheer abonnementen, pakketten en facturen.
Run je bedrijf en kom in contact met leden.
Lees hoe je een domein koopt, koppelt of overzet.
De juiste tools om je bedrijf op het web te laten groeien.
Boost je zichtbaarheid met SEO en marketingtools.
Geavanceerde functies om efficiënter te kunnen werken.
Antwoorden op vragen, gekende problemen en meer.
placeholder-preview-image
Verbeter je vaardigheden met onze cursussen en video's.
Krijg tips voor webdesign, marketing en meer.
Lees hoe het organische websiteverkeer van zoekmachines te vergroten.
Bouw een eigen website met ons full-stack platform.
Vind een professional voor hulp om je websitedoelen te behalen.
placeholder-preview-image

Wix Multilingual: Vakken met meerdere statussen gebruiken om te schakelen van LTR naar RTL

11 min
In dit artikel
  • Stap 1 | Voeg een multi-state vak toe aan de hoofdtaalversie van je website
  • Stap 2 | Wijzig de naam van de huidige status
  • Stap 3 | Dupliceer en hernoem de status
  • Stap 4 | Pas je vak aan in de secundaire taal
Waarschuwing:
De SEO van je website wordt negatief beïnvloed door vakken met meerdere statussen toe te voegen, 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. 
Een screenshot van een live Wix-website met multi-state vakken

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. 
Wix Editor
Studio Editor
Voordat je begint:
Zorg ervoor dat je Wix Multilingual op je website hebt toegevoegd en codering hebt ingeschakeld

  1. Ga naar je editor.
  2. Klik links in de Editor op Toevoegen
  3. Klik op Vak.
  4. Klik op Vakken met meerdere statussen.
  5. Sleep het Lege vak met meerdere statussen naar de relevante locatie op je pagina. 
Een screenshot van een Wix-website die multi-state vakken toevoegt
  1. Wijzig de standaard-ID van je vak in een betekenisvolle naam:
    1. Klik op Paginacode  aan de linkerkant van de editor.
    2. Klik op Home.
    3. Klik op het Eigenschappen-paneel-pictogram  op het Paginacode-tabblad.
    4. Selecteer je multi-state vak. 
    5. Voer een betekenisvolle naam in voor je vak in het ID-tekstvak.
Een screenshot van een Wix-website met vakken met meerdere statussen
  1. 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.  
Wix Editor
Studio Editor
  1. Selecteer je multi-state vak. 
  2. Klik op Statussen beheren
  3. Klik naast de naam van de huidige status op het Meer acties-pictogram
  4. Selecteer ID bewerken.
  5. Typ 'LTR' in het tekstvak en klik op Klaar
    Let op: Als je primaire taal RTL is, geef dan de status de naam RTL.   
  6. Klik op het Meer acties-pictogram  naast andere statussen en selecteer Verwijderen om ze te verwijderen. 
Een screenshot van een Wix-website met multi-state vakken

Stap 3 | Dupliceer en hernoem de status

Nadat je de 'LTR'-status hebt gemaakt in het Statussen beheren-paneel, 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. 
Wix Editor
Studio Editor
  1. Selecteer je multi-state vak. 
  2. Klik op Statussen beheren
  3. Klik naast de naam van de huidige status op het Meer acties-pictogram
  4. Selecteer Dupliceren.
  5. Klik op het Meer acties-pictogram naast de gedupliceerde status. 
  6. Selecteer ID bewerken.
  7. Typ 'RTL' in het tekstvak en klik op Gereed
    Let op: Als je secundaire taal LTR is, verander dan de naam van de status in LTR.   
Een screenshot van een Wix-website met multi-state vakken

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. Je kunt de plaatsing van de elementen reorganiseren zonder hun plaatsing in de oorspronkelijke staat te beïnvloeden. Kopieer vervolgens het codefragment naar de code van je pagina. 
Wix Editor
Studio Editor
  1. Klik bovenaan de Editor op het Taal wisselen-dropdownmenu.
Een screenshot van het klikken op de Taal wisselen-dropdown bovenaan de Wix Editor.
  1. Selecteer de RTL-taal die je wilt bewerken. 
  2. Klik op de multi-state vak-dropdown en selecteer de relevante status van het vak. 
Een screenshot van een Wix-website met multi-state vakken
  1. 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-pictogramin 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.
Een screenshot van een Wix-website met multi-state vakken
  1. Voeg de volgende code toe in het eigenschappenpaneel:
    1. Klik op Paginacode  aan de linkerkant van de editor.
    2. Klik op Home.
    3. Klik op het Eigenschappen-paneel-pictogram  op het Paginacode-tabblad.
    4. Selecteer je multi-state vak. 
    5. Kopieer het volgende codefragment hieronder en plak het bovenaan het codeerpaneel.
1import wixWindow uit 'wix-window'; const rtlLangs = ['hij', 'ar', 'fa'];
  1. Voeg de volgende code toe aan je onReady-functie:
Belangrijk:
  • Zorg ervoor dat je de placeholder-ID's vervangt door de ID die je eerder hebt gemaakt.
  • De onReady-functie is geschreven voor je gemak. Als je deze functie al hebt, voeg dan alleen de code toe tussen de eerste tot de laatste accolades { }.
1$w.onReady(function () { let lang = wixWindow.multilingual.currentLanguage; als (rtlLangs.includes(taal)) { $w('#myBoxID').changeState('RTL'); }other { $w('#myBoxID').changeState('LTR'); } });
Een screenshot van het codepaneel van de Wix Editor
  1. Klik op Voorbeeld om je multi-state vak te testen.
  2. 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 RTL-mogelijkheden zou je hier graag voor zien in Wix Multilingual? Neem contact op met de klantenservice voor feedback en suggesties.
Een screenshot van een live Wix-website met multi-state vakken
Een screenshot van een Wix-website die multi-state vakken toevoegt
Een screenshot van een Wix-website met vakken met meerdere statussen
Een screenshot van een Wix-website met multi-state vakken
Een screenshot van een Wix-website met multi-state vakken
Een screenshot van het klikken op de Taal wisselen-dropdown bovenaan de Wix Editor.
Een screenshot van een Wix-website met multi-state vakken
Een screenshot van een Wix-website met multi-state vakken
Een screenshot van het codepaneel van de Wix Editor