DE{CODE}: Frontend: Aufbau zukunftssicherer E-Commerce-Sites

Der standardmäßige WordPress-Blockeditor standardisiert die Art und Weise, wie wir Layouts und Themen integrieren, und schaltet neue Funktionen am Frontend Ihrer Website frei. Dies macht es einfacher, Ihre Website zu warten, zu ändern und zu aktualisieren, während sie weniger aufbläht, portabler ist und schneller geladen wird. Aber ist der Block Editor das Richtige für Ihre Agentur und Ihre E-Commerce-Sites? Wann ist der richtige Zeitpunkt für den Umzug? Hören Sie in dieser informativen DE{CODE}-Session von WP Engine Principal Software Engineer Mike McAlister, um es herauszufinden!

Sitzungsfolien

Vollständige Textabschrift

MIKE MCALISTER : Hallo Leute. Mein Name ist Mike McAlister und ich bin Principal Software Engineer bei WP Engine. Ich arbeite im Team Genesis, und wir haben die Aufgabe, die Zukunft von WordPress aufzubauen und an der neuesten Entwicklung von WordPress zu arbeiten. Sie finden mich auf allen Plattformen unter @MikeMcAlister. Und ja, folgen Sie mir für weitere Inhalte dieser Art.

Wie Sie sehen, geht es heute darum, zukunftssichere E-Commerce-Websites aufzubauen. Wir stehen in WordPress an einem neuen Abgrund. Jeden Tag werden neue Paradigmen gezeigt. Und es kann schwierig sein, darin zu navigieren. Und das werden wir uns heute ansehen, Vor- und Nachteile einer Art, mit einer neuen Ära von WordPress voranzukommen.

Also wie gesagt, ich mache das schon lange. Ich lebe und atme WordPress. Seit über einem Jahrzehnt baue ich WordPress-Produkte, WordPress-Unternehmen, hochmoderne Sachen und alle möglichen Sachen. Ich hatte eine Zeit lang ein Theme-Geschäft namens Array Themes, eine Art schöne kleine Sammlung von WordPress-Themes für Designer, Fotografen, Portfolios usw.

Und dann fing ich an, mit dem WordPress-Blockeditor zu experimentieren. Und das ist der Ursprung von Atomic Blocks. Und dies war wirklich das erste Plug-in seiner Art, eine Art Einstieg in den Blockeditor. Und ich habe es verwendet, um anderen zu zeigen, wie man Blöcke lernt und was möglich ist, und eine Art Code, den man dafür braucht. Das war also eine wirklich augenöffnende Erfahrung.

Und dann, als ich zu WP Engine kam, fing ich an, an der Suite von Genesis-Produkten zu arbeiten, und wir brachten eine Menge dieser Blocktechnologie von Atomic Blocks und Array Themes in das Genesis-Framework. Und so hat es mit Genesis Pro eine neue Generation von Themenerstellung angetrieben. Und mit meinem Liftoff-Kurs helfe ich auch dabei, WordPress-Erstellern beizubringen, wie sie diese Themen und Plug-Ins in Produkte und Produktunternehmen verwandeln können.

Also das ist ein bisschen über mich. Bevor wir darauf eingehen, lass uns nur eine kurze Auffrischung machen, richtig, weil du vom Blockeditor gehört hast, verwendest du ihn wahrscheinlich, aber es gibt Leute, die noch keine Gelegenheit hatten, sich damit zu beschäftigen, oder vielleicht schon sind. Ich bin mir nicht sicher, wozu es voll fähig ist. Der Blockeditor wurde also, wie Sie sich vielleicht erinnern, vor drei – etwa drei Jahren, vielleicht etwas länger, in WordPress eingeführt.

Es war wahrscheinlich die größte Veränderung, die WordPress je gesehen hat. Es war riesig. Es hat uns von vielen verschiedenen Meta-Boxen in ganz WordPress und diesem veralteten Layout, an das jeder gewöhnt war, zu einer lebendigeren Art der aktiven Inhaltserstellung geführt, wo wir jetzt unsere Websites mit kleinen Blöcken erstellen Inhalt und Schaltflächen und Bilder. Diese Dinge lassen sich alle leicht in verschiedene Layouts verschieben. Und es ist einfach ein viel mächtigeres Designerlebnis.

Aber das war nur ein Teil der Gleichung, oder? Das war so, als wäre es eine Sache, den Inhaltsbereich erstellen zu können. Wir können das seit einiger Zeit bis zu einem gewissen Grad mit kurzen Codes tun. Aber jetzt haben wir den Blockeditor. Aber die vollständige Vision ist es, in der Lage zu sein, Ihre vollständige Website mit Blöcken und Mustern und all diesen neuen Tools zu erstellen.

Teile davon wurden vor einiger Zeit veröffentlicht, in den letzten paar Versionen von WordPress, aber diesen Sommer werden wir die umfassendere Art der Bearbeitung von Blockseiten erhalten. Und deshalb möchte ich heute einiges davon ansprechen, denn mit dem Paradigma der Blöcke werden wir jetzt dieses unglaubliche neue Paradigma mit vollständiger Site-Bearbeitung haben. Und ich möchte wirklich, dass Sie anfangen, es zu benutzen, weil es so kraftvoll und aufregend ist. Und es wird riesig für alle.

Also bekomme ich die ganze Zeit diese Frage, wann ist der richtige Zeitpunkt, um in den Blockeditor zu springen, richtig? Die Leute haben Bedenken. Sie sind sich nicht ganz sicher. Ich würde sagen, vor ungefähr zwei Jahren ist die beste Zeit, aber wissen Sie, jetzt ist auch eine gute Zeit. Mit Open Source und dieser Art von Community-Projekten werden sie besser, je früher die Leute anfangen, sie anzunehmen, richtig?

Je früher wir damit beginnen, damit zu bauen und die Probleme, die Mängel, die Fallstricke aufzudecken, je früher wir diese beheben, desto mächtiger wird es. Also bin ich dafür, früh einzusteigen und solche Sachen zu bauen. Und deshalb habe ich schon sehr früh mit Atomic Blocks angefangen. Es war wahrscheinlich das erste Block-Plug-in, das es gab. Aber wir haben alle viel aus dieser Erfahrung gelernt. Es bleibt also noch Zeit, mit dem Blockeditor und der vollständigen Site-Bearbeitung loszulegen. Und wir werden hier sehen, warum.

Also noch einmal, ich höre diese Dinge die ganze Zeit, die Wahrnehmung des Blockeditors, es ist teuer. Wenn Sie eine Agentur sind, weiß ich, wie kostspielig das sein kann. Ich habe in der Vergangenheit mit Agenturen zusammengearbeitet, und die Änderung von Arbeitsabläufen ist teuer. Sie haben Ihre Sachen irgendwie in Ordnung gebracht, und das gegen eine brandneue Lösung auszutauschen, ist kostspielig. Und manchmal haben wir nicht die Zeit, diesen Übergang finanziell zu vollziehen.

Ich habe auch gehört, dass es instabil ist. Die Leute sagen, naja, es ist noch nicht ganz fertig. Ist es bereit für die Produktion? Wir betreiben eine Menge E-Commerce-Sachen und Geld steht auf dem Spiel, also können wir es uns nicht wirklich leisten, dass die Dinge ausfallen. Ich verstehe das. Und dann ist das andere große Ding JavaScript. Wir sind von einem PHP-Framework zu WordPress übergegangen, das jetzt eine riesige JavaScript-Engine enthält. Und das ist wiederum kostspielig, denn jetzt müssen Sie JavaScript lernen, Sie müssen Ihre Entwickler schulen. Und das kostet auch Zeit und Geld.

Aber die Realität dieser Dinge ist, dass es eigentlich ganz anders ist. Es ist teuer, sicher, aber es wird nur mit der Zeit teurer werden. Je länger Sie es aufschieben und je abhängiger Sie von Lösungen werden, die Dinge auf die alte Art und Weise zu erledigen, wird es viel schwieriger sein, umzusteigen, und vielleicht von einigen dieser Plug-Ins von Drittanbietern wegzukommen tun Ihnen keinen Gefallen, was wir untersuchen werden, wenn wir über Leistung sprechen.

Auch, ob es stabil ist oder nicht, es ist im Moment tatsächlich ziemlich stabil. Wir haben eine robuste API für Bausteine. Und viele Fortune-500-Unternehmen, Agenturen, es gibt viele seriöse Leute, die bauen und mit vollem Website-Bearbeitungsmaterial in die Produktion gehen. Es ist also da. Und wieder werden wir darüber sprechen, wie man dort hineinkommt und selbst herausfindet, wie mächtig es ist.

Und dann JavaScript, wenn Sie ein Entwickler sind, und ich nehme an, viele von Ihnen sind es, wissen Sie, dass JavaScript jetzt größer ist als je zuvor. Und das Gleiche gilt jetzt für WordPress. Mit der Leistungsfähigkeit der JavaScript-Engine und WordPress eröffnet Ihnen das tatsächlich viele Möglichkeiten.

Es kann als positiv angesehen werden, da alle Funktionen vorhanden sind, aber Sie können jetzt auch eine neue Kohorte von Entwicklern erschließen, zu der Sie vorher wahrscheinlich keinen Zugang hatten. Viele Leute in der JavaScript-Community haben WordPress vielleicht zuvor übersehen. Nun, weißt du was? Ich meine, es ist für viele Menschen eine riesige Chance auf Jobs. Ich denke also, dass es auch hier viele Vorteile von JavaScript gibt.

All das zu sagen, wissen Sie, WordPress, es geht nirgendwo hin. Ich meine, es wächst massiv. Es sind fast 45 %, die 45 % des Internets antreiben. Und es wächst jedes Jahr noch sehr gesund. Es wächst jedes Jahr um die Größe eines Shopify-Marktes. Als Referenz, das ist ziemlich groß.

Und wie ich bereits sagte, je länger wir dies aufschieben, einen Teil dieser neuen Technologie übernehmen und herausfinden, wie sie in unsere Arbeitsabläufe oder unsere Agenturen oder unsere freiberuflichen Unternehmen passt, desto schmerzhafter wird das sein. Und Sie werden irgendwann umsteigen wollen, einfach weil es so mächtig sein wird, dass Sie viel verpassen werden, wenn Sie es nicht tun. Also sage ich jetzt investieren. Stellen Sie sich auf langfristiges Wachstum, langfristiges E-Commerce-Wachstum ein. Und ja, komm rüber zum Blockeditor.

Es gibt viele Gründe, in diese neue Technologie einzusteigen – mehr Kontrolle, bessere Leistung und Geld sparen. Ich kenne keinen Freelancer oder keine Agentur, die sich nicht für all diese Dinge interessieren würde. Es ist eine Art Eckpfeiler für das Wachstum Ihres Unternehmens, richtig? Lassen Sie uns also auf ein paar davon eingehen.

Ja, wenn Sie nur die Leistungsfähigkeit des Blockeditors kennen würden. Das ist etwas, von dem ich denke, dass die Leute die Idee verstehen. Es ist, als wäre es neu, es ist stärker oder was auch immer. Aber es ist eines dieser Dinge, bei denen es so ist, als müsste man wirklich reingehen und verstehen, was aus Entwicklungsperspektive möglich ist, welche Art von Dingen man anzapfen kann, was man jetzt tun kann, was man vorher nie tun konnte. Das ist das Zeug, das wir uns schon immer in WordPress gewünscht haben, aber bisher noch nicht die Gelegenheit dazu hatten. Wir haben hier also eine erstklassige Gelegenheit.

Kontrolle. Das brauchen viele Agenturen, oder? Wenn Sie Kunden mit spezifischen Bedürfnissen oder Markenbedürfnissen haben oder Leitplanken aufstellen müssen, ist die Kontrolle und die Möglichkeit, eine wirklich fein abgestimmte, granulare Kontrolle über das Ganze zu haben, von größter Bedeutung. Wenn es also um die Codebasis geht, gibt es für die Entwickler jetzt so viel mehr Optionen, da Sie eine JavaScript-basierte Engine in WordPress haben.

Headless ist eine weitere Sache, die riesig wird. Da Sie Ihre Inhalte und Ihre Präsentationsebene getrennt haben können, bietet Ihnen WordPress jetzt diese Art von Möglichkeiten. Tatsächlich arbeitet WP Engine an Atlas, ihrer Headless-WordPress-Lösung. Und wenn Sie das noch nicht überprüft haben, sollten Sie es tun. Es ist supercool. Es ist, wieder einmal, die Art von Dingen, von denen Entwickler träumen, WordPress für solche Dinge verwenden zu können.

Auch hier können Entwickler ihre eigene JavaScript-Sprache auswählen. Obwohl die Blöcke in React geschrieben sind, können Sie Vue schreiben. Sie können Angular schreiben. Sie könnten Vanilla schreiben, wenn Sie wollten. Es liegt wirklich an Ihnen, weil alles kompiliert und versendet wird und es am Ende keine Rolle spielt. Außerdem können Sie dieselben JavaScript-Workflows verwenden. Sie können CI/CD-Integrationsmaterial verwenden, das Sie zuvor noch nicht hatten, Automatisierungs-Build-Tools. All das ist möglich, indem Sie diese neue JavaScript-Zukunft in WordPress anzapfen.

Und noch einmal, ich habe das bereits erwähnt, darauf angespielt, aber der Pool an JavaScript-Entwicklern, der da draußen ist, ist riesig. Es ist massiv. Und je früher wir damit beginnen, einige dieser Technologien zu übernehmen und diese Leute in den WordPress-Bereich zu bringen, desto leistungsfähiger wird das Ökosystem, desto wertvoller werden die Lösungen, die Produkte, die Plug-Ins. Diese Dinge steigen alle, wenn wir anfangen, dieses Talent in WordPress einzubringen.

Ich habe bereits erwähnt, dass ich WordPress gestalten und formen kann. Das ist enorm, um benutzerdefinierte Apps zu erstellen oder sogar benutzerdefinierte Websites für Ihre Kunden zu starten. Jetzt ist es so viel einfacher, den Admin zu ändern. Angenommen, Sie möchten eine Symbolleiste hinzufügen, um einige Ihrer E-Commerce-Tools oder -Daten offenzulegen. Das geht jetzt ganz einfach. Sie haben Optionen, um sich relativ einfach in diese verschiedenen Symbolleisten und in die gesamte Benutzeroberfläche einzufügen. Es ist ziemlich beeindruckend.

Genauso kannst du auch in die andere Richtung gehen. Sie können die Benutzeroberfläche sperren. Angenommen, Sie möchten das Erlebnis ein wenig mehr kontrollieren. Das kannst du jetzt voll und ganz machen. Und da es von JavaScript unterstützt wird, haben Sie viel mehr Kontrolle über beispielsweise UI-Interaktionen. Also die Leitplanken, die man aufstellen kann, viel besser, viel einfacher.

Und in Bezug auf die Erfahrung hatten wir alle eine Situation, in der ein Plug-in eines Drittanbieters aktualisiert wird, es etwas ändert, plötzlich fehlt die Schaltfläche, die Sie hier eingefügt haben, oder sie ist weg. Nun, indem Sie sich selbst einbinden und in der Lage sind, die Erfahrung selbst zu kontrollieren, können Sie verhindern, dass solche Pannen passieren. Ihre Kunden sehen diese Probleme nicht, weil Sie eine fein abgestimmtere Kontrolle über das Erlebnis haben.

In Bezug auf die Kontrolle Ihres Schicksals werde ich immer wieder auf Plug-Ins von Drittanbietern zurückkommen. Plug-Ins sind großartig, aber sie können schädlich sein, und Sie können eine Abhängigkeit von ihnen aufbauen, die nicht gesund ist. Es kann Ihr Wachstum in vielerlei Hinsicht einschränken. In der Lage zu sein, sich direkt in WordPress einzubinden und diese Kontrolle zu haben, und zu wissen, dass die Dinge, die Sie einfügen, getestet und gewartet werden und jederzeit aktualisiert werden können, das ist enorm, oder? Das ist viel zuverlässiger, als sich möglicherweise auf einen Drittanbieter zu verlassen, um eine Lösung zu finden.

Und schließlich die Portabilität. Es ist alles, oder? Wir können unsere Inhalte oder Websites nicht in proprietäre Lösungen einschließen. Es ist sehr teuer, teuer. Es ist gefährlich. Und wir haben uns für WordPress entschieden, damit wir diese Situation nicht haben, richtig? Das ist also wichtig.

Leistung. Damit haben wir uns schon immer beschäftigt, aber jetzt ist es wichtiger denn je, weil wir es uns einfach nicht leisten können, keine großartige Leistung zu erbringen. Google wird nicht freundlich zu uns sein. Sie alle haben dieses Zitat schon einmal gesehen, eine Verzögerung von einer Sekunde beim Laden der Seite führt zu 7 % Verlust an Conversions, weniger Seitenaufrufen und einer Abnahme der Kundenzufriedenheit.

Ich kenne niemanden auf dem Planeten, der damit einverstanden wäre, insbesondere in Bezug auf E-Commerce und Ihre Kunden. Wenn Sie also Plug-Ins haben, die überflüssige Dateien und Dinge laden, die Sie nicht einmal verwenden, und dies Sie Geld kostet, müssen Sie das sehr ernst nehmen. Sie müssen handeln und Ihre Situation dort kontrollieren.

Verstehen Sie mich nicht falsch, ich liebe Plug-Ins. Ich benutze sie die ganze Zeit. Aber diese leistungsstarken Plug-Ins sind dafür gemacht, auf Millionen von Websites ausgeführt zu werden. Und wenn Sie Plug-Ins erstellen müssen, die auf Millionen von Websites funktionieren, müssen Sie Dinge hinzufügen, die nicht für alle hilfreich sind. Sie müssen zusätzliche Skripte und zusätzliche Stile hinzufügen, um verschiedene Browser zu berücksichtigen. Und oft wird dieses Zeug für Sie geladen. Es gibt selten eine fein abgestimmte Steuerung, um dieses Zeug ausschalten zu können. Sie erhalten also den Großteil des gesamten Plug-Ins und brauchen es nicht unbedingt.

Nun, wenn Sie ein scharfsinniger Entwickler sind, können Sie dort einsteigen und die Dinge aushaken, um ein bisschen schneller zu gehen, aber trotzdem würde ich an dieser Stelle argumentieren, dass Sie sich die Zeit nehmen und einige der Sachen selbst schreiben könnten und vor allem Übernehmen Sie mit dem neuen Pool an Talenten, die zu WordPress kommen, dort die Kontrolle. Sie haben eine genauere Kontrolle über den Build. Sie können Tree Shaking und Minifying durchführen, all diese Dinge sind jetzt möglich.

Und so denke ich, je früher wir damit rechnen, welche Art von Beziehung wir zu Plug-Ins von Drittanbietern haben wollen, besonders auf Seitenerstellerseite, wissen Sie, jetzt, wo wir zu Mustern und all diesen großartigen kommen Tools benötigen Sie nicht unbedingt Seitenersteller. Und viele dieser Plug-Ins planen nicht wirklich, zum Blockeditor überzugehen. Also muss man sich irgendwie entscheiden. Weißt du, entscheidest du dich für dieses Plug-in, das dir vielleicht jetzt beim Erstellen hilft, oder fängst du an, WordPress zu übernehmen, das dich zukunftssicher macht, dir die Tools gibt, die du brauchst, und die Kontrolle, die du brauchst ? Da sind also einige große Entscheidungen zu treffen. Ich verstehe das total.

In Bezug auf Seitenleistung und SEO kennen wir alle die Seitengeschwindigkeit und Core Web Vitals, sie werden jetzt super wichtig. Es ist das Paradigma, das wir anstreben. Sie wollen diese grünen Kreise. Und es kann schwierig sein, diese wiederum mit einigen dieser WordPress-Plug-Ins zu treffen, da sie alle Arten von Assets laden. Und wenn Sie nicht da reinkommen und wirklich Dinge feinabstimmen und Dinge aushängen, werden Sie sich mit diesem Problem befassen.

WordPress mit dieser neuen Welle von Entwicklern darin erkennen wir alle die Dinge, die wir brauchen, die wir vorher nicht hatten, wie zum Beispiel die Möglichkeit zu sagen, dass Sie eine Seite mit einem Haufen Blöcke darauf haben. Nun, Sie möchten nicht unbedingt Ihre gesamten Skripte und Stile für alle Blöcke laden. Sie möchten nur die Stile erhalten, die auf Ihrer Seite geladen sind. Es tut mir leid, die Blöcke, die auf Ihrer Seite geladen werden. Nun, jetzt haben wir Funktionen, um das zu tun.

Sie können hier unten sehen, dass diese Funktion Separate Core Block Assets laden sollte. Nun, das wird nur Ihre Seite scannen, sehen, welche Blöcke sich auf Ihrer Seite befinden, und nur diese Stile und Skripte ausspucken. Sie können also sehen, dass wir uns in Richtung einer Zukunft mit mehr Leistung bewegen, in der wir nur das laden, was wir brauchen. Und das wird besser. Nochmals, sobald wir da reinkommen und anfangen zu bauen, desto eher kann WordPress selbst diese Funktionen übernehmen und wir werden sie im Kern haben. Und dann müssen wir keine Plug-Ins haben, weil Core sie übernommen hat.

Viele Leute beschäftigen sich mit dieser Art von Performance-Arbeit. Sie können hier sehen, dass ich eine Liste habe. Dies ist nur eine kleine Auswahl von Menschen, die diese großartige Arbeit leisten. Folge ihnen. Folgen Sie den Menschen, denen sie folgen. Achten Sie auf ihre Retweets, denn in dieser Ära von WordPress steckt viel Intelligenz und viele kluge Leute kommen jeden Tag auf clevere Lösungen. Also ja, folgen Sie einigen dieser Leute.

Abschließend möchte ich über das Sparen und Geldverdienen mit dieser Technologie sprechen, denn auch hier sprechen wir über langfristiges Wachstum, langfristige Möglichkeiten beim Wachstum mit WordPress. Und es gibt so viele neue Möglichkeiten, mit dieser Art von Technologie Einnahmen zu erzielen, dass Sie alle möglichen Möglichkeiten finden können, neue Dienstleistungen und neue Produkte anzubieten. Und darüber werden wir auch ein bisschen reden.

Wenn es um Seitendesigns und Seitenerstellungs-Plug-Ins und ähnliches geht, habe ich jetzt erwähnt, dass wir diese durch Muster ersetzen können. Nun, Muster sind im Grunde nur Seitenlayouts, Abschnitte von Seitenlayouts, die WordPress implementiert, damit Sie schöne Seiten erstellen können. Nun, da Sie in der Lage sind, Muster als Ausgangspunkt für jedes Projekt zu verwenden, sodass Sie eine Sammlung von Mustern erstellen, die Sie für jedes Kundenprojekt verwenden können, und sie dann an den Kunden anpassen, können Sie eine ganze Bibliothek von Startermustern erstellen Sie können es für jedes Projekt verwenden, damit Sie das Rad nicht jedes Mal neu erfinden müssen. Sie sparen diese Zeit. Sie sparen dieses Geld.

Eine weitere neue Technologie ist theme.JSON. Dies ist fast wie eine globale Art, Ihre Website zu gestalten, die wir zuvor nicht hatten. Wenn Sie also in der Lage sind, Ihre Muster zu laden und dann globale Änderungen an den Stilen Ihrer Schaltflächen oder Ihrer Links oder Ihrer Kopfzeilenfarben vorzunehmen, um sie wirklich genau auf die Bedürfnisse Ihrer Kunden oder Ihrer Marke abzustimmen, sind dies wiederum Dinge, die dies tun würden Nehmen Sie sich, wie Sie wissen, so viel Zeit, bevor Sie zwischen dem Editor und dem Customizer hin und her gehen und versuchen, die Dinge richtig zu machen.

Und wenn Sie dann die Site verschieben, müssen Sie es erneut tun, weil WordPress sich diese Dinge nicht unbedingt merkt. Das sind jetzt alles enorme Zeit- und Geldeinsparungen. Je früher Sie also diese Dinge wie theme.JSON, globale Stile und bald Typografie-Steuerelemente übernehmen, desto eher fangen Sie an, dieses Geld zu sparen und dieses Geld zu verdienen.

Das Reduzieren Ihrer Plug-Ins ist etwas, worüber ich schon gesprochen habe, aber noch einmal, ich denke, je früher wir anfangen, uns vielleicht die Dinge anzusehen und zu hinterfragen, die wir auf unseren Websites installiert haben, brauchen wir die, brauchen Sie vielleicht keine Caching-Plug-in mehr. Es gibt viele Hosts, die Caching auf ihrer Ebene implementiert haben. Und wenn Sie in der Lage sind, minimierte Ressourcen und kleinere Builds zu liefern, kommen wir irgendwie an den Punkt, an dem große Caching-Plug-Ins sowieso möglicherweise nicht mehr erforderlich sind.

Das Gleiche gilt für einige dieser Seitenersteller, wie ich bereits erwähnt habe. Können wir diese Erfahrung beim Erstellen von Seiten jetzt auf WordPress auslagern? Können wir anfangen, Muster mit theme.JSON-Dateien zu verwenden und unsere eigenen Designs zu erstellen? Ich denke wir können. Ich glaube, wir haben es fast geschafft. Und das soll nicht heißen, dass es keinen Anwendungsfall für Seitenersteller für bestimmte Projekte oder ähnliches gibt. Ich denke es gibt.

Aber noch einmal, ich denke, wenn wir über langfristiges Wachstum, die Zukunft von WordPress, die Zukunft Ihres Unternehmens und WordPress sprechen, sehe ich eine einfachere Zukunft, eine Zukunft, über die Sie mehr Kontrolle haben. Und ich denke, wir sehen jetzt den Anfang davon. Es kann im Moment schwer zu erkennen sein, sicher, aber da sind wir gerade. Und ja, das ist Ihre Gelegenheit, das Toolset zu erstellen, das Sie wollen, das Sie brauchen, das Ihnen gehört, das genau auf Sie abgestimmt ist. Und es wird Ihnen helfen, sich viel schneller zu bewegen, viel schneller.

Und schließlich ist dies etwas, worüber ich auch viel geschrieben habe. Wissen Sie, WordPress durchläuft, wie Sie wissen, diesen Übergang. Und damit einher geht der Bedarf an neuen Lösungen, oder? Sogar die gebräuchlichsten Plug-Ins, wie ein Formular-Plug-In, das auf jeder Website vorhanden ist, nun, jetzt brauchen wir davon Blockversionen.

Wir brauchen bessere JavaScript-basierte Versionen davon, die wir direkt im Editor anpassen und ändern können. Und der Markt hat das ziemlich langsam aufgeholt. Ich weiß nicht, ob es an einem Mangel an JavaScript-Entwicklern liegt oder – es gibt viele Gründe, aber der Punkt ist, dass der Markt im Moment weit offen ist. Mit früheren Plug-Ins, die in den letzten 10 Jahren zu den Top-Plug-Ins gehörten, können Sie diese Dinge, die Sie für Ihre Kunden und Ihre Websites tun, möglicherweise in ein Produkt umwandeln.

Tatsächlich sehe ich es bereits fertig. Angefangen habe ich damit mit Atomic Blocks. Ich wollte Dinge wie Funktionscodes ersetzen und fing an, dafür Blöcke zu erstellen. Und weil es eines der wenigen war, das es tat, wurde es sehr schnell sehr beliebt. Und so gibt es viele Möglichkeiten, Geld zu verdienen und neue Nischen zu finden, in die man sich einarbeiten kann.

Wie Sie wissen, hat insbesondere der E-Commerce viele schwierige Probleme zu lösen. Und die Kunden zahlen einen Aufpreis für diese Dinge, weil wir wirklich schwierige Probleme lösen, die sie selbst nicht lösen können, insbesondere zeit- und kostensparende Lösungen. Ich kann also gar nicht genug sagen, wie viele Möglichkeiten es derzeit in WordPress gibt. Wie nie zuvor ist der Markt bereit für diese neuen Lösungen, diese neue Art intuitiverer, besserer Benutzeroberflächen und strafferer Builds.

Die Kunden sind bereit für diese Dinge, und sie werden dafür Geld bezahlen. Ja, noch einmal, hier gab es noch nie mehr Möglichkeiten als jetzt, insbesondere für E-Commerce-Sachen. Ich sehe immer mehr Menschen, die nach Lösungen suchen. Und die Leute, die am besten darin sind, sollten diese Dinge für den Blockeditor machen. Wir müssen dieses langfristige Wachstum freisetzen, und das ist eine Möglichkeit, Ihre Arbeit in Produkte umzuwandeln.

OK, also mit all dem Gesagten, wo fängt man an? Es ist eine große Aufgabe, dieses Zeug zu lernen. So wie ich arbeite und ich denke, viele Leute arbeiten wahrscheinlich, ist es einfacher zu lernen, indem man einfach etwas baut. Ob Sie also etwas Neues bauen oder eines der Dinge übernehmen, die Sie in der Vergangenheit erstellt haben, ein Kundenprojekt oder Ihre eigene persönliche Website, versuchen Sie es, und wenn es mit einem Seitenerstellungs-Plug-In oder was auch immer gemacht wurde, versuchen Sie es Nehmen Sie das und bauen Sie es im Blockeditor.

Ich meine, keine Ausreden, geh einfach rein und fang an, damit zu arbeiten. Machen Sie Ihren ersten Block. Verwandeln Sie eine Kopfzeile oder einen Funktionsabschnitt in ein Muster. Finden Sie heraus, wie die Beziehung zwischen der Einstellungsseitenleiste mit dem Inhaltsbereich und den Blöcken und den verschiedenen Möglichkeiten zum Einbinden von Einstellungen ist. Hier gibt es alle möglichen Wege zu erkunden. Ändern der Benutzeroberfläche, Einsteigen und Hinzufügen einer benutzerdefinierten Schaltfläche zu einer der Symbolleisten. Binden Sie es an einige Einstellungen aus einem Ihrer Blöcke.

Dies sind alles Dinge, die jetzt wiederum ziemlich einfach zu tun sind. Ich habe hier ein paar Links bereitgestellt. Es gibt Links zu den Dokumenten, den Blockeditor-Dokumenten. Aber es gibt auch ein Repo, das WordPress GitHub – tut mir leid, Gutenberg-Repo, wo sie Beispiele für den Aufbau bestimmter Dinge haben. Sie könnten also sagen, dass Sie so einen Block bauen. So ziehen Sie Daten über eine API ein. Sie haben ziemlich gute Arbeit geleistet, indem sie ziemlich detaillierte Beispiele für Entwickler bereitgestellt haben.

Und wenn Sie das einmal gebaut haben, gehen Sie den Prozess des Startens durch oder starten Sie es sogar simuliert, denn es gibt Dinge, die Sie finden werden, nachdem Sie etwas gebaut haben, das ist eine Sache. Aber es live zu nehmen und es durch den Prozess zu bringen, es auf einen Produktionsserver zu bringen und Ihre Website für den Start einzurichten, wir alle wissen, dass es auch Dinge gibt, die in dieser kleinen Zeittasche auftauchen, oder? Gehen Sie also den Prozess des Startens durch. Beachten.

Und dann denke ich, an diesem Punkt begann ich zu realisieren, dass dieses Ding fertig ist, richtig? Das Ding ist mächtig. Das Ding ist einsatzbereit. Auch hier wird es sicherlich Macken geben, so wie es Software gibt. Und wir sind in der Open-Source-Community, also ist das Schöne daran, dass Sie die Dinge, die Sie finden, und die kleinen Macken, die Sie finden, zurückgeben können.

Sie können es entweder einfach nur melden, was die Aufmerksamkeit von jemandem auf sich zieht und es behoben wird, oder Sie können es beheben und eine Lösung bereitstellen. Und hoffentlich wird das einfach zusammengeführt. Also zurück zu dem, was ich vorher gesagt habe, ich meine, ob Sie es jetzt oder später übernehmen, je nachdem, wie stabil es ist, es wird stabiler, je früher Sie anfangen, es zu verwenden und dieses Zeug melden. Und ich denke, das ist ein unglaublich wertvoller Teil dieser ganzen Sache, dass wir diese Gelegenheit haben und es weitgehend in unserer Kontrolle liegt, es besser zu machen. Also hoffe ich, dass Sie es tun.

Also, ja, wo soll ich anfangen? Fang hier an. Fangen Sie an, etwas zu bauen. Komm da rein. Machen Sie ein paar Blöcke. Und du wirst sehen, denke ich.

Und das ist es. Weißt du, noch einmal, ich möchte dich nur ermutigen, rauszugehen, etwas zu machen. Schauen Sie sich alle Möglichkeiten an. Und teile es mit mir. Schicken Sie es mir. Finden Sie mich auf Twitter @MikeMcAlister und zeigen Sie mir, was Sie gebaut haben, oder stellen Sie mir Fragen. In Ordnung, vielen Dank für Ihre Zeit.