So fügen Sie lokalisierte Bilder zu Ihrer Website hinzu

So funktioniert's

Sie können ein Bild samt lokalisierten Bezeichnungen für verschiedene Sprachen über einen benutzerdefinierten HTML-Code hinzufügen. Die Funktion trägt dazu bei, die Seite für Benutzer aus verschiedenen Ländern informativer zu gestalten. Sie können eine bestehende Lösung nutzen oder Ihren eigenen Code hinzufügen.

Wie komme ich dazu

Bestehende Lösung nutzen

1. Öffnen Sie Ihr Projekt im Kundenportal.
2. Klicken Sie in der Seitenleiste auf Site Builder.
3. Klicken Sie auf Site Builder öffnen.
4. Konfigurieren Sie im Header-Block die Komponente Übersetzungen.
5. Wählen Sie die Sprache(n) aus, die Sie einem lokalisierten Bild hinzufügen möchten.
6. Fügen Sie folgenden Code im Block Benutzerdefinierter Code ein:

<style>
  .localised-image {
    text-align: center;
    padding: 4em 1em;
  }
  .localised-image img {
    width: 100%;
  }
</style>  
<div class="localised-image">
  <img class="lazy loaded" data-src="https://cdn3.xsolla.com/files/uploaded/2340/d9d69114bb9f7c60f0981639aaa4bf3a.jpeg" />
</div>

7. Platzieren Sie den Link für jedes Bild im Element img des Attributs data-src. Unterstütze Bildformate: JPEG, PNG, GIF.
8. Um mehrere lokalisierte Bilder hinzuzufügen, duplizieren Sie den Block mit dem Tag div und ändern Sie die URLs des Bildes.
9. Klicken Sie auf Vorschau, um sich die Änderungen anzeigen zu lassen.

Tutorial-Video zur Anleitung:

Eigenen Code hinzufügen

1. Klicken Sie im Site Builder auf Block hinzufügen und dann auf Benutzerdefinierter Code.

2. Fügen Sie Ihren eigenen Code in den Block ein.

Diese Seite bewerten

Gibt es etwas, das wir verbessern können? Senden

Jetzt nicht

Vielen Dank für Ihr Feedback!

Nützliche Links