Wie man benutzerdefinierte Felder in WordPress übersetzt (die einfachste Methode)

WordPress Custom Fields sind eine der Funktionen, die WordPress zu einem so flexiblen Content-Management-System machen. Wenn Sie also nach Übersetzen Sie Ihre WordPress-Website, ist es super wichtig, dass du Daten aus benutzerdefinierten Feldern, die du auf deiner Website verwendest, einfach übersetzen kannst.

Glücklicherweise ist es mit dem richtigen WordPress-Übersetzungs-Plugin recht einfach, benutzerdefinierte Felder in WordPress zu übersetzen.

In diesem Beitrag erfährst du, wie du benutzerdefinierte Felder in WordPress übersetzt, anhand einiger Beispiel-Benutzerfelder aus Advanced Custom Fields (obwohl diese Methode mit jedem benutzerdefinierten Feld funktioniert).

Besser noch, mit dieser Methode gibt es keinen Code, keine Notwendigkeit für spezielle Kompatibilität und keine Notwendigkeit, in einem Backend-Interface nach den benutzerdefinierten Feldtextzeichenfolgen zu suchen, die Sie übersetzen möchten.

Stattdessen können Sie alle Ihre benutzerdefinierten Felder mit einer visuellen Benutzeroberfläche übersetzen, die so aussieht:

Bereit zu lernen? Lasst uns loslegen...

Was Sie benötigen, um benutzerdefinierte Felder in WordPress zu übersetzen

Um benutzerdefinierte Felder in WordPress zu übersetzen, benötigen Sie nur zwei Dinge:

1. Einige benutzerdefinierte Felder – wir werden verwenden Erweiterte benutzerdefinierte Felder für dieses Beispiel, aber Sie können gerne andere Tools wie Hülsen, WCK, Meta-Box, usw. Sie können auch einfach die native WordPress-Funktion für benutzerdefinierte Felder verwenden, wenn Ihnen das lieber ist.
2. TranslatePress – ein einfach zu bedienendes WordPress-Übersetzungs-Plugin. Sie können die frei Version auf WordPress.org für dieses Tutorial.

TranslatePress lässt du trans 100% Ihrer WordPress-Website mit maschineller Übersetzung, ob manuell oder automatisch. Außerdem bietet es eine schöne grafische Benutzeroberfläche, die Ihnen bei der Verwaltung all Ihrer Übersetzungen, einschließlich Ihrer benutzerdefinierten Felder, hilft.

Wir beginnen mit einem kurzen Tutorial zur Erstellung der benutzerdefinierten Felder selbst, aber Sie können gerne Springen Sie zu Schritt zwei wenn Sie bereits einige WordPress-Benutzerdefinierte Felder haben, die Sie übersetzen möchten.

1. Benutzerdefinierte Felder mit Advanced Custom Fields erstellen

Sobald Sie die... installieren und aktivieren kostenloses Advanced Custom Fields Plugin von WordPress.org, können Sie zu Benutzerdefinierte Felder → Neu hinzufügen um Ihre erste Feldgruppe und die dazugehörigen Felder zu erstellen.

In diesem Beispiel verwenden wir verschiedene Feldtypen, um Ihnen zu zeigen, wie TranslatePress mit allen Arten von benutzerdefinierten Felddaten umgehen kann:

Sobald Sie Ihre Feldgruppe speichern, können Sie Daten zu diesen benutzerdefinierten Feldern im WordPress-Editor hinzufügen. Wir werden auch die Shortcodes von Advanced Custom Fields verwenden, um die benutzerdefinierten Felddaten im Frontend anzuzeigen, obwohl Sie sie auch direkt in die Vorlagendateien Ihres Themes einfügen könnten. (Der Übersetzungsprozess ist in beiden Fällen derselbe):

Und hier ist, wie die Dinge auf der Benutzeroberfläche aussehen, bevor wir mit der Übersetzung begonnen haben:

Zeit zu übersetzen!

2. TranslatePress konfigurieren

Bevor Sie mit der Übersetzung Ihrer benutzerdefinierten Felder beginnen können, müssen Sie in TranslatePress einige Grundeinstellungen vornehmen, beispielsweise festlegen, welche Sprachen Sie auf Ihrer Website verwenden möchten.

Um zu beginnen, können Sie installieren und aktivieren das kostenlose TranslatePress-Plugin von WordPress.org. Dann gehen Sie zu Einstellungen → TranslatePress um das Plugin zu konfigurieren.

Zuerst wählen Sie die Sprache aus, in der Ihre Website derzeit existiert, sowie die Sprache(n), in die Sie die benutzerdefinierten Felder (und andere Inhalte) Ihrer Website übersetzen möchten:

Mit der kostenlosen Version von TranslatePress können Sie eine zusätzliche Übersetzungssprache hinzufügen, während in der Premium-Version Du kannst unbegrenzte Sprachen haben.

Sie können hier auch einige andere Einstellungen konfigurieren – zum Beispiel, wie Ihre Frontend-Sprachumschalter Funktionen – daher empfehlen wir, sich alle Einstellungen anzusehen.

Außerdem kannst du wählen, ob du verwenden möchtest oder nicht automatische Übersetzung über Google Translate oder DeepL. Wenn diese Option aktiviert ist, übersetzt TranslatePress automatisch alle Inhalte Ihrer Website, einschließlich Ihrer benutzerdefinierten Felder. Anschließend können Sie diese Übersetzungen bei Bedarf jederzeit erneut aufrufen und manuell anpassen:

Klicken Sie einfach auf “Änderungen speichern” und lassen Sie uns mit der Übersetzung der benutzerdefinierten Felder fortfahren.

3. Öffnen Sie den Übersetzungseditor und übersetzen Sie benutzerdefinierte Felder

Sobald Sie die Grundeinstellungen in TranslatePress vorgenommen haben, können Sie mit der Übersetzung beginnen.

Öffnen Sie eine Seite mit benutzerdefinierten Feldern, die Sie übersetzen möchten, und klicken Sie dann auf Seite übersetzen Schaltfläche in der WordPress-Werkzeugleiste zum Öffnen des Übersetzungseditors:

Hier geschieht die Magie. Sie sollten eine Live-Vorschau Ihrer Website sehen, ähnlich wie im nativen WordPress Customizer.

Um ein benutzerdefiniertes Feld zu übersetzen, bewegen Sie einfach den Mauszeiger darüber und klicken Sie auf das blaue Stift-Symbol. Dies öffnet die Übersetzung in der Seitenleiste, wo Sie Ihre gewünschte Übersetzung eingeben können:

Derselbe Ansatz funktioniert auch für das Datumsfeld…

Es funktioniert auch für den URL-Anker im benutzerdefinierten URL-Feld…

…und das Gleiche gilt für alle anderen Frontend-Custom-Field-Daten, egal ob Sie sie mit Advanced Custom Fields oder einem anderen Plugin hinzugefügt haben.

Sobald Sie Ihre Änderungen speichern, können Sie zu einer anderen Sprache wechseln, um zu überprüfen, ob Ihre benutzerdefinierten Felder übersetzt wurden (Sie können genau den gleichen Ansatz auch für den Rest Ihrer Website verwenden):

So übersetzt man benutzerdefinierte Felder in WordPress!

Mit TranslatePress, lässt sich die Übersetzung von benutzerdefinierten Feldern in WordPress über eine einfache visuelle Oberfläche einfach realisieren.

Es gibt keinen Code, Sie müssen nicht nach spezieller Kompatibilität in Ihrem benutzerdefinierten Feld-Plugin suchen oder ein Integrations-Plugin installieren – es funktioniert einfach.

Darüber hinaus können Sie mit TranslatePress weit mehr als nur benutzerdefinierte Felder in WordPress übersetzen.

Mit der gleichen einfachen Oberfläche können Sie Ihre regulären WordPress-Inhalte sowie Inhalte aus beliebigen Themes oder Plugins übersetzen. Nochmals – kein Grund, nach spezieller Kompatibilität zu suchen oder Integrations-Plugins zu verwenden – alles funktioniert einfach. sofort nach dem Auspacken. Hier findest du einige unserer anderen Anleitungen zur Verwendung von TranslatePress für Übersetzungen…

• WordPress Menüs
• Bilder
• WordPress Formulare
• Popup-Inhalt
• Gutenberg-Blöcke
• WooCommerce-Produkte

Und wenn Sie noch einen Schritt weiter gehen möchten, können Sie auf die Premium-Version von TranslatePress upgraden, um Zugriff auf folgende Funktionen zu erhalten:

• Mehr mehrsprachige SEO-Funktionen.
• Unterstützung für mehrere Sprachen (Die kostenlose Version ermöglicht es Ihnen, Ihre Website in eine neue Sprache zu übersetzen.).
• Eine Option zum Erstellen spezieller Übersetzer-Benutzerkonten zur Verwaltung Ihrer Übersetzungen.
• Die Möglichkeit, deine Website als verschiedene Benutzerrollen für deine Übersetzungen in der Vorschau anzuzeigen.

Um mehr zu erfahren, Schauen Sie sich alle Premium-Funktionen an.

Haben Sie noch Fragen zur Übersetzung von benutzerdefinierten Feldern in WordPress? Lassen Sie es uns in den Kommentaren wissen!

Wenn Sie diesen Beitrag hilfreich fanden, schauen Sie sich bitte unsere an YouTube-Kanal, wo wir ständig kurze und leicht verständliche Video-Tutorials hochladen. Sie können uns auch folgen auf Facebook und Twitter um der Erste zu sein, der jedes Mal Bescheid weiß, wenn wir etwas posten.