In diesem Beitrag
Beim Aufbau einer mehrsprachige website, die Möglichkeit, Bilder in WordPress zu übersetzen, ist eine häufige Anfrage, wenn Sie Zeige verschiedene Bilder für verschiedene Sprachen.
Das Übersetzen von Bildern in WordPress ist besonders dann sehr nützlich, wenn Sie es mit Bildern zu tun haben, die Text enthalten – Text, der für jede Sprache übersetzt werden muss.
Bildübersetzung, oder allgemeiner, Medienübersetzung ist wirklich sehr einfach zu bedienen TranslatePress. Wie bei anderen Arten von Inhalten können Sie Bilder mithilfe des visuellen Übersetzungseditors von TranslatePress direkt im Frontend übersetzen.
Diese Funktionalität erstreckt sich auf alle Medientypen. Ob Bilder mit Text, Slider, Videos oder andere hochgeladene Medien – Sie können denselben Ansatz wie unten beschrieben verwenden, um diese sowie die dazugehörigen Meta-Informationen (z. B. Titel, Alt-Text) zu übersetzen.
Wenn Sie es eilig haben und ein kurzes Video-Tutorial ausreicht, können Sie sich dieses kurze Video zur Bildübersetzung ansehen:
Wenn du aber das ganze Bild haben möchtest, lies weiter!
Bilder in WordPress übersetzen
Die direkte Übersetzung von Bildern aus dem Front-End heraus war etwas, das sich unsere Nutzer ständig wünschten. Wir hatten dafür eine Lösung in Form einer Bedingter Shortcode basierend auf Sprache, was bestens funktionierte.
Allerdings musste dies im Backend verwendet werden, was den intuitiven Übersetzungsablauf im Frontend, für den TranslatePress bekannt ist, gewissermaßen unterbrach.
Sie sollten in der Lage sein, JEDE Art von Inhalt direkt vom Frontend aus zu übersetzen. Aus diesem Grund haben wir mit ein wenig Refactoring die Möglichkeit verlagert, Bilder, Slider und mehr direkt im Frontend zu übersetzen. Dies macht es einfacher denn je, verschiedene Medien basierend auf der Sprache anzuzeigen.
Einige Anwendungsbereiche der Bildübersetzung in WordPress:
- Ein Bild oder Website-Logo mit Text haben, das sich beim Ändern der Sprache ändern muss.
- Verkauf eines E-Books, bei dem das Cover den Titel in der ausgewählten Sprache widerspiegeln muss mehrsprachige Website
- Erstellen mehrsprachige Schieberegler, die mehrere Bilder mit Text enthalten, die übersetzt werden müssen
- WooCommerce-Produkt übersetzen Bilder (Kurse, Veranstaltungen, Bücher, T-Shirts – eigentlich jede Art von Produkt mit Text darauf)
Übersetzen von Bildern, die Text enthalten
Nun da wir einige Anwendungsfälle der Bildübersetzung durchgegangen sind, wollen wir uns dem einfachen Prozess der Übersetzung von bildbasiertem Text widmen.
Nach Installation und Aktivierung TranslatePress: Sie werden feststellen, dass in der Admin-Leiste ein neuer Eintrag ”Website übersetzen“ hinzugefügt wurde.
Führen Sie den Mauszeiger darüber und klicken Sie auf “Einstellungen”, um zu den TranslatePress-Einstellungen zu gelangen. Von hier aus können Sie eine neue Übersetzungssprache hinzufügen. In diesem Beispiel verwenden wir Spanisch.
Klicken Sie danach einfach auf “Änderungen speichern” und auf “Website übersetzen”, um mit der Übersetzung Ihrer Website-Inhalte zu beginnen.
Sie werden zu einer visuellen Frontend-Übersetzungsoberfläche weitergeleitet. Von dort aus können Sie zu der Seite navigieren, die Ihr Bild mit Text enthält.
Bewegen Sie einfach den Mauszeiger über das Bild und klicken Sie auf das Bleistiftsymbol, um es durch ein anderes Bild zu ersetzen, das den Text auf Spanisch enthält.
In unserem Fall haben wir einen Blogbeitrag mit dem Schwerpunkt “Bäume retten”, der ein Bild mit Text enthält. Nach einem Klick auf das Stiftsymbol können Sie in der Übersetzungsseitenleiste eine andere Bildquelle für die spanische Version hochladen oder auswählen.
Wählen Sie die übersetzte Version des Bildes aus oder laden Sie sie hoch, klicken Sie auf “Speichern” und Sie sind fertig. Wenn Sie die Sprache auf Spanisch umstellen, wird nun die spanische Version des Bildes mit Text angezeigt.
Sie können das Bild auch nach Namen in der Übersetzungsseitenleiste auswählen, indem Sie es im Dropdown-Menü der Zeichenfolgen suchen unter Bilder Optionsgruppe.
Übersetzen von Bildtitel und Alt-Attribut
Zukünftig können Sie neben der Bildquelle auch Meta-Informationen übersetzen wie zum Beispiel die Titel und alt Attribut.
Übersetzen Sie die alt Attribut, das du brauchen wirst SEO-Add-on das in der Premium-Versionen des Plugins.
Übersetzen des Bild-Alternativtexts kann sich positiv auswirken auf die Suchmaschinen-Rankings in mehreren Sprachen.
Wenn das SEO-Add-on installiert und aktiviert ist, erhalten Sie Zugriff auf die Übersetzung des Alt-Textes, wenn Sie auf ein Bild klicken. Wenn Ihr Bild in der Originalsprache einen Titel hat, können Sie diesen ebenfalls übersetzen.
Wie im obigen Bild zu sehen ist, werden alle Bild-Metadaten zusammen mit der Bildquelle in der Übersetzungsseitenleiste angezeigt.
Bilder, die Links enthalten, übersetzen
Ein weiteres beliebtes Szenario für die WordPress-Bildübersetzung ist, wenn dieses bestimmte Bild auch einen Link enthält. Zum Beispiel ein E-Book-Cover-Bild, das auf eine PDF-Datei mit dessen Inhalt verlinkt, oder verschiedene externe Links, unter denen verschiedene Versionen erworben werden können.
Wenn Ihr Bild mit etwas verlinkt ist, erkennt TranslatePress dies und ermöglicht es Ihnen, den Medienlink oder die externe URL je nach Sprache anzupassen.
Wenn Ihr Bild einen Link enthält, bemerken Sie ein “Ankerlink” in der Übersetzungsseitenleiste angezeigt, wenn Sie es auswählen. Dies kann verwendet werden, um übersetzte Versionen Ihres Bildes auf verschiedene Ziele verlinken zu lassen.
Im obigen Beispiel haben wir es verwendet, um auf verschiedene Amazon-Buchseiten zu verlinken. Die englische Version verlinkt auf den englischen Amazon-Titel, während das spanische Cover auf die spanische Version des Buches bei Amazon verlinkt.
Mehrsprachige Schieberegler erstellen
Da Slider im Wesentlichen eine Sammlung von Bildern sind, können Sie denselben Ansatz verwenden, um einen Bildslider oder ein Karussell mit mehreren Bildern zu übersetzen.
Sie müssen lediglich mit der Maus über jedes Bild fahren, das übersetzt werden muss, auf das Stiftsymbol klicken und dasjenige auswählen, durch das Sie es in einer anderen Sprache ersetzen möchten.
Wenn die Slider-Bilder Links zu bestimmten lokalen Mediendateien oder sogar externe Links enthalten, können Sie den “Anker-Link” verwenden, um ihn basierend auf der ausgewählten Sprache anzupassen.
So sieht der Beispiel-Slider aus, wenn Sie die Sprache im Frontend wechseln.
Nicht schlecht für etwa 10 Sekunden deiner Zeit.
Das Fazit
Das Übersetzen von Bildern in WordPress mit TranslatePress folgt nun demselben intuitiven visuellen Ansatz wie beim Übersetzen jeder anderen Art von Inhalten (sei es Gutenberg-Blöcke, Elementor Inhalt, Formulare, Pop-ups & mehr).
TranslatePress Mehrsprachig
Aufgrund seines Frontend-Übersetzungsansatzes können Sie Verwende TranslatePress alle Inhalte Ihrer Website zu übersetzen, unabhängig davon, wie sie erstellt wurden.
Haben Sie noch Fragen zur Bildübersetzung 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.
Hallo, wie kann ich das Hintergrundbild ändern?
Hallo, ich möchte wissen, ob ich für SEO-Zwecke irgendeine Art von Übersetzung vornehmen sollte, wenn ein Bild in allen Sprachen dasselbe ist?
Ja, es würde Ihrer SEO helfen, den Bild-Alt-Text für jede Sprache zu übersetzen, selbst wenn das Bild dasselbe bleibt.
Vielen Dank für Ihre Antwort. Wird das Bild beim Übersetzen des Alternativtexts dupliziert? Oder handelt es sich um dasselbe Bild mit einem Verweis auf die anderen Sprachen?
Vielen Dank.
Es ist dasselbe Bild, es wird beim Übersetzen des Alt-Textes nicht dupliziert. Lediglich der Alt-Text unterscheidet sich je nach Sprache.
Sollten Sie jedoch für SEO-Zwecke verschiedene Bilder mit unterschiedlichen Dateinamen verwenden? Ich meine in dem Fall, dass das Bild exakt dasselbe ist. Sollten Sie nur das Alt-Attribut übersetzen oder gäbe es irgendeinen Nutzen, auch unterschiedliche Dateinamen hochzuladen?
Nein, das Übersetzen des Alt-Textes ist alles, was erforderlich ist. Es sei denn, das Bild enthält Text in einer bestimmten Sprache, es besteht keine Notwendigkeit, ein anderes hochzuladen.
Ist es in einer beliebigen Version von TranslatePress möglich, die Vorschaubilder in Portfolios zu übersetzen bzw. zu ändern?
Ja, die Bildübersetzung funktioniert in allen Versionen genauso.
Wie ändert man ein Hintergrundbild? Gibt es CSS, das ich anwenden kann?
Ja, wir haben eine Klasse, die Sie ansprechen können, die nach Sprache benannt ist, sodass Sie so etwas tun können wie:
body.translatepress-ro_RO{ background: red; }Hallo, können Sie ein Element wie das Logo der Website ändern?
Das Logo ist ein Bild mit unterschiedlichem Text je nach aktueller Sprache.
Gibt es eine Methode oder eine Variable, die ich verwenden kann, um das Logo basierend auf dem aktuellen Theme zu ändern?
Hallo! Sie sollten in der Lage sein, ein Logo genauso wie jedes andere Bild auf der Website zu übersetzen, solange es sich um ein Standard-Bilddateiformat (png, jpg usw.) und nicht um ein SVG-Dateiformat handelt.
Hallo,
Meine Website ist ursprünglich auf Französisch. Ich habe eine englische Version erstellt.
Ich habe übersetzte Bilder hochgeladen, aber nach dem Speichern erscheinen im englischen Artikel immer wieder die französischen Originalbilder.
Könnten Sie mir bitte helfen?
Gibt es eine Möglichkeit, auch die Bildbeschreibungen zu übersetzen? Auf meiner Website werden nämlich Alt- und Title-Tags übersetzt, aber die Beschreibung bleibt auf Englisch.