Wix Multillingual: Problemen met uitlijning oplossen op je meertalige website

Leestijd 4 minuten
De uitlijning van je elementen op je meertalige website verandert tussen je taalversies. Dit komt omdat tekstvertalingen in verschillende talen van verschillende lengte kunnen zijn, en de indeling van elementen niet automatisch geoptimaliseerd of responsief is.
Bij het bouwen van je website is het belangrijk om aandacht te besteden aan het ontwerp en de plaatsing van elementen in je hoofdtaal, aangezien dit de uitlijning in alle taalversies beïnvloedt. Als je merkt dat de vertaalde versie van je inhoud ontwerpproblemen veroorzaakt, kun je overwegen de inhoud anders te formuleren of samen te stellen.
Terwijl je aan je website werkt, moet je blijven controleren hoe deze eruitziet in je live taalversies, en eventuele uitlijningsproblemen oplossen als ze zich voordoen.

Lees in dit artikel meer over:


Bewegende elementen in een secundaire taal

Wanneer je elementen herpositioneert in een secundaire taal, heeft dit invloed op de positie van dat element in alle talen. Dit betekent dat het verplaatsen van een element in de Editor van een secundaire taal hetzelfde element verplaatst in alle andere taalversies.
Wanneer je een element verplaatst, verschijnt er een pop-up om je eraan te herinneren dat deze positiewijziging zal worden toegepast op alle taalversies van je website. Je hebt de mogelijkheid om met deze wijziging door te gaan, of om ze ongedaan te maken. 
Tip:
Je kunt altijd een vorige versie van je website herstellen, als je besluit dat je niet tevreden bent met de herpositionering van je elementen. Talen die je hebt toegevoegd, verwijderd, zichtbaar gemaakt of verborgen, worden niet beïnvloed. Wijzigingen in inhoud, ontwerp en indeling worden teruggezet naar de vorige versie. 

Problemen met de uitlijning van tekstvakken

Tekstvertalingen kunnen in verschillende talen van verschillende lengte zijn. Dit kan leiden tot uitlijningsproblemen tussen taalversies. Er zijn veel manieren om deze problemen aan te pakken.

Lees meer over onze aanbevelingen:

  • Grootte tekstvak: Maak je tekstvak groot genoeg in de hoofdtaal om de vertaling in de tweede taal te bevatten. Zo wordt voorkomen dat de tekst wordt afgesneden.
  • Lettertype: Sommige lettertypen lezen mogelijk niet goed in bepaalde talen. Wijzig het lettertype in taalversies waar dit een probleem is. Je kunt ook het lettertype en de tekstgrootte per taal vergroten of verkleinen om de uitlijning te verbeteren.
  • Regelafstand en afstand tussen tekens: Zorg ervoor dat de regelafstand en de afstand tussen tekens in alle talen gelijk zijn. Lees meer 
  • Tekstthema's: Zorg ervoor dat het tekstthema dat wordt toegepast op tekst in de secundaire taal overeenkomt met dat van de hoofdtaal. Lees meer
  • Overlappende elementen: Overlap tekstvakken niet met knoppen of andere elementen. Dit kan uitlijningsproblemen veroorzaken in gevallen waarin de vertaalde tekst langer is dan de hoofdtaal. Wij raden aan om knoppen en andere elementen buiten het tekstvak te plaatsen.
  • Tekst en elementen groeperen: Het groeperen van elementen helpt overlap en uitlijningsproblemen tussen talen te voorkomen. Lees hier hoe je elementen groepeert.
Tip:
Overweeg het gebruik van repeaters om je inhoud onder te brengen. Repeaters maken het gemakkelijk om je inhoud te organiseren en te structureren, omdat ze hetzelfde ontwerp en dezelfde indeling hebben. Dit is een ideale manier om ervoor te zorgen dat je inhoud netjes en voorspelbaar is geordend in alle taalversies.

Positie en schaal van achtergrondafbeelding

Wanneer je je website vertaalt, moet je wellicht je achtergrondafbeelding aanpassen aan de schaal en positie ervan in de hoofdtaal.

Om je achtergrondafbeelding aan te passen:

  1. Klik bovenaan de Editor op het Taal wisselen-paneel.
  2. Selecteer de secundaire taal waaraan je wilt werken.
  3. Klik links op het Achtergrond-pictogram .
  4. Klik op Instellingen.
  5. Afhankelijk van wat je wilt wijzigen, doe je het volgende:
    • De schaal van de afbeelding aanpassen: Klik op het dropdownmenu onder Hoe wordt de afbeelding weergegeven? en kies een optie.
    • Afbeeldingspositie wijzigen: Selecteer een positie op het raster onder Waar is de afbeelding geplaatst?
Tip:
Als het probleem zich voordoet bij algemene, losstaande afbeeldingen, moet je ervoor zorgen dat je de verschillende taalversies van de afbeeldingen in dezelfde resolutie (pixels) uploadt.

Aanvullende aanbevelingen voor uitlijning

  • Controleer of de X en Y waarden van de elementen die je probeert uit te lijnen hetzelfde zijn in alle talen. Deze waarden zijn de horizontale en verticale posities in verhouding tot de Editor. Je kunt deze waarden zien op de Editor-werkbalk. Als de elementen nog steeds niet zijn uitgelijnd, voeg dan spaties toe in het tekstvak met Enter op je toetsenbord.
  • Uitlijningsproblemen die zich voordoen op een mobiel apparaat moeten worden aangepast vanuit de desktop Editor en niet vanuit de mobiele Editor.

Vond je dit artikel nuttig?

|