DE{CODE}: Ein Atlas des Atlas

Veröffentlicht: 2023-02-12

Atlas ist die Komplettlösung für die Headless-WordPress-Entwicklung mit Open-Source-Tools für Seitenvorlagen, Datenabruf, Inhaltsmodellierung und mehr. Wie sieht die aktuelle Landschaft von Atlas aus? Sehen Sie sich das Video unten an, um mehr über aufregende neue Tools zu erfahren, die Headless-WordPress-Entwicklern zur Verfügung stehen und die Erstellung leistungsstarker und sicherer Websites schneller und einfacher machen.

Video: Ein Atlas des Atlas

Sitzungsfolien

Ein Atlas von Atlas.pdf von WP Engine

Vollständige Textabschrift

KELLEN MACE : Hi, und willkommen zu diesem Vortrag, den wir „An Atlas of Atlas“ nennen. Ich bin Kellen Mace und meine Kollegin Ilona wird mich begleiten. Wir beide übernehmen die Hälfte der Präsentation und gehen eine Reihe von Produkten durch, die das Atlas-Ökosystem ausmachen.

Atlas ist also, wie Sie vielleicht wissen, der Name der kopflosen WordPress-Hosting-Plattform von WP Engine. Aber es ist wirklich viel mehr als das. Es enthält eine Reihe von Produkten und Open-Source-Angeboten, die es wirklich so reibungslos wie möglich machen, Websites mit Headless-WordPress-Sites zu erstellen – Websites mit Headless-WordPress zu erstellen – und diese auch bereitzustellen.

Ich bin der Manager unseres Developer Relations Teams bei WP Engine. Meine Arbeit beinhaltet also viel Engagement für die Community und den Versuch, die Community über das Erstellen und Bereitstellen von Websites aufzuklären. Und ein Großteil meiner Arbeit konzentriert sich speziell auf Headless WordPress.

Ich bin also sehr in diese Welt investiert, um es sehr, sehr einfach zu machen, kopflose WordPress-Sites zu entwickeln. Bevor wir uns mit all den Angeboten befassen, auf die ich mich beziehe und die Teil des Atlas-Ökosystems sind, möchte ich zunächst sicherstellen, dass wir das grundlegende Wissen darüber haben, wie sich eine traditionelle WordPress-Architektur von einer kopflosen WordPress-Architektur unterscheidet.

Wie Sie auf dieser Folie hier sehen können, wird es also traditionell durch diese Art von Workflow dargestellt. Sie können also sehen, dass wir hier drei verschiedene Gruppen vertreten haben. Wir haben Publisher, Entwickler und Website-Besucher. In traditionellem WordPress, dem Herausgeber in Lila, würden sie also ihre gesamte Inhaltserstellung, -bearbeitung und -verwaltung innerhalb des WordPress-Adminbereichs durchführen, und alle ihre Inhalte würden dann in WordPress gespeichert.

Der Entwickler in Blau, diese Person würde ihre Codierung in WordPress-Themen und Plug-Ins vornehmen, und diese Daten würden auch in der WordPress-Anwendung leben. Und schließlich unser Besucher in Grün, wenn diese Person die WordPress-Site besucht, hat WordPress viele Jobs. Es muss die Daten aus der Datenbank abrufen und dann seine Themen-API verwenden, um diese zu erstellen und schließlich die Website – die HTML-Website – bereitzustellen, die für den Endbenutzer sichtbar ist.

WordPress bedient also alle drei dieser Gruppen. Heutzutage wird es jedoch immer beliebter, eine kopflose WordPress-Architektur zu übernehmen. Und das sieht ungefähr so ​​aus, wo unser Herausgeber hier unten in Lila seine Inhalte immer noch innerhalb von WordPress erstellt, bearbeitet und misst. Dieser Teil bleibt also wirklich unverändert.

Aber die anderen beiden Gruppen, ihre Arbeitsabläufe sind hier ganz anders. Anstatt die Theme-API von WordPress zu verwenden, verwenden die Entwickler in Blau stattdessen JavaScript und ziemlich oft moderne Frameworks wie React oder Vue oder Svelte, um eine auf Node.js basierende Front-End-JavaScript-App zu erstellen.

Und dann der Besucher in Grün, das ist die Anwendung, die er tatsächlich in dieser JavaScript-App besucht. Und dann zwei, die Node.js-Frontend-Anwendung und das WordPress-Backend, kommunizieren miteinander. Das würden also einige der grünen – die grauen Pfeile hier darstellen.

So können diese beiden nach Bedarf Daten senden und empfangen. Es gibt viele Leitfäden da draußen, einschließlich auf unserer eigenen Website, in denen die Entwicklerbeziehungen mehr über den Unterschied zwischen traditionell und kopflos laufen, und wahrscheinlich noch wichtiger, warum Sie das eine gegen das andere in Betracht ziehen sollten.

Schauen Sie sich das also an, wenn Sie dort etwas mehr Vertrautheit erlangen möchten. Nachdem diese Art von Grundlagen geschaffen wurden, möchte ich jedoch in einige der Atlas-Angebote eintauchen, die das Bauen mit der kopflosen WordPress-Architektur noch besser machen. Was wir heute behandeln werden, sind diese…

Wir stellen Atlas als Komplettlösung dar und, wie gesagt, wirklich ein Ökosystem aus verschiedenen Produkten, um das Erstellen und Bereitstellen von Headless-Apps so einfach wie möglich zu machen. Also werde ich hier die oberste Reihe abdecken. Also Faust, WPGraphQL und Atlas Content Modeler.

Und danach übergebe ich die Dinge an Ilona, ​​und sie wird Atlas Search, Atlas Blueprints und dann Atlas For All abdecken. Okay, also lass uns jetzt mit Faust eintauchen. Faust ist ein wirklich spannendes Projekt. Dies ist das kopflose WordPress-Framework. Was wir damit meinen, ist, dass es sich um ein Front-End-JavaScript-Framework handelt, ähnlich denen, von denen Sie vielleicht schon gehört haben, wie Next.js oder Gatsby oder SvelteKit.

Es ähnelt einigen dieser JavaScript-Frameworks für Single-Page-Apps, mit einem wichtigen Unterschied. Faust ist spezifisch für WordPress und maßgeschneidert für das Erstellen von Websites mit einer kopflosen WordPress-Architektur. Es basiert auf Next.js, einem unglaublich beliebten Single-Page-App-Framework für das Front-End.

Das sind meiner Meinung nach also wirklich gute Neuigkeiten. Das bedeutet, dass Sie die gesamte harte Arbeit, die in die Verbesserung von Next.js und alle neuen Funktionen, die Next einführt, investieren, übernehmen und auch in Ihrer Faust.js-App nutzen können. Darüber hinaus sind in Faust auch Authentifizierungs- und Beitragsvorschauen integriert, was wirklich ein großer Vorsprung ist, wenn Sie kopflose WordPress-Sites erstellen.

Wenn Sie eine traditionelle Website erstellen, erhalten Sie diese Dinge kostenlos. WordPress hat sein Authentifizierungs- und Autorisierungssystem in seinem Fähigkeitssystem, um zu wissen, was Benutzer was auf der Website tun können, und es kann Personen authentifizieren und Personen mit bestimmten Fähigkeiten auch erlauben, Beitragsvorschauen anzuzeigen.

Das ist also eine Vorschau auf einen noch nicht veröffentlichten Beitrag. Es kann sich beispielsweise im Entwurfsstatus befinden. Sobald Sie jedoch zu einer kopflosen WordPress-Architektur übergehen, müssen Sie diese beiden Dinge wirklich neu erfinden. Ihre Front-End-App und Ihre Back-End-WordPress-Site müssen in der Lage sein, Benutzer zu authentifizieren und dann Beitragsvorschauen anders bereitzustellen, als es WordPress in der Vergangenheit getan hat.

Und ich habe das selbst von Grund auf neu verkabelt und es ist ziemlich viel Arbeit. Also ich mag die Tatsache, dass man mit Faust diese Dinge aus der Schachtel bekommt. Diese muss man nicht für jedes neue Projekt neu schreiben, was meiner Meinung nach riesig ist. Als nächstes möchte ich die Funktion von Faust.j hervorheben, die das einfache Abrufen von Daten ist.

Dies ist also eine weitere Sache, die Sie, wenn Sie gerade mit einer sauberen Weste beginnen, auf der Gatsby oder Next.js oder SvelteKit oder so läuft, von Grund auf neu verdrahten müssten. Sie müssten herausfinden, welchen GraphQL-Client ich verwenden werde und wie ich das verkabeln werde, damit es auf das entsprechende WordPress-Backend verweist und ich Daten senden und empfangen kann.

Und wenn das alles erledigt ist, wie mache ich das eigentlich? Wie stelle ich meine Abfragen zusammen und rufe die Daten ab? Faust hat also auch hier viele Annehmlichkeiten eingebaut. Sobald Sie ein neues Faust-Projekt erstellen, ist der Datenabruf bereits für Sie eingerichtet. Und es enthält sogar eine Reihe von Reaktionshaken, mit denen Sie allgemeine Dinge in WordPress wie Beiträge, Seiten, Kategorien und Tags abrufen können.

Es gibt wirklich praktische Reaktionshaken, die vorgefertigt und fertig zum Abrufen dieser Dinge sind, sodass Sie sofort mit dem Aufbau Ihrer Seiten beginnen können, was wiederum eine enorme Zeitersparnis bedeutet. Und die letzte für Faust hier ist unsere Version 1.0.

Daher freue ich mich, ankündigen zu können, dass wir hier in naher Zukunft Version 1.0 von Faust veröffentlichen werden. Das wird also eine Version von Faust sein, die die Stabilität hat, mit der wir zufrieden sind, wenn wir sie 1.0 nennen. Und nach diesem Zeitpunkt könnten Sie noch mehr Selbstvertrauen haben, neue Projekte auf Faust.js zu erstellen.

Wenn Ihnen das alles verlockend erscheint und Sie mögen – Ihnen gefällt die Idee, ein Front-End-JavaScript-Framework auszuprobieren, das viele der Dinge für Sie integriert hat – Beitragsvorschau, Authentifizierung, einfaches Abrufen von Daten – dann ermutige ich Sie dazu nur so zum ausprobieren. Hier ist, wo Sie es bekommen.

Sie können also zu github.com/wpengine/faustjs gehen, um sich das Projekt anzusehen und es selbst auszuprobieren. Das war es für Faust.js, unser Front-End-JavaScript-Framework. Als nächstes würde ich gerne über WPGraphQL sprechen. Dies ist ein Plug-in, das wirklich umwerfend ist, wenn man darüber nachdenkt.

WordPress ist das größte CMS der Welt. Jetzt versorgt es über 40 % des Internets mit Strom. Und WPGraphQL ist ein kostenloses Open-Source-Plug-in, das die GraphQL-Technologie auf 40 % des Webs bringt, für jede WordPress-Site, die diese Technologie verwenden möchte.

Ich freue mich also sehr, dass es das gibt, und freue mich, dass WP Engine die Entwicklung jetzt finanziert und WPGraphQL voll unterstützt. Lassen Sie uns also eintauchen und einige der neuen aufregenden Funktionen sehen, die in WPGraphQL hinzugekommen sind und bald hinzukommen werden.

Eines davon ist die eingebaute GraphQL-IDE. Das existiert also schon seit einiger Zeit in WPGraphQL. Für alle, die es nicht wissen, möchte ich nur hervorheben, wie leistungsfähig dies für die Entwicklererfahrung und für die Arbeitsabläufe ist, die es freischaltet. Sie können also hier im Screenshot sehen, dass ich eine Abfrage namens get post erstellt habe und einige Abfragevariablen übergebe.

Ich sage also, die ID des Beitrags, den ich erhalten möchte, lautet: Was ist Headless WordPress? Und dann ist der ID-Typ eine Schnecke, richtig? Dann kann ich hier oben links auf das Wiedergabesymbol klicken, um diese Abfrage auszuführen. Und dann sehen Sie auf der rechten Seite, was meine Front-End-JavaScript-App zurückbekommen würde, wenn sie diese identische Abfrage auslösen würde.

Sie sehen also auf der rechten Seite, dass ich für diesen Beitrag die Datenbank-ID und dann auch den Titel zurückbekomme. Das ist also enorm, um Ihre Abfragen zusammenstellen und dann auf die Wiedergabeschaltfläche drücken zu können, um sie auszuführen und schnell zu sehen, was Ihre Front-End-App zurückbekommen würde, wenn sie dieselben Daten anfordern würde.

Und sobald Sie Ihre Abfrage erstellt haben und sie das zurückgibt, was Sie möchten, können Sie dies in Ihrer Front-End-JS-App verwenden. So richtig mächtig. Ich freue mich sehr über die Entwicklererfahrung, die WPGraphQL mit der GraphiQL-IDE bietet. Ein weiteres Feature, das zu GraphQL gekommen ist, ist dieses.

Das ist Ihnen vielleicht auf der vorherigen Folie aufgefallen. Ich habe hier meinen kleinen Avatar, der oben links in der GraphQL-IDE angezeigt wird. Auf diese Weise können Sie entweder authentifizierte oder nicht authentifizierte Anforderungen auslösen. Und das ist riesig. Wenn ich also darauf klicke, damit es mit Farbe gesättigt ist – mein Avatarbild ist dort gesättigt und ich habe das kleine grüne Symbol daneben – weiß ich, dass ich als ich eingeloggt bin und eine authentifizierte Anfrage abfeuere.

Alle Daten, die ich zurückerhalte, sind also spezifisch für die Benutzerfunktionen, die ich als angemeldeter Benutzer habe. Oftmals ist es jedoch hilfreich zu testen, was Sie zurückbekommen würden, wenn Sie eine Abfrage als nicht authentifizierter Benutzer ausführen würden, richtig? Dies bedeutet also nur einen Website-Besucher, der auf Ihrer Website landet und nicht authentifiziert ist.

Wenn die Abfrage, wissen Sie, für diese Person laufen würde, um einige Daten abzurufen, würde sie alle Daten zurückbekommen, oder ist ein Teil davon gesperrt oder erfordert Fähigkeiten? Mit einem einzigen Klick können Sie also jetzt auf dieses Avatar-Symbol klicken und dieselbe Abfrage abfeuern, die Sie als nicht authentifizierter Benutzer erstellt haben, nur um zu bestätigen, dass Sie das zurückbekommen, was Sie immer erwarten.

Das war eine wirklich coole neue Ergänzung zu WPGraphQL. Weiter im GraphQL-IDE-Zug hier werden wir als nächstes über Query Composer sprechen. Dies ist auch ein sehr cooles Tool. Und wenn Sie den Query Composer öffnen, sieht es so aus, wie Sie es hier im Screenshot sehen, wo Sie Ihrer Abfrage einen Namen geben können, Sie können Abfragevariablen übergeben.

Sie können also hier sehen, dass ich sage, dass das Übergeben einer ID von dem, was sie sagt, WordPress ist, und der ID-Typ ist Slug, und von dort aus können Sie einfach Kontrollkästchen für die Daten aktivieren, die Sie zurückhaben möchten. Und die GraphQL-IDE ist intelligent genug, um eine Selbstbeobachtungsabfrage auszuführen und alle in WordPress verfügbaren Daten zu kennen, und sie zeigt alles hier.

Es macht es also wirklich leistungsfähig, einfach auf diese Kästchen zu klicken und Ihre Abfragen zu verfassen und diese dann abzufeuern, um sie zu testen. Überprüfen Sie das also unbedingt auch. Der Query-Composer.

Das nächste, worüber ich gerne mit Ihnen sprechen würde, ist die experimentelle Gutenberg-Block-Integrationsforschung, die im Gange ist. Jason Ball, der Schöpfer und Betreuer von WPGraphQL, hat diese Codebasis – WPGraphQL Block Editor – wo er damit experimentiert hat, alle Daten über Gutenberg-Blöcke, die WordPress bereitstellt, offenzulegen, damit Sie alle abfragen können die Blöcke, die ein bestimmter Beitrag oder eine bestimmte Seite hat, und iterieren Sie diese dann und rendern Sie je nach Blocktyp unterschiedliche Komponenten in Ihrer Front-End-JavaScript-App.

Da gibt es einige Vorbehalte. Nicht alle Daten zu Blöcken werden zu diesem Zeitpunkt von WordPress offengelegt. Aber dazu kannst du in der Readme hier mehr lesen. Aber wir bei WP Engine sind wirklich begeistert, dass Fortschritte gemacht werden – es werden Fortschritte in dieser Richtung gemacht, um alle Ihre Blockdaten mit Gutenberg abfragen zu können.

Als nächstes möchte ich über persistente Abfragen sprechen. Das ist also riesig. Im Moment ist es möglich, WPGraphQL zu verwenden und dann eine Objekt-Caching-Lösung wie Redis oder Memcached zu aktivieren, um Ihre Datenbankabfragen für einige Geschwindigkeitsgewinne im Speicher zwischenzuspeichern.

Das ist bereits möglich, und das schon seit einiger Zeit. Aber eine Sache, an der das Team intern arbeitet, sind dauerhafte Abfragen, auf die ich mich sehr freue. Dies würde das Caching auf die nächste Ebene bringen, wo es die Ergebnisse für allgemeine Abfragen zwischenspeichern und diese sofort zurückgeben würde, ohne jemals zu laden – ohne jemals eine Datenbankabfrage auszuführen oder sogar WordPress zu laden.

Zuvor würde einer Ihrer Caching-Layer erkennen, dass sich die ausgeführte Abfrage noch im Cache befindet und noch gültig ist, und dies sofort zurückgeben. Das würde also – diese Funktion wird für sehr, sehr schnelle Abfragen sorgen. Darauf freue ich mich sehr. Das Team arbeitet hart daran und bleiben Sie dran, um weitere Informationen darüber zu erhalten, wann das verfügbar sein wird.

Die andere Funktion ist die Möglichkeit, Abfragen in GraphQL zu speichern. Wenn Sie jetzt eine Abfrage in GraphiQL erstellen, ist es wirklich großartig, Dinge dort schnell testen zu können. Ihre Abfragen bleiben jedoch nicht bestehen. Wenn Sie diese Seite verlassen oder löschen möchten, können Sie nicht zur Abfrage zurückkehren.

Das Team arbeitet also an einigen sehr beeindruckenden Funktionen, bei denen Sie eine Abfrage erstellen, ihr einen Namen geben und sie dann speichern können, und Sie können zwischen Ihrer Sammlung gespeicherter Abfragen hin und her gehen und Änderungen vornehmen oder wiederholen - Speichern Sie sie, um eine Art Katalog aller Abfragen zu haben, die Ihre Website verwendet, was ich auch sehr cool finde.

Es wird auch einige Integrationen zwischen dieser Funktion und der persistenten Abfrage geben, über die ich gesprochen habe. Also wirklich spannende Sachen gibt es auch. Ich ermutige Sie, WPGraphQL auszuprobieren, falls Sie es noch nicht getan haben, und Sie können dies unter wpgraphql.com tun. Es gibt dort alle Arten von Dokumentation, wie man es benutzt, wie man es herunterlädt und wo man anfangen kann.

In Ordnung, das Letzte, worüber ich mit Ihnen sprechen möchte, bevor ich es übergebe, ist Atlas Content Modeler. Dies ist ein weiteres Tool, von dem ich wirklich begeistert bin. Es ermöglicht Ihnen, Inhaltsmodelle zu erstellen. Wenn Sie schon eine Weile im WordPress-Bereich unterwegs sind, kennen Sie wahrscheinlich den Begriff benutzerdefinierte Beitragstypen.

WordPress wird also standardmäßig mit Unterstützung für zwei Post-Typen geliefert, und das sind Post und Seite. Aber für viele, viele Websites ist es sinnvoll, Ihre eigenen benutzerdefinierten Beitragstypen zu registrieren. So können Sie das Konzept eines Projekts oder eines Teammitglieds oder einer Aufgabe haben. So etwas anderes. Und speichern Sie dann Daten für diesen benutzerdefinierten Beitragstyp, den Sie erstellt haben.

Mit Atlas Content Modeler können Sie benutzerdefinierte Beitragstypen erstellen, aber wirklich so viel mehr, und er ruft diese Inhaltsmodelle auf. Dieser Screenshot zeigt also ein Beispiel. Sie können sehen, dass ich hier zwei Inhaltsmodelle erstellt habe. Einer davon heißt Standorte und ist mit drei benutzerdefinierten Feldern verknüpft.

Der andere heißt Anbieter und hat auch eine Reihe von benutzerdefinierten Feldern. Es unterstützt auch die Registrierung von Taxonomien. Sobald Ihr Inhaltsmodell – auch bekannt als Ihr benutzerdefinierter Beitragstyp – existiert, können Sie dies ganz einfach tun, wenn Sie möchten, dass es Taxonomien hinzufügen kann, um diese Beiträge zusammenfassen zu können.

Und es unterstützt eine Reihe von benutzerdefinierten Feldern. Sie können also auf der Folie sehen, dass wir Text, Rich-Text, Zahl, Datum usw. auf der ganzen Linie haben. Sie können also ein Inhaltsmodell erstellen, Taxonomien hinzufügen und dann benutzerdefinierte Felder hinzufügen, die dieser benutzerdefinierte Beitragstyp ebenfalls haben sollte.

Und ACM fügt diese im WordPress-Adminbereich hinzu, sodass jeder, der einen Beitrag dieses Typs erstellt oder bearbeitet, nur all diese Optionen für benutzerdefinierte Felder und für Taxonomien sieht. Und es wird auch all diese Daten offenlegen, über die wir gleich sprechen werden.

Eine Sache, die ich hervorheben möchte, ist, dass es auch effiziente Beziehungen ermöglicht. Sehr oft möchten Sie in der Lage sein, Beziehungen herzustellen – entweder eine zu vielen, viele zu eins oder viele zu viele Beziehungen zwischen verschiedenen Beiträgen in WordPress haben. Mein Beispiel hier war, ich hatte Gesundheitsdienstleister und dann hatte ich Standorte, wissen Sie.

Und Gesundheitsdienstleister arbeiten möglicherweise an einem oder mehreren Standorten, aber es könnte auch schön sein, Anfragen aus der anderen Richtung zu stellen, oder? Und sagen wir mal, wenn ich einen bestimmten Standort auf eine Anfrage in die andere Richtung habe, sagen sie mir alle Anbieter, die hier praktizieren, oder?

Für diese Art von bidirektionaler Beziehung freue ich mich, sagen zu können, dass ACM dies unterstützt und es ist – die Datenbank ist für diese Art von bidirektionaler Abfrage optimiert, was bei vielen anderen Beziehungslösungen für WordPress nicht der Fall ist .

Es sieht also etwa so aus, wo Sie unser neues Beziehungsfeld registrieren und ihm einfach einen Namen und eine API-Kennung geben und dann auch die Verbindung zwischen den beiden Modellen auswählen können. Also wirklich, wirklich mächtig, wenn Sie nach der Möglichkeit suchen, Beziehungen in kopflosen WordPress-Projekten zu erstellen.

Das Letzte, was wahrscheinlich das Killer-Feature von ACM ist, würde ich sagen, ist alles, was ich gerade erwähnt habe. Alles davon. Das Erstellen des Inhaltsmodells, der Taxonomien, das Hinzufügen aller Ihrer benutzerdefinierten Felder und das Herstellen von Beziehungen zwischen ihnen. Sobald Sie all diese Dinge im WordPress-Admin erstellen, ist alles automatisch im WPGraphQL-Schema und steht Ihnen sofort zur Verfügung, um mit der Abfrage von Ihrer entkoppelten Front-End-JavaScript-App zu beginnen.

Das ist also – das ist riesig. Viele Leute haben in der Vergangenheit eine Reihe von Plug-Ins zusammengeschustert, um diese Felder im Admin bereitzustellen. Aber um es dann auch in WPGraphQL und Atlas Content Modeler verfügbar zu machen, ist es erstaunlicherweise in der Lage, beides zu tun. Ich empfehle daher dringend, es auszuprobieren, wenn das für Sie mächtig klingt.

Eine Sache, die in naher Zukunft zu ACM kommen wird, ist das E-Mail-Feld, also bleiben Sie dran für Updates dazu. Das Team hat außerdem kürzlich Unterstützung für wiederholbare Felder hinzugefügt. Dies war also eine Feature-Anfrage, und ich freue mich sehr, Ihnen mitteilen zu können, dass wir jetzt Repeater-Felder unterstützen.

Sie können also ein Feld angeben und dann sagen, dass es einmal oder mehrmals wiederholt werden soll, und der Inhaltsersteller kann dann diese Wiederholungsfunktion nutzen. In Ordnung. Wenn Sie also an ACM interessiert sind und es ausprobieren möchten, würde ich Sie sehr ermutigen, dies zu tun.

Das befindet sich im WordPress-Plugin-Verzeichnis, also kannst du es dir unter wordpress.org/plugins/atlascontentmodeler holen und es selbst ausprobieren. Das war es also für meine Sektion. Vielen Dank fürs Zuhören, und jetzt übergebe ich die Dinge an Ilona, ​​um den Rest der Produkte im Atlas-Ökosystem abzudecken.

ILONA KEDRACKA: Vielen Dank, Kellen. Mein Name ist Ilona Kendracka und ich bin Produktmanagerin bei Atlas. Und was für ein Jahr war es, sowohl für Atlas als auch für die gesamte Welt von Headless WordPress. Um diese Zeit in diesem Jahr wurde Atlas erstmals der Öffentlichkeit vorgestellt.

Und für uns war es ein Jahr voller Lernen, Interviewen, Experimentieren, Prototyping und Forschen. Und es ist die größte Freude für einen Produktmanager, die Ergebnisse all der Dinge, die wir gelernt haben, in Form von Arbeitsergebnissen in Form neuer Funktionen für Atlas mit Ihnen teilen zu können. Also lass uns gleich einsteigen.

Beginnen wir mit etwas, das für jede größere Website im Internet sehr wichtig ist. Das ist Suche. Die Möglichkeit, nach Inhalten zu suchen, ist eine entscheidende Komponente, nicht nur für E-Commerce, sondern auch für andere Arten von Websites wie Unternehmens- oder Medienseiten. Untersuchungen haben tatsächlich gezeigt, dass Personen, die suchen, weitaus wertvollere Website-Besucher sind, egal ob sie nach einem bestimmten Produkt suchen, das sie kaufen möchten, oder ob sie nach einem bestimmten Artikel zum Lesen suchen, sie sind wertvoll, weil sie zu Ihnen kommen Website mit Absicht.

Und es hat sich für eine E-Commerce-Website gezeigt, dass ihre Suche etwa dreimal höhere Konversionsraten freisetzen kann. Daher ist die Suche ein wirklich wertvolles Werkzeug für die Vermarkter. Gleichzeitig ist die Suche in WordPress aus verschiedenen Gründen auch eine schmerzhafte und mühsame Aufgabe.

Die WordPress-Suche ist ziemlich langsam und lässt sich schlecht skalieren. Es ist auch ziemlich eingeschränkt in der Funktionalität. Die Einschränkungen der WordPress-Kernsuche können mit Lösungen von Drittanbietern gelöst werden, aber das bedeutet mehr Konfiguration, mehr Wartung, mehr Ärger und natürlich mehr Geld, das für eine maßgeschneiderte Lösung und Komponenten von Drittanbietern ausgegeben werden muss.

Deshalb haben wir hier in WP Engine an einer besseren, fortschrittlicheren und flexibleren Lösung gearbeitet, die die relevantesten Ergebnisse für die Kunden auf WordPress liefert. Der Bau und die Lieferung eines solchen Produkts an WP Engine-Kunden hat für uns in diesem Jahr hohe Priorität.

Aus diesem Grund freue ich mich, Ihnen diese öffentliche Beta-Version von Atlas Search, unserem neuen Produkt für die WordPress-Inhaltssuche, vorzustellen, damit Sie es ausprobieren können. Es gibt drei Hauptgründe, die die Atlas-Suche zu einem großartigen Tool für moderne Websites machen, und der erste ist die Leistung. Extrem wichtiger Aspekt für jede große Website.

Mit der Atlas-Suche werden Inhalte viel effizienter und schneller abgerufen als mit herkömmlichen WordPress-Suchlösungen. Durch die Auslagerung der Datenverarbeitung und Abfrageprozesse von WordPress zu Atlas Search werden wertvolle Rechenzyklen auf dem teuren, schwer skalierbaren WordPress-Server eingespart.

Die nächste Säule ist Einfachheit. Es erfordert viel Zeit, Mühe und Geld, um eine Lösung für die WordPress-Suche zu finden, die die Leistungs- und Genauigkeitsanforderungen moderner Websites erfüllt. Die Wartung aller beweglichen Teile ist ziemlich zeitaufwändig.

Atlas Search ist eine einzigartige, einfache und elegante Lösung, die nur minimale Konfiguration erfordert. Einmal eingerichtet, funktioniert es einfach. Und als Benutzer können Sie ganz einfach den Inhalt konfigurieren, der durchsucht werden soll. Atlas Search ist auch nahtlos in WordPress integriert, sodass es Ihre Daten in Echtzeit verarbeiten kann, wenn sie sich ändern, wodurch sichergestellt wird, dass Ihre Suchergebnisse immer auf dem neuesten Stand sind.

Sie müssen also nicht auf externe Anbieter zurückgreifen und müssen weder Zeit noch Geld für die Wartung Ihrer eigenen Lösung aufwenden. Atlas Search ist Ihr One-Stop-Shop für alles, was mit der Suche zu tun hat. Die letzten sind Relevanz und Genauigkeit. In einer guten WordPress-Suche fehlen einige der wichtigen Funktionen.

Und das Fehlen von ihnen macht es nicht gut für moderne Websites geeignet. Dinge wie die Volltextsuche, die Möglichkeit, die Suche zu definieren, die Relevanzbewertung sind mit der traditionellen WordPress-Suche entweder schwer durchzuführen oder fast unmöglich. Daher freue ich mich, Ihnen mitteilen zu können, dass es uns gelungen ist, viele dieser Schwachstellen in unserer neuen Suchlösung anzugehen.

Im Atlas Search-Dashboard können Sie mithilfe einer wirklich einfachen und intuitiven Benutzeroberfläche angeben, welche Felder Sie durchsuchen möchten. Das umfasst nicht nur die gesamten WordPress-Felder, sondern auch andere Suchfunktionen. Benutzerdefinierte Beitragstypen und unausgeglichene benutzerdefinierte Felder. Und natürlich unser ganz eigener Atlas Content Modeler, der sofort einsatzbereit ist.

Sie können für jedes der ausgewählten Felder angeben und die relevantesten Ergebnisse abrufen. Sie können auch nach mehreren Begriffen suchen und Google-ähnliche Suchoperatoren in Ihren Suchanfragen verwenden. Atlas Search funktioniert am besten mit WordPress REST API und WPGraphQL, was Ihnen die Flexibilität und Portabilität der Tools bietet, die Sie für Ihr Headless-Projekt verwenden möchten.

Ich freue mich also sehr auf diese Version und wir können es kaum erwarten zu sehen, welche großartigen Projekte Sie mit unserer neuen Lösung erstellen werden.

Weiter zu unserer nächsten Ankündigung. Der Einstieg in die Welt von Headless WordPress ist aufregend, aber aus vielen verschiedenen Gründen kann es anfangs ziemlich schwierig sein. Zunächst einmal gelten viele Aspekte des Prozesses der Erstellung von Websites, die für monolithisches WordPress gelten, nicht mehr für Headless.

Wir wissen, dass es Zeit braucht, um sich mit einer anderen Denkweise über das Erstellen von Apps vertraut zu machen. Für viele von Ihnen ist es auch das erste Mal, dass Sie mit neuen Tools und Technologien, Programmiersprachen und Frameworks interagieren. Der Wechsel von einer monolithischen zu einer entkoppelten Architektur ist eine enorme Veränderung.

Und es erfordert nicht nur, dass Entwickler all diese verschiedenen Komponenten lernen, darüber nachdenken und verstehen, sondern auch Zeit für die Konfiguration und Verknüpfung aller Komponenten aufwenden. Und unabhängig davon, welche neue Fähigkeit Sie lernen möchten, ist es normalerweise viel einfacher und macht viel mehr Spaß, wenn Sie lernen, indem Sie es tun.

Es ist also ziemlich entmutigend, Tonnen von Dokumentationen lesen zu müssen, bevor man zum ersten Mal mit etwas spielen kann, und kann dazu führen, dass man sein Nebenprojekt für sehr lange Zeit ins Regal stellt. Und du versprichst dir vielleicht, dass du eines Tages darauf zurückkommen wirst, aber das Gleiche passiert vielleicht nie, und das ist das Gefühl, das ich viel zu gut kenne.

Um also etwas zum ersten Mal auszuprobieren, direkt loszulegen und mit einer Fähigkeit zu beginnen, auf die Sie sich wirklich freuen, sollte es nicht erforderlich sein, stundenlang Dokumentation zu lesen, zu konfigurieren und sich die Haare zu raufen, um herauszufinden, wie Sie Ihr Setup erhalten bereit für etwas.

Daher haben wir in den letzten Monaten mit zahlreichen Entwicklern gesprochen, die daran interessiert sind, Atlas kennenzulernen und ihre Probleme und Bedürfnisse zu beobachten. Und wir haben all diese Lektionen genutzt, um etwas zu bauen, das Ihnen die Möglichkeit gibt, schnell loszulegen, den Aufwand für die Konfiguration zu minimieren und natürlich den Spaß und die Spannung beim Erlernen einer brandneuen Fähigkeit zu maximieren.

Die Lösung, die wir vorschlagen, sind Atlas Blueprints. Atlas Blueprints sind vollständige kopflose WordPress-Starterprojekte, die Sie klonen können, Ihre eigenen Projekte in wenigen Minuten starten, die Leistungsfähigkeit von kopflosem WordPress in einem realen Szenario sehen und anfangen, damit zu spielen und es an Ihre Bedürfnisse anzupassen.

Sie können sie als Sandbox für Ihre ersten Headless-Projekte verwenden, aber Sie können sie auch nutzen, um schneller loszulegen und gleichzeitig Ihre eigenen voll funktionsfähigen Websites zu erstellen. Es gibt vier Komponenten, aus denen jeder Bauplan besteht. Während des Prozesses wird zunächst eine neue WordPress-Umgebung für Sie erstellt.

Auf diese Weise können Sie tatsächlich in einer sicheren, isolierten Umgebung beginnen, damit spielen und sehen, wie es funktioniert.

Dann werden alle notwendigen Plugins auf dieser WordPress-Installation installiert und aktiviert. Sie müssen diese Liste also nicht durchgehen und die Plugins manuell installieren, nach ihnen suchen und all das Zeug. Es wird hinter den Kulissen alles für Sie erledigt, damit Sie bereit sind, sobald die Anwendung online ist.

Abgesehen davon wird eine Notizanwendung für Sie eingerichtet. Jeder der von uns erstellten Entwürfe ist eine vollständige, schöne Website, die für reale Fälle konzipiert ist, und jeder von ihnen wird mit unserem Faust.js-Framework erstellt, das speziell dafür entwickelt wurde, die kopflose WordPress-Entwicklung einfacher und angenehmer zu gestalten.

Und während all diese Komponenten vorhanden sind, findet die gesamte notwendige Konfiguration hinter den Kulissen statt. So können Sie in nur wenigen Minuten tatsächlich auf eine vollständig bereitgestellte und konfigurierte Headless-WordPress-Site zugreifen. Atlas Blueprints ist also die Komplettlösung für Headless WordPress, eine Lösung, die für Sie alle entwickelt wurde. Eine Lösung, die einfach funktioniert und Ihnen hilft, mit minimaler Konfiguration und in sehr kurzer Zeit loszulegen.

Heute geben wir Ihnen gerne drei Blaupausen zum Ausprobieren. Eine Portfolio-Blaupause, die sich perfekt für eine Unternehmenswebsite eignet, eine Blog-Blaupause – ein WordPress-Klassiker, mit dem Sie Ihre Gedanken mit der Welt teilen können – und eine grundlegende Blaupause, die ein minimales Gerüst ist, das Ihnen hilft, schnell loszulegen.

Jeder Blueprint nutzt alle unsere Atlas-Produkte. Also Faust.js, unser Framework für Headless WordPress, Atlas Content Modeler, unser Plugin, mit dem Sie benutzerdefinierte Datenmodelle erstellen können, und Atlas Search, unser Tool für hochleistungsfähige und genaue Sucherfahrung in WordPress.

Wenn Sie also wirklich neugierig waren, eine Suche auszuprobieren, ist die Verwendung von Atlas Blueprints der einfachste Einstiegsweg für Sie. Es gibt zwei Möglichkeiten, wie Sie Blaupausen ausprobieren können. Eine Möglichkeit besteht darin, sich für das Sandbox-Konto anzumelden und dem Ablauf der App-Erstellung in unserem Portal zu folgen. Auf diese Weise erhalten Sie tatsächlich in nur wenigen Minuten eine vollständige, vollständig bereitgestellte Website.

Wenn Sie es vorziehen, Ihre Anwendung zunächst lokal hochzufahren, können Sie zu lokal wechseln, wo Sie Ihre neue Headless-WordPress-Site mit einem der drei von uns bereitgestellten Blaupausen erstellen können. Blaupausen sind für jedermann verfügbar. Also auch Atlas-Sandbox-Benutzer, Atlas-Bezahlkunden und lokale Benutzer.

Wenn Sie also daran gedacht haben, Headless WordPress auszuprobieren, aber Probleme hatten, in Ihrem vollen Terminkalender Zeit zu finden, um an Ihrem eigenen Projekt zu arbeiten, sind Atlas Blueprints genau das Richtige für Sie. Also geh und schau sie dir an.

In diesem Sinne und zum Abschluss haben wir noch eine weitere wichtige und aufregende Ankündigung. Unsere Mission ist es, Ihre Kreativität zu fördern, indem wir eine großartige Plattform für kopfloses WordPress aufbauen und Ihnen Zugang dazu verschaffen. Wir glauben, dass jeder, der bestrebt ist, erstaunliche Erlebnisse für Besucher seiner Websites oder der Websites seiner Kunden zu schaffen, die Möglichkeit dazu haben sollte.

Aus diesem Grund stehen Ihnen ab sofort vier neue Atlas SMB-Pläne zum Kauf zur Verfügung. Bisher war Atlas nur für Enterprise-Projekte verfügbar. Wir möchten jedoch die Leistung und Sicherheit von Atlas in Projekte jeder Größe einbringen, um Ihrer Kreativität freien Lauf zu lassen.

Das bedeutet, dass Sie nach anfänglichen Plänen eine für Headless optimierte WordPress-Installation erhalten, einen Node-Server, der jedes JavaScript-Framework Ihrer Wahl wie Next oder Gatsby erstellen kann, ein leistungsstarkes CDN, um Ihr Projekt auf der ganzen Welt zu verteilen, unsere Open-Source-Tools wie Atlas Content Modeler, WPGraphQL, Faust.js und mehr.

Und das alles von einem Partner, auf einer Plattform, zu einem Preis. Alles, worüber ich heute gesprochen habe – Atlas Search, Atlas Blueprints und Atlas-Pläne für KMU – ist jetzt tatsächlich für Sie verfügbar. Um sie also auszuprobieren, besuchen Sie wpengine.com/atlas, um sich für ein Sandbox-Konto anzumelden oder einen Plan zu erwerben.

Als Mitglied des Atlas-Produktteams freue ich mich sehr über all die Ankündigungen, die wir heute mit Ihnen geteilt haben, und ich kann es kaum erwarten, all die großartigen Dinge zu sehen, die Sie auf unserer Plattform aufbauen werden. Atlas is created for you, inspired by you, and it's you, the users of Atlas, that inspire us and all of our users, features, and products.

So I hope that you enjoyed today's presentation. Thank you all so much for your attention. Stay tuned for the upcoming demos and sessions, and see you all in the product.