Wie übersetzt man dynamische Inhalte?

In diesem Artikel erfahren Sie, wie Sie dynamische Inhalte für Nicht-WordPress-Websites übersetzen können.




Bitte beachten Sie, dass diese Funktion derzeit in WordPress nicht verfügbar ist. Die Übersetzung dynamischer Inhalte auf WordPress-Websites kann mithilfe von PHP-Filtern erfolgen, wie in unserer Entwicklerdokumentation beschrieben.

Was sind dynamische Inhalte?

Dynamische Inhalte auf einer Website sind Elemente, die sich aufgrund von Benutzerinteraktionen oder in Echtzeit-Aktualisierungen ändern. Beispiele für dynamische Inhalte sind benutzergenerierte Kommentare, Echtzeit-Aktienkursaktualisierungen oder personalisierte Begrüßungen. Die Übersetzung dynamischer Inhalte kann etwas knifflig sein, aber dieser Leitfaden vereinfacht den Prozess für Sie.

Schritte zum Übersetzen von dynamischen Inhalten mit Weglot

  1. Auf den Web Inspector zugreifen

Navigieren Sie zu der Webseite, die Sie übersetzen möchten. Klicken Sie mit der rechten Maustaste auf die Seite, um das Kontextmenü anzuzeigen, und wählen Sie „Untersuchen“, um das Webinspektor-Fenster der Entwicklertools des Browsers zu öffnen. Sie können die Entwicklertools auch anzeigen, indem Sie die Taste F12 drücken oder Strg+Umschalt+I (Win/Linux) bzw. Cmd+Option+I (macOS) verwenden.

1. Klicken Sie mit der rechten Maustaste auf die Seite, um ein Menü zu öffnen, und wählen Sie
Klicken Sie mit der rechten Maustaste auf die Seite, um ein Menü zu öffnen, und wählen Sie "Prüfen", um das Webinspektor-Panel zu öffnen
  1. Identifizieren Sie das dynamische Element

Gehen Sie in den Entwicklertools zur Registerkarte „Elemente“ (Chrome) oder „Inspektor“ (Firefox) und bewegen Sie den Mauszeiger mit dem Auswahlwerkzeug über den Bereich, der nicht übersetzt ist. Dadurch wird das Element hervorgehoben.

Inspektor-Panel: Verwenden Sie das Auswahlwerkzeug, um das zu übersetzende Element zu markieren.
Inspektor-Panel: Verwenden Sie das Auswahlwerkzeug, um das zu übersetzende Element zu markieren.
  1. Finden Sie den CSS-Selektor des Elements.

Sobald das Element markiert ist, suchen Sie dessen Klasse oder ID im Inspektor-Fenster und kopieren Sie den Namen. Sie müssen ihm einen Punkt voranstellen (.) wenn es sich um einen Klassennamen oder einen Hashtag handelt (#) wenn es sich um eine ID handelt.

CSS-Selektor: .class oder #ID
CSS-Selektor: Hier kann der CSS-Selektor .primary-text lauten, da dies der Klassenname des Elements ist.

Alternativ können Sie den CSS-Selektor eines Elements aus dem Inspektorfenster kopieren, indem Sie mit der rechten Maustaste darauf klicken und „Kopieren > Selektor kopieren“ auswählen.

Klicken Sie mit der rechten Maustaste auf das Element und wählen Sie „Kopieren“ > „Selektor kopieren“.
  1. Weglot-Einstellungen aktualisieren

Gehen Sie zu Ihrem Weglot-Dashboard. Navigieren Sie dann unter „Einstellungen“ zu „App-Einstellungen“ (oder „Einstellungen für Ihren CMS-Namen“).

Um den dynamischen Inhalt hinzuzufügen, den Sie übersetzen möchten, klicken Sie auf die Schaltfläche „Dynamisch hinzufügen”. Daraufhin öffnet sich das Feld „Dynamisches Element hinzufügen”, in das Sie die spezifische Klasse oder ID eingeben können, die mit dem Inhalt verknüpft ist.

Schnelle Tipps

  1. Setzen Sie vor einem Klassennamen einen Punkt (.) und eine ID mit einem Hashtag (#).
  2. Sie können auch eine Beschreibung hinzufügen, damit Sie sich besser merken können, was der hinzugefügte Selektor bedeutet.
Feld "Dynamisches Element hinzufügen" mit den Feldern Selektor und Beschreibung
  1. Speichern und aktualisieren

Klicken Sie auf „Speichern“. Möglicherweise müssen Sie den Cache Ihres Browsers leeren und die Seite aktualisieren, um den übersetzten Inhalt anzuzeigen. Zögern Sie nicht, die Seite Ihrer Website mit einem Hard-Refresh (Mac: cmd shift R (Kleinbuchstaben) / PC: Strg F5) zu aktualisieren und in einem Inkognito-Fenster zu überprüfen, wenn Sie die Änderungen nicht bemerken.

Dynamische Regeln importieren/exportieren

Um dynamische Regeln zu importieren oder zu exportieren, benötigen Sie mindestens einen Advanced plan siehe unsere Preisseite).

Sobald Sie sich in Ihren App-Einstellungen (oder in den Einstellungen für "Ihr CMS-Name") befinden, können Sie die Schaltfläche "Aktionen" verwenden, um Übersetzungen zu importieren/exportieren:

Dynamische Regeln exportieren

Sie können alle dynamischen Regeln exportieren, indem Sie auf „Aktionen“ > „Exportieren“ klicken. Ihre Datei steht dann umgehend zum Download bereit.

Sie können auch die dynamischen Regeln auswählen, die Sie exportieren möchten, indem Sie die Kontrollkästchen neben ihnen aktivieren. Klicken Sie anschließend auf das Symbol „Exportieren“ am unteren Rand des Fensters.

Dynamische Regeln importieren

Bitte beachten Sie, dass Sie nur CSV-Dateien mit maximal 500 dynamischen Elementen importieren können; die Dateien müssen einer bestimmten Struktur entsprechen. Durch Klicken auf „Importieren“ können Sie eine Beispieldatei herunterladen.

Es ist wichtig, die Kopfzeilen/die Struktur der Datei nicht zu ändern, da der Import nicht wie vorgesehen funktioniert, wenn die Kopfzeilen verändert werden.

Um eine Datei zu importieren, klicken Sie auf die Schaltfläche „Aktionen > Importieren“. Sie können dann entweder die CSV-Datei ziehen oder auf die Schaltfläche „Hinzufügen“ klicken. Sobald die Datei hinzugefügt wurde, klicken Sie auf „Weiter“, um mit dem Import fortzufahren.

Rückmeldung

Wenn Sie Gedanken oder Fragen zu diesem Leitfaden haben, lassen Sie es uns wissen! Wir würden uns freuen, von Ihnen zu hören.

Wurde Ihre Frage damit beantwortet? Vielen Dank für Ihr Feedback Beim Senden Ihres Feedbacks ist ein Problem aufgetreten. Bitte versuchen Sie es später erneut.

Benötigen Sie weitere Hilfe? Kontaktieren Sie uns Kontaktieren Sie uns