Hoe vertaal je dynamische inhoud?
In dit artikel leer je hoe je dynamische content voor niet-WordPress-websites kunt vertalen.
Houd er rekening mee dat deze functie momenteel niet beschikbaar is op WordPress. Het vertalen van dynamische inhoud op WordPress-websites kan worden gedaan met behulp van PHP-filters, zoals beschreven in onze documentatie voor ontwikkelaars.
Wat is dynamische inhoud?
Dynamische inhoud op een website verwijst naar elementen die veranderen als reactie op interactie van gebruikers of in realtime updates. Voorbeelden van dynamische inhoud zijn door gebruikers gegenereerde opmerkingen, realtime beursupdates of gepersonaliseerde begroetingen. Het vertalen van dynamische inhoud kan een beetje lastig zijn, maar deze gids vereenvoudigt het proces voor u.
Stappen om dynamische inhoud te vertalen met Weglot
-
Ga naar de Web Inspector
Ga naar de webpagina die u wilt vertalen. Klik met de rechtermuisknop op de pagina om het contextmenu weer te geven en selecteer 'Inspecteren' om het webinspectiepaneel van de browserontwikkelaarstools te openen. U kunt de ontwikkelaarstools ook weergeven door op de F12-toets te drukken of door Ctrl+Shift+I (Win/Linux) of Cmd+Option+I (macOS) te gebruiken.
-
Identificeer het dynamische element
Ga in de ontwikkelaarstools naar het tabblad Elementen (Chrome) of Inspecteur (Firefox) en gebruik het selectiegereedschap om met de muis over het gebied te gaan dat niet is vertaald. Hierdoor wordt het element gemarkeerd.
-
Zoek de CSS-selector van het element
Zodra het element is gemarkeerd, zoek je de klasse of ID ervan in het inspectiepaneel en kopieer je de naam ervan. Je moet er een punt voor zetten (.) als het een klassenaam is, of een hashtag (#) als het een ID is.
Je kunt ook de CSS-selector van een element kopiëren vanuit het inspectiepaneel door er met de rechtermuisknop op te klikken en naar Kopiëren > Selector kopiëren te gaan.
-
Weglot-instellingen bijwerken
Ga naar uw Weglot-dashboard. Ga vervolgens onder Instellingen naar App-instellingen (of Instellingen voor "Uw CMS-naam").

Om de dynamische inhoud toe te voegen die u wilt vertalen, klikt u op de knop 'Dynamisch toevoegen'. Hierdoor wordt het venster 'Dynamisch element toevoegen' geopend, waar u de specifieke klasse of ID kunt invoeren die aan de inhoud is gekoppeld.
Snelle tips
- Voeg een punt toe voor een klassenaam (
.) en een ID met een hashtag (#). - Je kunt ook een beschrijving toevoegen om te onthouden wat de toegevoegde selector betekent.
-
Opslaan en vernieuwen
Klik op 'Opslaan'. Mogelijk moet u uw browsercache wissen en de pagina vernieuwen om de vertaalde inhoud te zien. Aarzel niet om de pagina van uw website hard te vernieuwen (Mac: cmd shift R (kleine letters) / pc: ctrl F5) en controleer opnieuw in een incognitovenster als u de wijzigingen niet ziet.
Dynamische regels voor import/export
Om dynamische regels te importeren of exporteren, moet u minimaal een Advanced plan hebben Advanced plan zie onze prijspagina).
Eenmaal in uw App Instellingen (of "Uw CMS naam" Instellingen), kunt u de "Acties" knop gebruiken om vertalingen te importeren/exporteren:

Dynamische regels exporteren
U kunt alle dynamische regels exporteren door op Acties > Exporteren te klikken; uw bestand kan dan direct worden gedownload.
U kunt ook de dynamische regels selecteren die u wilt exporteren door de selectievakjes ernaast aan te vinken. Klik vervolgens op het pictogram Exporteren onderaan het venster.

Dynamische regels importeren
Houd er rekening mee dat u alleen CSV-bestanden kunt importeren, met maximaal 500 dynamische elementen; de bestanden moeten aan een specifieke structuur voldoen. Door op "Importeren" te klikken, kunt u een voorbeeldbestand downloaden.
Het is essentieel om de kopteksten/de structuur van het bestand niet te wijzigen, aangezien de import niet naar behoren zal functioneren als de kopteksten worden gewijzigd.
Om een bestand te importeren, klikt u op de knop Acties > Importeren. Vervolgens kunt u het CSV-bestand slepen of op de knop 'Toevoegen' klikken. Nadat het bestand is toegevoegd, klikt u op 'Volgende' om door te gaan met het importeren.

Feedback
Als je gedachten of vragen hebt over deze gids, laat het ons weten! We horen graag van je.