Einführung in WPML GraphQL – Headless, mehrsprachige WordPress-Websites erstellen
Amir··4 Minuten
Teilen:
Wir freuen uns, die Veröffentlichung von WPML GraphQL bekannt zu geben, einem neuen Verbindungs-Plugin, das eine Brücke zwischen WPML und WPGraphQL schlägt und mehrsprachigen Support innerhalb des GraphQL-Schemas ermöglicht.
WPML GraphQL wurde für Entwickler konzipiert, die Gatsby, React, Vue und andere beliebte Frontend-Technologien verwenden, und ist die optimale Lösung für die Erstellung von Headless-WordPress-Websites in mehreren Sprachen.
Was ist Headless-WordPress?
Einfach ausgedrückt bezieht sich „Headless-WordPress“ auf eine Einrichtung, bei der WordPress im Hintergrund arbeitet, während Sie eine separate Technologie für das Frontend einsetzen.
Manchmal müssen Sie eine komplett benutzerdefinierte Frontend-Anwendung erstellen, ohne der Template- und URL-Hierarchie von WordPress folgen zu müssen. Mit anderen Worten: Sie möchten nicht durch die Funktionsweise von WordPress-Themes eingeschränkt sein, sondern Ihr eigenes Frontend erstellen.
Allerdings können Sie WordPress weiterhin für all Ihre Anforderungen an die Inhaltserstellung und -bearbeitung nutzen.
Jetzt benötigen Sie nur noch eine Möglichkeit, Daten aus dem WordPress-Backend einfach an die von Ihnen verwendete Frontend-Technologie zu übermitteln. Hier kommt WPGraphQL ins Spiel. Es ermöglicht Ihnen, gezielt genau das Inhaltselement abzurufen, das Sie für jeden Teil Ihres Frontends benötigen.
Schließlich ist WPML GraphQL die magische Zutat, mit der Sie Sprachdaten und Übersetzungen aus dem WPML-Plugin abrufen können. Dies ermöglicht es Ihnen, eine maßgeschneiderte, mehrsprachige Headless-WordPress-Website zu erstellen.
Empfohlener Entwicklungs-Stack für die Erstellung von Headless-WordPress-Websites
Frontend
Gatsby
Frontend-Framework für die Erstellung der benutzerorientierten Anwendung oder Website
Gatsby-Add-on für WordPress
Das Add-on Gatsby-Source-WordPress ermöglicht es Gatsby, Daten aus Ihrem WordPress-Backend abzurufen
Backend
WordPress
Für all Ihre Content-Management-Anforderungen nutzen Sie nur das Backend
WPGraphQL-Plugin für WordPress
Fügt WordPress GraphQL-Support hinzu
WPML GraphQL-Plugin für WordPress
Ermöglicht mehrsprachige Funktionen innerhalb des GraphQL-Schemas
WPGatsby-Plugin für WordPress
Optional, kann aber je nach Ihren Anforderungen nützlich sein
Erweiterte Funktionen mit WPML GraphQL
WPML GraphQL lässt sich in WPGraphQL integrieren und fügt dem GraphQL-Schema neue Felder und Filter hinzu. Nach der Installation des Plugins können Sie zu GraphQL → GraphQL IDE navigieren und den Query Composer verwenden, um Inhalte in mehreren Sprachen abzufragen und zu filtern.
Im folgenden Screenshot sehen Sie, wie einfach es ist, das Feld language zu verwenden, um eine Liste aller Beiträge auf einer WordPress-Website abzurufen, einschließlich ihres Sprachcodes, Slugs und ihrer URI. Sie können auch das Feld translations verwenden, um ähnliche Informationen für die Übersetzungen jedes Beitrags zu erhalten:
Verwendung der Felder language und translations im Query Composer, um Beiträge in mehreren Sprachen abzurufen
Diese Integration zwischen WPML GraphQL und WPGraphQL eröffnet eine Welt voller mehrsprachiger Möglichkeiten:
Erstellen von mehrsprachigen Headless-WordPress-Websites
Verwenden neuer Felder (language, language code, translations), um spezifische Sprachdaten und Übersetzungen aus dem WPML-Plugin abzurufen
Filtern von Beitragstypen, Taxonomien und Kommentaren nach Sprache
Abrufen von Sprachdaten für Objekte und Nodes
Abfragen von Daten basierend auf allen installierten Sprachen oder bestimmten Sprachen
Als Bonus funktioniert WPML GraphQL gut mit ACF, ACF Multilingual und WPGraphQL for Advanced Custom Fields. Dies ermöglicht es Ihnen, problemlos mit mehrsprachigen Daten aus ACF-Feldern zu interagieren.
Weitere Informationen darüber, wie mehrsprachige Funktionen WPGraphQL aufwerten können, finden Sie auf der Seite zu WPML GraphQL.
Oder Sie gehen im Admin-Bereich Ihrer Website zu Plugins → Installieren und klicken auf den Tab Kommerziell.
Herunterladen von WPML GraphQL über den Tab Kommerziell auf der Plugin-Seite
Teilen Sie uns Ihre Meinung mit
Verwenden Sie derzeit WPGraphQL für Ihre Webentwicklung? Planen Sie, eine Headless-WordPress-Website mit mehrsprachiger Funktionalität zu erstellen? Wir würden uns freuen, Ihre Meinung zu hören!
Teilen Sie uns Ihr Feedback mit und erzählen Sie uns in den Kommentaren unten, wie Sie das WPML GraphQL-Plugin verwenden möchten.
Übersetzen Sie Options-Seiten direkt im Übersetzungs-Dashboard, verwalten Sie lokale Felder einfacher und profitieren Sie von einer schnelleren Performance mit ACFML 2.2.0.
Wir haben soeben WPML SEO 2.2.0 mit neuen Verbesserungen veröffentlicht, die die Verwaltung von mehrsprachigem SEO einfacher und effizienter machen – unabhängig davon, ob Sie Yoast SEO oder Rank Math SEO verwenden.
Erfahren Sie, wie Sie Ihre WooCommerce-Kassenseite anpassen können, um die Benutzererfahrung für internationale Kunden zu verbessern und mehr zu verkaufen.
Amir·
Durchsuchen Sie die Dokumentation, den Blog, Hooks und mehr.