Pixpas Integration mit Weglot bietet Ihnen alles, was Sie zum Übersetzen, Anzeigen und Verwalten Ihrer mehrsprachigen Website benötigen, mit vollständiger Bearbeitungskontrolle.
Keine Komplexität: Verbinden Sie Ihre Pixpa-Website mit Ihrem Weglot-Konto, um in wenigen Minuten eine vollständig übersetzte und angezeigte Website zu erhalten.
Automatisierte Übersetzung: Weglot scannt und erkennt automatisch den Text, die Bilder und die SEO-Metadaten Ihrer Pixpa-Site und übersetzt fortlaufend alle neuen Inhalte oder Seiten.
Erreichen Sie neue Zielgruppen: Profitieren Sie von mehrsprachigem SEO mit sprachlichen Subdomains oder Unterverzeichnissen, hreflang-Tag-Implementierung und übersetzten Metadaten, um Ihre übersetzten Seiten in Suchmaschinen zu platzieren.
In diesem Artikel:
- Richten Sie ein Weglot-Konto ein und kopieren Sie den Weglot JS-Code
- Betten Sie den JS-Code in Pixpa Studio ein
- Dynamische Site-Elemente übersetzen
- Standard-Weglot-Sprachumschalter
- Pixpa Sprachumschalter
- Übersetzungsausschlüsse hinzufügen
- Verwendung von Subdomains für Sprachwebsites
Gehen Sie folgendermaßen vor, um das Weglot-Code-Snippet zu kopieren:
- Verein registrieren für das Weglot-Konto.
- Sie sollten erhalten Sie eine Bestätigungs-E-Mail in dem Konto, mit dem Sie sich angemeldet haben. Nachdem Sie Ihre E-Mail validiert haben, gelangen Sie auf die Einrichtungsseite von Weglot.
- Erstellen Sie ein neues Projekt und wählen Sie „Andere“ als Ihre „Website-Technologie“.
- Scrollen Sie im nächsten Schritt nach unten zum Kästchen und klicken Sie auf „Verwenden Sie die Javascript-Integration", Wie nachfolgend dargestellt.
- Sie werden dann aufgefordert, die Originalsprache Ihrer Pixpa-Website und die neue(n) Sprache(n) einzugeben, in die Sie Ihre Website übersetzen und anzeigen möchten.
- Kopieren Sie im nächsten Schritt den auf Ihrem Bildschirm angezeigten Code und fügen Sie ihn in Pixpa Studio ein. Das ist es.
Betten Sie den kopierten JS-Code in Pixpa Studio ein
- Gehen Sie zu Einstellungen .
- Klicken Sie auf Sprache und Labels auf der linken Seitenleiste.
- Aktivieren Sie den Schalter und fügen Sie den kopierten Weglot JS-Code ein.
- Klicken Sie auf Speichern Taste. Das ist es.
Ihre Pixpa-Website ist jetzt übersetzt!
Sie haben Ihre Website jetzt erfolgreich mit Weglot übersetzt. Gehen Sie auf Ihre Website und Sie sehen a Sprachumschalter unten rechts Ihrer Website (es kann einige Minuten dauern, bis sie angezeigt werden).
Melden Sie sich bei Ihrem Weglot-Konto an und gehen Sie dann zu „ Übersetzungen“, um alle Ihre Übersetzungen zu finden und zu bearbeiten.
Dynamische Site-Elemente übersetzen
Weglot übersetzt möglicherweise standardmäßig keine dynamischen Inhalte (z. B. Listenelementabschnitte, Überschriftenabschnitte usw.). Um dies zu beheben, gehen Sie zu Ihrem Weglot-Konto und dann zu App Einstellungen.
- Klicken Sie auf die Schaltfläche Dynamisch hinzufügen
- Kopieren Sie wie unten gezeigt den CSS-Selektor, fügen Sie ihn ein und klicken Sie auf Speichern. Do Vergessen Sie nicht das Punkt-Präfix.
.is-wrapper, .overlay-container, .dynamic-component, .gallery-slider-desc
- Das ist es. Laden Sie jetzt Ihre Pixpa-Site neu.
- Die Änderungen sollten 30 Sekunden später sichtbar sein, zögern Sie nicht, die Seite Ihrer Website Hard-Refresh* durchzuführen und in einem Inkognito-Fenster erneut nachzusehen, wenn Sie die Änderungen nicht bemerken.
*Hard-Refresh:
Mac: cmd shift R (Kleinbuchstaben)
PC: Strg F5
Stil-Sprachumschalter
Sie können zwischen dem standardmäßigen Weglot- und Pixpa-Sprachumschalter wählen.
Weglot Standard-Sprachumschalter
Der von Weglot bereitgestellte Sprachumschalter ist ein kleines Kästchen, das sich in der unteren rechten Ecke der Website befindet. So sieht es aus:
Die Grundeinstellungen für den Umschalter von Weglot (1) finden Sie in Ihrem Weglot-Dashboard > Einstellungen > Sprachen ändern. So sehen sie aus:
Sie können auch einige hinzufügen Benutzerdefinierte CSS (2) hier, um das Switcher-Design anzupassen oder die Standardposition auf der Website zu ändern.
zB ist die Standardposition des Weglot-Umschalters unten rechts. Um es zu ändern Position nach links, fügen Sie den folgenden CSS-Code in Ihrem Weglot-Konto hinzu.
.wg-default, .wg-default .country-selector {
left: 40px!important;
right: auto!important;
}
Hier geht es weiter. um ein paar weitere Anpassungen des Standard-Umschalters zu sehen.
Pixpa Sprachumschalter
Verwendet Stileigenschaften von der Pixpa-Website. Switcher wird dabei sein Hauptmenü der Webseite.
Klicken Sie hier, um in Aktion zu sehen – light.pixpa.com
Übersetzungsausschlüsse hinzufügen
Weglot übersetzt möglicherweise standardmäßig das Dropdown-Menü des Sprachumschalters. Um dasselbe einzuschränken, gehen Sie zu Ihrem Weglot-Konto und dann zu Ausschluss der Übersetzung
- Klicken Sie im Abschnitt „Ausgeschlossener Block“ auf „Regel hinzufügen“.
- Kopieren Sie wie unten gezeigt den CSS-Selektor, fügen Sie ihn ein und klicken Sie auf Speichern. Do Vergessen Sie nicht das Punkt-Präfix.
.pixpa-Sprachumschalter
Verwendung von Subdomains für Sprachwebsites
Sie müssen eine benutzerdefinierte Domain mit Ihrer Pixpa-Website verbinden, um eine subdomainbasierte Sprachwebsite in Weglot zu aktivieren, da diese Funktion die Bearbeitung der DNS-Einträge für Ihren Domainnamen erfordert. Siehe Hilfeartikel wie Sie einen benutzerdefinierten Domainnamen mit Ihrer Pixpa-Website verbinden.