DE{CODE}: Mehr Dev. Weniger Drama

Als Entwickler tötet nichts Ihre Leidenschaft für das Handwerk, als Stunden damit zu verbringen, mit Dingen herumzuspielen, von denen Sie wissen, dass sie einfacher sein sollten. Plattformen wie die von WP Engine sind vollgepackt mit Tools und Funktionen, die Sie nutzen können, um Ihr Leben als Entwickler zu vereinfachen. In dieser Sitzung erfahren Sie, wie und was Sie entlasten können, damit Sie sich wieder auf das konzentrieren können, wofür Sie leidenschaftlich sind.

Sitzungsfolien

Vollständige Textabschrift

ROB STINSON : Hallo zusammen. Willkommen zu dieser Sitzung von DE{CODE}. Ich hoffe, Sie haben die Veranstaltung bisher genossen. Ich hoffe, Sie haben viel gelernt. Ich hoffe, Sie lernen weiterhin viel. Insbesondere hoffe ich, dass Sie in dieser Sitzung jetzt etwas Interessantes lernen. Mein Name ist Rob Stinson. Ich mache diese Sitzung mit meinem sehr guten Freund, Mr. Robert Li. Wir sind beide Australier. Ja, hallo Robert.

ROBERT LI: Wie geht es euch Jungs?

ROB STINSON: Sie bekommen zwei Australier in einer Sitzung, beide heißen Robert. Wie besonders ist das also? Dies ist die Session „Mehr Entwickler, weniger Drama“. Und in dieser Sitzung geht es darum, wie Sie Funktionen und Tools Ihrer verwalteten WordPress-Hosts besser nutzen können. Ich würde gerne hoffen, dass es WP Engine ist. Damit Sie Ihre Arbeitsabläufe optimieren und verbessern können. Alles mit der Idee, dass Sie weniger Zeit mit den Dingen verbringen können, die Sie nicht wirklich tun möchten, und mehr Zeit mit den Dingen verbringen, die Sie gerne tun, wie z. B. Entwicklung und Site-Builds.

Und wenn Sie hier bei DE{CODE} ein paar verschiedene Sessions durchgemacht haben, haben Sie wahrscheinlich einige köstliche Sessions erlebt. Einige wunderschön raffinierte Inhalte, schöne und fokussierte Erfahrungen. Ein bisschen wie ein feines kulinarisches Erlebnis. Das haben Sie in den anderen DE{CODE}-Sessions bekommen. Nun, diese Sitzung ist ein bisschen anders. Es ist ein bisschen mehr wie ein ausladendes Buffet. Wir haben viele, viele, viele verschiedene Dinge zu bewältigen. Und genau wie bei einem Buffet wird es einige Dinge geben, die Sie mögen, oh, das mag ich nicht wirklich, aber ich garantiere Ihnen, dass es einige Dinge geben wird, die Sie mögen.

Also bleib hier, hör dir alles an, was wir durchgehen werden. Wir werden über die Oberfläche einer Menge Dinge gleiten, aber ich bin sicher, dass einige Goldnuggets darunter verstreut sein werden, die es Ihnen wirklich, wirklich ermöglichen werden, Ihre persönlichen Arbeitsabläufe, Ihre Dev-Erfahrung und mehr zu beschleunigen Verlagern Sie einen Teil der Dinge, die einen Teil Ihrer Zeit in Anspruch nehmen, auf verschiedene Tools und Funktionen von WP Engine oder sogar auf verschiedene Open-Source-Tools, damit Sie mehr Zeit mit den Dingen verbringen können, die Sie lieben.

Und die Dinge, die – ich beschreibe diese Dinge, die wir nicht tun wollen. Und wir machen sie nicht unbedingt gerne. Manchmal werden wir nicht einmal speziell dafür bezahlt. Es ist nicht einmal wirklich ein Bestandteil unserer Arbeit, der Arbeit, die wir tun, aber es sind nur diese Dinge, die ankommen, mit denen wir möglicherweise nicht einmal gerechnet haben. Und es nimmt unsere Zeit in Anspruch.

Einige Dinge wie diese lokale Umgebungsverwaltung oder Abhängigkeitsverwaltung, Clientverwaltung. Die Verwaltung all Ihrer Vorlagen, das Katastrophenmanagement, wenn etwas schief geht, das kann wirklich viel Zeit in Anspruch nehmen. Und sogar wie Ihr Pipeline-Management. All diese Dinge in den verschiedenen Tools und Funktionen, die wir in dieser Sitzung entpacken möchten. Wir möchten in der Lage sein, die Zeit, die Sie dafür aufwenden müssen, zu reduzieren.

Das erste, was wir uns ansehen werden, betrifft Ihr lokales Umweltmanagement, und viele Leute sind mit Local vertraut, dem lokalen Entwicklungstool, das wir hier bei WP Engine haben. Es ist weithin beliebt. Ich denke, es ist die am häufigsten verwendete lokale Umgebung für das WordPress-Verwaltungstool auf dem Markt, was fantastisch ist, aber was viele Leute nicht wissen, ist, wie umfangreich der Funktionsumfang ist. Es gibt eine Menge Dinge, die dieses Tool für uns erledigt, die unsere lokale Entwicklungserfahrung erheblich rationalisieren. Die will ich durchgehen.

Von der sehr hohen Ebene aus ist es ein großartiges, sofort einsatzbereites, kostenloses und sofort einsatzbereites Tool. Schöne, freundliche Benutzeroberfläche. Auch sehr entwicklerfreundlich. Es ist sehr einfach, die App selbst hochzufahren, und dann ist es sehr einfach, brandneue WordPress-Sites zu spucken, damit Sie lokal mit dem Aufbau und der Entwicklung beginnen können.

Eine der Funktionen, die ich liebe, sind Blaupausen, und Blaupausen in Local sind im Grunde – es bedeutet, dass Sie nicht bei Null anfangen müssen. Und Ihre Blaupause kann alles sein, was Sie wollen. Es kann sich um eine Template-Website handeln – Template-WordPress-Site, die Ihr bevorzugtes Theme-Framework oder Ihre bevorzugte Suite von Starter-Plug-Ins enthält, die Ihnen gefallen. Und Sie können sogar mehrere Plug-Ins haben. Möglicherweise bedienen Sie bestimmte Branchen, Sie haben möglicherweise Blaupausen für bestimmte Branchen oder bestimmte Projekttypen. Möglicherweise haben Sie eine Blaupause, die speziell auf das Bloggen ausgerichtet ist, und gestalten Sie Websites. Oder eine, die besonders auf größere Medien ausgerichtet ist.

Möglicherweise haben Sie sogar eine Blaupause, die Atlas, die Headless-Plattform von WP Engine, nutzt. Der Blueprint ist also eine fantastische Funktion, die Sie, wenn Sie eine Reihe von Dingen haben, die Sie innerhalb Ihrer WordPress-Sites standardisieren, einen Blueprint dafür erstellen können, sodass es beim nächsten Erstellen einer dieser Sites wirklich einfach ist aufdrehen.

Ein weiteres großartiges Feature in Local sind Live-Links. Nun, wenn Sie mit einer Agentur oder einem Freiberufler arbeiten und mit Kunden arbeiten und lokal bauen und entwickeln, manchmal in eine Art Staging- oder Testumgebung zu drängen, ist nicht unbedingt schwierig, aber es ist einfach ein paar zusätzliche Minuten. Und Sie möchten diese Vorschau wirklich einfach an Ihren Kunden weitergeben, an Ihren Kunden ganz einfach. Live-Links ist genau das. Was es tut, ermöglicht es Ihrem Client im Grunde, auf seinen eigenen Browser zuzugreifen, aber auf die Website, die sich auf Ihrem lokalen Computer befindet.

Dies ist seit geraumer Zeit ein Feature in der App, vor etwa 12 Monaten haben wir es wirklich neu konfiguriert und überarbeitet, um seine Stabilität und Benutzerfreundlichkeit massiv zu verbessern. Wenn es sich also definitiv um etwas handelt, das Sie in der Vergangenheit verwendet haben, aber in letzter Zeit nicht verwendet haben, ist es definitiv einen Besuch wert. Aber wenn es neu für Sie ist, ist dies eine wirklich leistungsstarke Funktion, um die Zeit zu verkürzen, die Sie benötigen, um Ihren Kunden etwas, das Sie eingebaut haben, für ihr Feedback in die Hände zu geben.

Local Connect ist auch großartig. Grundsätzlich ermöglicht es Ihnen, Ihre WordPress-Installationen von Ihrem Hosting-Konto zu übertragen und zu ziehen. Im Moment können Sie sich mit WP Engine oder Flywheel verbinden. So können Sie Sites ganz, ganz einfach auf Ihren lokalen Standort, in die Produktion oder in die Staging-Umgebung verschieben und abrufen, und Sie können auch auswählen, welche Datenbank Sie verschieben und abrufen. Sie können also Code hochschieben, möchten aber keine Datenbanken überschreiben, die sich in der bestimmten Umgebung befinden, in die Sie pushen. So fantastisches Feature dort.

Ein weiterer Grund ist, dass WP CLI eines dieser bahnbrechenden Tools ist, die vor einigen Jahren in das WordPress-Ökosystem eingeführt wurden. Ich finde es toll, dass es ständig weiterentwickelt und verbessert wird, aber es ist eines dieser kleinen Dinge, die, wenn man es entdeckt, besonders als Entwickler, wunderschön sind. Und das Tolle an Local ist, dass Sie mit der rechten Maustaste auf eine Site klicken und im Grunde die Site-Shell öffnen und über die Befehlszeile auf Ihre lokale Instanz zugreifen und WP-CLI-Befehle ausführen können. Und das ist einfach fantastisch, um Zeit zu sparen.

Es gibt auch jede Menge andere Dinge nur in der Kern-App. Hübsche URLs, ich weiß nicht, nennt mich eitel. Es ist schön, etwas haufenweise gute Website lokal im Browser zu haben, anstatt eine Vielzahl von zufälligen Zeichen. Sie können natürlich Multi-Site betreiben. SSL-Zertifikate generiert werden, sollten wir wirklich auf allen Ebenen des Entwicklungszyklus standardisieren.

Anmeldung mit einem Klick, was wirklich nett ist, damit Sie sich nicht speziell bei WordPress anmelden müssen. Sie können einfach auf die Schaltfläche klicken und Sie werden direkt von der lokalen App abgemeldet. Sie können Installationskonfigurationen austauschen, was fantastisch ist, wenn Sie verschiedene PHP-Versionen für das Plugin testen müssen, das Sie möglicherweise entwickeln. Es ist einfach super einfach zu machen.

Und Mailhog auch. Ich liebe diese Funktion. Im Grunde sitzt es dort in der Mitte und erfasst alle E-Mails, die WordPress versendet. Also besonders, wenn Sie lokal für eine E-Commerce-Site entwickeln, auf der WooCommerce läuft, und Sie versuchen zu testen, wie sie versendet wird – entweder Rechnungen oder Bestätigungs-E-Mails. Mailhog ist einfach eine großartige Funktion zum Erfassen dieser E-Mails, während sie gesendet werden, damit Sie sicherstellen können, dass alles so läuft, wie Sie es benötigen.

Das sind also alle Kernfunktionen, aber Local hat auch eine ganze Reihe von Add-Ons. Und in der Vorgeschichte waren einige davon kostenlos und einige von ihnen waren Pro. Aber vor ungefähr 12 Monaten haben wir tatsächlich alles kostenlos gemacht. Jedes einzelne Add-on in der lokalen Add-on-Bibliothek steht jetzt jedem im WordPress-Ökosystem kostenlos zur Verfügung. Reinschauen lohnt sich also auf jeden Fall. Einige davon wie Link Checker, es ist einfach ein großartiges Tool, um auf Ihrer lokalen Website nach defekten Links zu suchen. Kaputte Links sind schlecht, finden Sie heraus, wo sie existieren, und beheben Sie sie ganz einfach.

Image Optimizer, es gibt eine Vielzahl von Tools in der Branche zum Optimieren von Bildern, aber es gibt eines, das über ein speziell für Local entwickeltes Add-On verfügbar ist. Und das ist großartig, um den Platzbedarf der Websites zu reduzieren, die Sie auf Ihrem lokalen Computer erstellen. Auch Cloud-Backups. Im Allgemeinen sind Backups in der Regel gut zu haben, natürlich auch nur für die Produktion, aber auch für Ihre lokalen Standorte. Cloud-Backups – aber auch großartig, Sie haben vielleicht an einer Site gearbeitet und müssen sie natürlich archivieren und für die Zukunft aufbewahren, aber Sie möchten sie von Ihrem lokalen Computer entfernen, um etwas Speicherplatz freizugeben. So können Sie es auf Google Drive oder Dropbox sichern.

Auch Instant Reload. Wenn Sie speziell programmieren und an einem Plug-in oder einem Thema arbeiten, das sich auf das Frontend-Erlebnis auswirkt, ist es ein kleiner Beobachter, der Ihre Dateien auf Ihrer Website überwacht und feststellt, dass der Browser bei einer Änderung aktualisiert wird für Sie, anstatt dass Sie manuell in den Browser klicken und auf Aktualisieren klicken müssen. Solche kleinen Dinge sind also fantastisch, um Zeit zu sparen.

Und es gibt noch ein paar weitere Add-Ons. Wie ich eingangs sagte, ist Local bekannt und beliebt für das, was es für die lokale WordPress-Entwicklung tut, aber all diese zusätzlichen kleinen Funktionen sind fantastisch, und wenn Sie anfangen, diese zu nutzen, sind sie wirklich, wirklich gut zum Speichern du Zeit.

Gehen Sie zu localwp.com Wenn Sie Local noch nicht haben, gehen Sie dorthin, Sie können es kostenlos herunterladen. Sie können sich dort auch für die Community anmelden und erhalten Zugriff auf einige zusätzliche Ressourcen. Sie können sogar Ihre eigenen Add-Ons für lokal entwickeln. Dafür gibt es also eine Dokumentation. Aber localwp.com ist, wo Sie es bekommen können. Ich werde jetzt zu Robert Li abklatschen. Er wird ein wenig über den Smart Plugin Manager sprechen.

ROBERT LI: Danke Rob. Also haben wir natürlich darüber gesprochen, wie Sie lokal schneller und einfacher verwalten und sich entwickeln können. Jetzt müssen Sie es in eine Umgebung bringen, richtig? Eines der Dinge, über die Sie nachdenken müssen – und dies ist natürlich eines der Kernelemente von WordPress – ist das Abhängigkeitsmanagement. Wie gehen Sie mit diesen Themen um? Wie verwalten Sie diese Plugins? Tatsächlich sind etwa 2/3 aller Schwachstellen tatsächlich ein Sicherheitsproblem, etwa 2/3 aller Schwachstellen sind auf veraltete Plug-Ins zurückzuführen.

Und so ist es ein wirklich wichtiger Teil der Verwaltung von WordPress, aber es ist nicht immer der glamouröseste. Und oft verbringe ich Stunden damit, Plug-Ins zu aktualisieren. Oder wenn ich eine Website durch die Aktualisierung eines Plug-Ins unterbreche, versuche ich herauszufinden, wo ich es kaputt gemacht habe. Und so ist eines der Tools, die WP Engine jetzt hat, mit denen Sie dies auf wirklich sichere und einfach geplante Weise tun können, der Smart Plugin Manager.

Es kommt also eigentlich mit jeder dedizierten Umgebung auf WP Engine. Wenn Sie also eines davon haben, können Sie es gerne einer Ihrer Installationen zuweisen und es gleich ausprobieren. Aber natürlich gibt es auch Massenlizenzen, sodass Sie diese für etwa 5, 10, 25 oder sogar 500 Sites erhalten können. Wenn Sie möchten, ist es für Sie ziemlich erschwinglich, Stunden Zeit zu sparen. Aber im Grunde macht es das, was auf der Verpackung steht. Es hält Ihre Plugins und jetzt auch Ihre Themes automatisch auf dem neuesten Stand. Es führt Tests durch, um sicherzustellen, dass es sicher durchgeführt wird, und es ermöglicht Ihnen auch zu steuern, wann dies geschieht, sodass es nicht zufällig passiert, wenn ein Update herauskommt, was meines Wissens etwas ist, was die Kern-Update-Funktion von WordPress tut.

Wenn Sie also wissen, wie Sie das steuern, möchten Sie natürlich vorhersagen können, wann diese Updates herauskommen werden, damit Sie sie im Auge behalten und sicherstellen können, dass nichts schief geht. Sie können diesen Prozess überwachen. Sie können also tatsächlich Updates mit einer Häufigkeit Ihrer Wahl planen, oder? Und Sie können dies auch an Wochentagen oder Wochenenden planen, denn offensichtlich möchte niemand wirklich an den Wochenenden arbeiten, oder? Sie möchten das also auf die Wochentage legen.

Sie können Plug-Ins ausschließen und auswählen. Einige Plug-Ins sind möglicherweise komplexer als andere, mit denen Sie vielleicht ein bisschen mehr von einem Kinderhandschuh haben möchten, und einige können Sie einfach laufen lassen, aber Sie können auch bestimmte Bereiche Ihrer Website ausschließen. Also zum Beispiel nach Klasse oder ID. Und das ermöglicht Ihnen eine wirklich granulare Kontrolle darüber, wie der Test abläuft und auch, wie dieser Aktualisierungsprozess abläuft.

Das nächste ist natürlich, sobald Sie dieses Update durchgeführt haben, wie stellen wir sicher, dass es sicher durchgeführt wird, damit Sie nicht immer Websites beschädigen und Kunden anrufen, um zu gehen, hey, meine Website funktioniert nicht . Was ist passiert? Wie geht's? Du willst dieses Gespräch niemals führen. Offensichtlich ist ein Problem, das noch nie aufgetreten ist, besser als ein Problem, das Sie beheben müssen. Und so haben wir tatsächlich – als Teil des Smart Plugin Managers ein visuelles Regressionstestprotokoll.

Was also passiert, ist, dass jedes Mal, wenn ein Update über das Smart Plugin-Update ausgeführt wird, tatsächlich ein Schnappschuss der Website erstellt wird. Es führt einen visuellen Regressionstest durch und wenn es dann feststellt, dass es ein Problem gibt, führt es tatsächlich ein Auto durch – Sie können wählen, ob Sie ein automatisches Rollback durchführen möchten, oder Sie können wählen, dass es Ihnen eine Benachrichtigung sendet. Das liegt also an Ihnen. Wieder diese Art von körniger, feinkörniger Steuerung. Aber es wird Ihnen einen Bericht schicken, um Ihnen mitzuteilen, was vor sich geht. Es eliminiert die Plug-Ins, die kein Problem darstellen, und teilt Ihnen genau mit, welches Plug-In ein Problem darstellt. Und geben Sie Ihnen auch ein visuelles Feedback, eine Filmrolle, um genau zu zeigen, woher dieses Problem kommt, denn manchmal ist es vielleicht nur etwas wirklich Kleines, das Sie nicht interessiert. So kann man das Update trotzdem erzwingen.

Dieser visuelle Regressionstest wird im Laufe der Zeit ständig verbessert. Es ist tatsächlich maschinelles Lernen getrieben. Und es wird aus dem Datensatz der über einer Million Update-Vorgänge abgeleitet, die wir seit der tatsächlichen Markteinführung dieses Produkts durchgeführt haben. Eines der Dinge, die Smart Plugin Manager so macht, unterscheidet ihn von vielen anderen Update-Tools da draußen, dass es wirklich keine Begrenzung gibt, was Sie damit aktualisieren können. Sie können tatsächlich benutzerdefinierte Plugins aktualisieren, die Sie selbst erstellt haben, solange Sie es dazu bringen, auf Ihr spezielles Repo zu hören, und es funktioniert auch auf GitHub, Bitbucket oder GitLabs und ermöglicht Ihnen auch, Themen zu aktualisieren.

Und da dies natürlich auf der WP Engine-Plattform auf Plattformebene und nicht innerhalb von WP Admin existiert, war eines der Dinge, die ich früher hasste, das Klicken in und aus WP Admin, um diese Updates auszuführen und sie einzeln auszuführen . Diese arbeiten jetzt in großen Mengen. Dies ist also etwas, das Sie über das Benutzerportal verwalten, und Sie können die Einstellungen auf allen Ihren Sites gleichzeitig aktualisieren. Sie müssen also nicht immer ein- und ausgehen und sparen offensichtlich Minuten und im Laufe der Zeit Stunden.

Sie können dies unter wpengine.com/smart-plugin-manager erhalten oder mit Ihrem Ansprechpartner bei WP Engine sprechen. Jetzt komme ich zurück zu Rob, dem anderen Rob, um darüber zu sprechen, wenn Sie alles aktualisiert haben, was passiert, wenn Sie es hübsch aussehen lassen wollen?

ROB STINSON: In Ordnung, na schau, wir könnten eigentlich genau hier aufhören. Wenn Sie nur den lokalen und intelligenten Plugin-Manager verwenden, würden Sie sich jeden Monat viele, viele Stunden sparen. Aber warte, es gibt noch mehr. Ich möchte über ein bestimmtes Werkzeug sprechen, das mir persönlich sehr am Herzen liegt. Es heißt Genesis Custom Blocks und ist im Grunde ein Tool, ein Plugin, mit dem Sie bessere Websites schneller auf WordPress erstellen können, insbesondere im Kontext des Blockeditors.

Es ist also ein WordPress-Plugin, das Ihnen eine Admin-Oberfläche bietet, und wenn ich Admin sage, meine ich den WordPress-Admin selbst. Und ein wirklich einfaches Templating-System oder Templating-Engine, wie wir es manchmal nennen, zum Erstellen Ihrer eigenen benutzerdefinierten Gutenberg-Blöcke. Und die Idee hier ist, dass der Blockeditor fantastisch ist, er wird ständig verbessert, aber manchmal arbeitet man an einer Website und hat eine Menge Dinge erstellt, aber es gibt einen Teil davon, den man einfach etwas wirklich Bestimmtes tun muss. Es muss auf eine bestimmte Weise aussehen oder sich auf eine bestimmte Weise verhalten. Es muss mit einem anderen Plug-in oder einer Drittanbieteranwendung integriert werden, und das Zeug von der Stange reicht einfach nicht aus. Sie müssen selbst etwas bauen.

Genesis Custom Blocks macht es Ihnen also wirklich einfach, diese Dinge mit Ihrem eigenen benutzerdefinierten Block zu tun, und es ist wichtig, hier darauf hinzuweisen, dass Sie das Genesis-Framework kennen, wenn Sie mit Genesis vertraut sind, und es gibt eine Reihe anderer Plugs -ins ist dieses Plug-in Genesis Custom Blocks nicht von diesen abhängig. Sie können dies also isoliert verwenden und alle Funktionen und alles würde funktionieren.

Es ist kostenlos auf wordpress.org erhältlich. Es gibt auch eine Pro-Version mit ein paar erweiterten Funktionen, die ich persönlich liebe, aber die kostenlose Version auf WordPress ist wirklich mächtig. Wenn dies etwas ist, in das Sie einsteigen und anfangen möchten, Dinge zu verwenden und aufzubauen, gehen Sie einfach zuerst zum kostenlosen und stecken Sie darin fest, denn Sie werden sehr schnell ein Verständnis für das Potenzial davon bekommen. Und natürlich können Sie auf Pro upgraden, wenn Sie diese zusätzlichen Funktionen benötigen.

Aber im Grunde funktioniert es so, dass Sie sich bei WordPress anmelden und einen neuen Block, einen neuen benutzerdefinierten Block hinzufügen. Und Sie erhalten dort einen Bildschirm. Und es ist so, als würden Sie ein Formular in WordPress erstellen. Sie fügen verschiedene Felder, Textfelder, Zahlenfelder, Farbfelder und Bildfelder hinzu und konfigurieren deren Werte. Sobald Sie dies getan haben, haben Sie nun tatsächlich Ihren benutzerdefinierten Block hinzugefügt und konfiguriert, soweit es WordPress betrifft.

Sie greifen dann ein und müssen ein wenig Code schreiben, und das Schreiben des Codes mag einige Leute erschrecken, aber wenn Sie überhaupt etwas entwickelt haben, wie auch nur die Grundlagen von HTML und CSS, werden Sie es tun OK hier. Denn die Art und Weise, wie das Templating mit Genesis Custom Blocks funktioniert, ist wirklich sehr einfach. Und das werde ich Ihnen in Kürze demonstrieren. Aber sobald Sie das getan haben, ist es im Grunde genommen erledigt. Ihr benutzerdefinierter Block ist einsatzbereit. Sie können in einen neuen Beitrag oder eine neue Seite gehen, auf Block hinzufügen klicken und schon ist Ihr benutzerdefinierter Block bereit, der Seite hinzugefügt zu werden, was ziemlich cool ist.

Also zeige ich euch gleich einen. Ich werde unter zwei Minuten sein. Ich werde einen benutzerdefinierten Block von Grund auf neu erstellen. Also haltet euch an euren Plätzen fest.

Der benutzerdefinierte Block, den ich Ihnen jetzt zeigen möchte, ist einer, den ich tatsächlich früher erstellt habe. Nennen wir es einen Teamkachelblock. Und wir können dies beliebig oft zu einer Seite hinzufügen, genau wie diese drei hier. Damit können wir ein Bild, den Namen der Person, ihre Berufsbezeichnung und ein paar soziale Links hinzufügen.

Drüben im WordPress-Adminbereich ist das einzige Plugin, das wir hier auf dieser Seite installiert haben, Genesis Custom Blocks. Es gibt uns diese Option hier drüben auf der linken Seite. Und wenn wir darauf klicken, können wir die Liste aller unserer benutzerdefinierten Blöcke sehen. Im Moment haben wir nur noch diese. Wenn ich darauf klicke, sehen Sie die drei Felder, die ich hinzugefügt habe. Denken Sie daran, stellen Sie sich das wie das Hinzufügen von Feldern zu einem Formular vor. Wir haben ein Bildfeld, zwei Textfelder und zwei URL-Felder. Natürlich haben wir unserem benutzerdefinierten Block einen Titel gegeben und hier rechts ein paar Dinge für die Einstellungen des Blocks konfiguriert.

Innerhalb des Editors haben wir tatsächlich einen Spaltenblock mit drei Spalten eingerichtet und wir haben unseren benutzerdefinierten Block dreimal hinzugefügt. Wie Sie sehen können, kann ich mich einzeln durchklicken. Ich kann interagieren und das Foto ändern, den Namen, den Titel und die URLs dort ändern.

In unserem Code-Editor habe ich in unserem Child-Theme 2022 Child einen Blocks-Ordner hinzugefügt. Darin ein Team-Dash-Kachelfoto, das unserem benutzerdefinierten Block entspricht, und zwei Dateien innerhalb dieses Block-Punkt-PHP und Block-Punkt-CSS. In unserer PHP-Datei haben wir ziemlich einfaches HTML. Ich habe eine benutzerdefinierte CSS-Klasse hinzugefügt, damit wir damit interagieren können.

Aber das Wichtigste ist die Verwendung dieser Blockfeldfunktion. Und innerhalb dieser Blockfeldfunktion übergeben wir Attribute, die unseren Feldern innerhalb unserer benutzerdefinierten Blöcke entsprechen. Wir haben dort ein Foto, einen Namen, einen weiteren Namen, einen Titel, eine Twitter-URL und eine Dribble-URL. Eine CSS-Datei, natürlich, Sie wissen, dass ich das CSS so geschrieben habe, aber es lässt uns schreiben – Sie können Ihr CSS schreiben, wie Sie es möchten, in dem Wissen, dass diese Datei hier auf die Seite gezogen wird, wenn der benutzerdefinierte Block geladen ist. Und so einfach haben wir einen benutzerdefinierten Block, der genau so aussieht und sich verhält, wie wir es wollen.

In Ordnung. Wir haben dort also eine Menge durchgemacht in Bezug auf benutzerdefinierte Genesis-Blöcke. Ich hoffe, das hat Ihnen tatsächlich gezeigt, wie einfach es sein kann, diese benutzerdefinierten Erfahrungen in WordPress zu erstellen. Um mehr zu erfahren, das Plug-in herunterzuladen und weitere Informationen zu erhalten, können Sie wpengine.com/genesis-custom-blocks besuchen. Cool, zurück zu Robert Li. Er wird über Backups sprechen.

ROBERT LI: Danke Rob. Offensichtlich haben wir die Seite also bereits entwickelt. Wir pflegen die Plug-Ins und sorgen jetzt dafür, dass sie hübsch aussehen. Aber all diese Arbeit, die Sie geleistet haben, werden Sie natürlich verlieren, richtig? Und jetzt werden wir über Dinge wie Vorlagenverwaltung und Notfallwiederherstellung sprechen. Es ist irgendwie seltsam, dass ich sie miteinander gekoppelt habe, aber Sie werden gleich sehen, warum.

Das erste, worüber ich sprechen möchte, ist das Backup-System. Natürlich ist es sehr wichtig sicherzustellen, dass alle Arbeiten, die du auf deiner WordPress-Seite machst, gesichert sind. Das ist bei jeder Art von Asset, die Sie erstellen, der Fall, selbst wenn es sich um ein Word-Dokument handelt. Ich kann mir nicht vorstellen, wie oft ich etwas geschrieben habe und dann mein Computer heruntergefahren ist und ich dann zurückgegangen bin und es weg ist, richtig? Sie haben Arbeitsstunden verloren. Sie wollen also nicht, dass das passiert.

Und das Tolle ist, dass WP Engine diese Funktion eingebaut hat. Es ist automatisiert und tritt täglich auf. Für zusätzliche Granularität können Sie jetzt natürlich zusätzliche Backup-Plug-Ins installieren und diese in einem externen Cloud-Speicher Ihrer Wahl speichern, oder Sie können dies auch lokal tun. Es gibt also viele Möglichkeiten. Aber wenn Sie nichts tun müssen und nur etwas wollen, das sicher, belastbar und in die Plattform integriert ist, hat WP Engine genau das Richtige für Sie.

Das sind also definitiv dauerhafte Backups, diese werden repliziert. Es gibt bis zu 60 von ihnen. Wenn Sie also ein paar Monate zurückgehen möchten, können Sie dies tun. Und diese werden auch im Ruhezustand und während der Übertragung verschlüsselt, um sicherzustellen, dass die gesicherten Daten sicher sind. Jetzt möchte ich auf die Verfügbarkeitsseite eingehen, da dies wirklich in die Notfallwiederherstellung einfließt. Die Leute fragen, OK, wenn ich ein Backup mache, wird es wirklich da sein, wenn ich es wirklich brauche, richtig? Und natürlich möchten Sie nicht auf Ihren eigenen lokalen Speicher sichern. Das ist irgendwie überflüssig, wenn der Server nicht erreichbar ist.

Was wir also bei WP Engine tun, ist, dass wir das Backup tatsächlich neun Mal über 3 Verfügbarkeitszonen kopieren. Auch diese werden sowohl im Ruhezustand als auch während der Übertragung verschlüsselt, und das bedeutet, dass wir diese für eine Verfügbarkeit von 11 Neunen schreiben. Sie sind im Grunde kugelsicher. Wenn im schlimmsten Fall Ihre Region ausfällt, können wir das wieder hochziehen und woanders wieder hochdrehen.

Diese Backups sind ebenfalls granular, und was ich mit granular meine, ist, dass Sie die Datenbank oder das Dateisystem auswählen können. Sie sind transportabel, sodass Sie sie als ZIP-Datei herunterladen und an einem beliebigen anderen Ort ablegen können. Meine Empfehlung ist natürlich, diese ZIP-Datei hin und wieder regelmäßig in einem Dump- oder Cold-Storage zu speichern, nur um sicherzustellen, dass Sie eine sekundäre Form von redundantem Backup haben.

Und dann sind sie auch schablonenfähig, was mich zum nächsten Punkt bringt. Denn eines der Dinge, die Sie mit diesen Backups tun können, weil sie auf der WP Engine-Plattform existieren, ist, dass Sie sie in verschiedenen Umgebungen wiederverwenden können. Was ich mit unterschiedlichen Umgebungen meine, wir sprechen über Sicherheit, wir sprechen über eine Entwicklung, die nicht destruktiv ist. Sie möchten Best Practices beobachten, indem Sie sicherstellen, dass Sie in verschiedenen Umgebungen entwickeln, und was wir bei WP Engine haben, ist ein Push-Pull-Bereitstellungsworkflow, der Ihnen dies ermöglicht.

Also, wenn ihr das noch nie gemacht habt, oder ihr vielleicht eine Art Staging-Umgebung eingerichtet habt, vielleicht befindet sie sich in einem Unterverzeichnis der bestehenden WordPress-Installation, die ihr habt, es kann ein Ärgernis sein, richtig ? Und es kann mühsam sein, mehrere Umgebungen für einen einzigen Standort zu verwalten. Es sind nur zusätzliche Arbeitsstunden oder Arbeitsstunden, die Sie investieren müssen. WP Engine hat diesen Prozess automatisiert, indem es jedem Standort die Möglichkeit bietet, getrennte Produkt-Staging- und Entwicklungsumgebungen zu erstellen. Das bedeutet, dass keine dieser Umgebungen miteinander interagiert. Wenn Sie etwas in einer Umgebung tun, wirkt sich dies nicht störend auf eine andere Umgebung aus.

Das Tolle an diesen Umgebungen ist, dass sie mit einem einzigen Klick eingerichtet werden können und dass sie auch mit einem einzigen Klick zwischen ihnen hin- und hergeschoben werden können. Also super duper einfach zu machen. Sie brauchen nichts herunter- oder hochzuladen. Aber dann bekomme ich oft die Frage, OK, ob ich drücken und ziehen werde, und es ist super einfach, dass das auch wie super Brute Force sein wird. Ich werde sagen, dass wir kürzlich einige granulare Kontrollen veröffentlicht haben, die es Ihnen ermöglichen, einige Elemente der Daten zu kontrollieren, die es wirklich sicher machen, zwischen diesen Umgebungen hin- und herzuschieben.

Diese Umgebungen sind also nicht nur getrennt, sondern Sie können auch steuern, welche Daten gezogen und gepusht werden. Wir haben jetzt also die Möglichkeit, bestimmte Tabellen auszuwählen, die Sie verschieben und ziehen können, richtig? Angenommen, Sie haben eine E-Commerce-Website, die Transaktionen abwickelt. Sie möchten diese Transaktionen nicht überschreiben. Aus dem gleichen Grund möchten Sie, wenn Sie das herunterziehen möchten, einige Beispieltransaktionen haben, mit denen Sie arbeiten können, damit Sie die Funktionalität testen können, richtig? Und dies ermöglicht Ihnen, dies zu tun. Wenn Sie diesen Push-Pull machen, haben Sie auch die Möglichkeit, auf der Stelle zurückzusetzen, was irgendwie zum ursprünglichen Punkt zurückgeht.

Jetzt, da Sie all diese Arbeit erledigt und die gesamte Arbeit gesichert und sicher gemacht haben, möchten Sie bezahlt werden, richtig? Wie machst du das? Ich werde mich an Rob wenden, um darüber zu sprechen.

ROB STINSON: Danke, Sir. Nun, wenn Sie Freiberufler sind, sind Sie eine Agentur, Sie sind ein Entwickler, und Sie erledigen diese Arbeit für Ihre Kunden, für Ihre Kunden. Sie tun all diese Dinge, die Sie lieben, Sie stellen diese Website bereit. Es ist fantastisch, wie OK, ich sollte wahrscheinlich dafür bezahlt werden. Es ist eines dieser Dinge, die irgendwie wichtig sind. Aber die Verwaltung rund um die Kundenabrechnung und das Kundenmanagement kann zu Kopfschmerzen führen, und wenn Sie keine Systeme darum herum aufbauen und einrichten, kann dies zu einer Echtzeitsenke werden. Sie können wirklich anfangen, jede Woche und jeden Monat Stunden zu verlieren, die Sie sonst in Rechnung stellen könnten, oder die Sie sonst für das Produzieren, Erstellen und Entwickeln aufwenden könnten.

Gute Kundenverwaltungs- und Kundenabrechnungslösungen oder -systeme sind also wirklich wertvoll. Und ich möchte Ihre Aufmerksamkeit auf etwas namens Growth Suite lenken. Mehr dazu finden Sie auf getflywheel.com/growth-suite. Aber es ist einfach eine fantastische Lösung. Eine fantastische Plattform für Kundenverwaltung, Kundenabrechnung, Kundenabonnements, sogar Wiederverkauf, WordPress-Hosting. Es ist also wirklich großartig, all diese Ebenen zu systematisieren und zu rationalisieren und Ihnen, wie wir ganz oben gesagt haben, wieder die Freiheit zu geben, die Dinge zu tun, die Sie tun möchten.

Auf der Abonnement- und Abrechnungsseite ist es natürlich fantastisch, pünktlich bezahlt zu werden. Wenn das Geld Ihr Bankkonto erreicht, können Sie es reinvestieren und die Leute können zum richtigen Zeitpunkt bezahlt werden. Das ist also immer gut. Sie können wiederkehrende Zahlungen wie die Abonnementkomponente oder einmalige Zahlungen einrichten. Es gibt mehrere Währungsunterstützungen. Wenn Sie sich also in einer bestimmten Region befinden, wie hier in Australien, und ich Kunden in den USA habe, habe ich Kunden in Großbritannien. Sie können die Abrechnung gemäß den Währungen einrichten, die Sie mit diesen Kunden vereinbart haben.

Sie können diesen verschiedenen Transaktionen Notizen hinzufügen. Außerdem können Sie Rabatte hinzufügen. Als hätten Sie vielleicht einen standardisierten Service, den Sie innerhalb der Growth Suite einrichten. Zum Beispiel monatliche Wartung, monatliche Site-Wartung aus irgendeinem Grund. Und das verkaufen Sie für ein paar hundert Dollar im Monat an Ihre Kunden. Aber deine Tante ist eine deiner Kunden, und du liebst sie und natürlich gibt es dort einen Familienrabatt. Sie wollen ihr also 50 % Rabatt geben. Sie können diesen Rabatt ganz einfach für bestimmte Kunden einrichten.

Die Kundenberichterstattung ist ein Service, den viele, viele Agenturen und Freiberufler ihren Kunden anbieten, insbesondere wenn sie auf einer bestimmten Ebene eines Retainer- oder Abonnementservices tätig sind. Die Berichterstattung ist dieser Punkt der kontinuierlichen Interaktion, der es Ihnen als Dienstleister ermöglicht, für sie als Marke im Gedächtnis zu bleiben, aber auch auf eine Art und Weise demonstriert, dass Sie ihnen eine kontinuierliche Wertebene bieten. Also, wenn sie ein paar hundert Dollar ausgeben oder was auch immer Sie jeden Monat mit dieser Berichtsebene demonstrieren, sehen Sie, ich bin hier. Ich mache die Arbeit. Ich biete Wert. Ihr Geld wird nicht einfach von Ihrem Bankkonto abgebucht und nichts passiert.

Sie können diese Berichte also sehr einfach in der Growth Suite einrichten, um diese gesamte Erfahrung im Grunde zu systematisieren. Und sie können sie wiederkehrend machen und Sie können sie so einrichten, dass sie jede Woche, jeden Monat oder vierteljährlich versendet werden, was auch immer diese Struktur ist, die Sie mit Ihrem Kunden definiert haben. Das kannst du machen.

Und das Tolle ist, es ist Ihre Agentur. Es ist Ihre Marke. Egal, ob es sich um Farben oder ein Logo handelt, es wird von Ihnen an Ihren Kunden weitergegeben. Es wird nicht in das Branding von WP Engine oder Flywheel oder Growth Suite verpackt. Es wird überall ABC Agency sein. Aus der Kundenerfahrung geht hervor, dass dieser Bericht und dieser Interaktionspunkt bei Ihnen sind, was wirklich großartig ist.

Wenn Sie diese Idee weiterführen, können Sie tatsächlich ein Kundenportal haben. Also der Ort, an dem Ihre Kunden ihr eigenes kleines Anmeldekonto erstellen können. Und sie gehen dort hinein. Sie sehen Ihre Marke. Sie sehen weder die Growth Suite noch die WP Engine oder Flywheel oder ähnliches. Dass sie Ihre Agenturmarke sehen. They can log in and they can view the services that are associated with their account. They can make payments. They can see past payments that have occurred. They can update their credit card information, for instance if they're on a subscription.

That's just a really simplified and consolidated experience, but it does a couple of things. One, it reinforces your brand. Two, it streamlines that whole interaction point, right? You're able to hand that off to the client to have them log in and fill out all those details. So it does a few things to really streamline things there, which is fantastic.

And of course, look, Growth Suite is built on top of our infrastructure and we've been WordPress hosting, Managed WordPress hosting for over a decade. And we know how to do it. We know how to do it well. We also know how to do reselling really, really well. So a lot of our Growth Suite existing customers resell as well and that layer of our service is baked in to Growth Suite.

It's optional, you don't have to do it. You may only ever want to run your SEO subscription service through Growth Suite. And that's fine. You don't have to resell, but for those agencies and freelancers that do do that, it is baked in and it works really, really efficiently. And I actually encourage any agency out there, any freelancer out there who's consistently building WordPress sites and who wants to retain an ongoing style of relationship with those clients. Recently hosting is just– it's just a fantastic option for increasing that revenue flow for your own business.

Bulk Site Management as well. So if you are reselling and you've got a number of sites within that account, Bulk Site Management as well. So it kind of like– some of the value proposition of what we saw earlier with this Smart Plugin manager, you can see all of the sites, you can get an, at a glance insights into the status of various things. And things are filter-able, and sortable. So you don't have to log in to every individual site to get key information for the sites within your portfolio. Next one, I want to hand back over to Robert. He's going to talk a little bit about SSH gateway.

ROBERT LI: Sweet. Thanks, Rob. So we're getting into the homestretch. We're getting into real nerd territory now, right? So this is the stuff that makes me super excited. Let's say you've gotten to the point where you've scaled up. You've got hundreds of sites under your management. And you're like, man my finger is cramping up because I have to click on so many things, right? Let's do this programmatically. How do you manage your installs programmatically? How do you manage your deploys programmatically?

First question, how do you manage your installs programmatically? SSH Gateway. That's what you want to use. This is actually a feature that's built into WP Engine's platform. It's not something you need to buy or anything like that. I highly encourage you to use it, but effectively this is the most powerful way to interact with WordPress. We spoke about it earlier. The fact that local has this within its application allows you to do WP CLI, but you can also do that on the platform.

So once you've tested out those commands on local go on. Do a SSH Gateway. Replicate those commands, and that way you can interact with the database programmatically, you can interact with the WordPress site programmatically, you can spin up installs, et cetera, et cetera, et cetera. There's so many things that you can do, right? But with that power also comes some responsibility. So not only can you, like I say, you're executing all of these custom PHP functions and you're executing like remote database commands and stuff, but you want to do that safely.

And the way that SSH gateway makes that safe is that it actually goes through a Bastion Host. That's why we call it a gateway and what I mean by a Bastion Host is this is what governs the connection between you and the origin server itself. There's no direct connection to the actual server, which means you are safe to do any sort of testing or anything that you want to do without the risk of blowing up that environment. But also, that connection is encrypted so no one can listen in. And the session is destructible, so that means that once you leave no one else can hijack that session. So not only is it powerful, but this is a safe way to manage installs.

Let's say you've got this down pat and now you want to do this across all of your installs. Then you want to have a look at our GitHub Action. And super proud to announce that this has been recently updated and released. It is generally available. I'll show you where you can get it later, but effectively this is the most powerful way you can deploy to WP Engine.

Of course, everyone– a lot of you developers probably are aware of Git. If you're not aware of it, then have a look up what versioning WordPress looks like. It is kind of the industry standard. But this allows you to use Git at speed and with flexibility on WP Engine. It allows you to deploy to different environments on WP Engine from different branches. Right now it is just available on GitHub, but we are rolling this out to Bitbucket next, so keep an eye out for that.

But the coolest thing about this– and this is something that I actually personally do, so I'm a super advocate of this– is that this is an open source community driven project. And what that means is that you can take this and run with it what you like. The basics are it's going to log into your WP Engine platform and it's going to push your installs to the right environment. But after that, or during that there's a lot that you can do. For example, there are flags built into the GitHub action that allow you to do cache control so you can tell it to clear cache once you've deployed. And PHP linting, so you can observe PHP coding standards, make sure you're not doing anything dodgy.

Then also, you can deploy scripts, post deploy. For example, you might want to activate all of those plug-ins once you've deployed it. You might want to run a security audit, or you might want to spit out some sort of an output to your local terminal, or something like that.

What this allows you then to do, as I mentioned before, is manage those installs programmatically at bulk. Just like how WordPress core, whenever there's an update that goes out, it goes out to all of the WordPress sites in the ecosystem. Imagine you as an agency have a framework that is common, that you guys have built that you're super proud of, but it's used across all of your sites, and right now what you need to do is you need to log into every site, or SSH into every site and do all of those updates manually. Now you don't need to do that. Once you've set up an organization key, you can actually manage that framework and update that from a central repository and spit that out to every install that you manage, which is super duper handy and it saves tens of hours of work. It's super powerful.

I highly encourage you to visit github.com/wpengine/ that string. It's too long, not going to say it, but you can see it right there and check this out yourself. As I mentioned, this is open source community driven. Please feel free to fork it. I've done that myself, and play around with it. It is just a boilerplate and start managing your sites at scale with speed and flexibility.

So this actually gets us to the end of this DE{CODE} presentation. Hopefully through this you've gained some value. As Rob mentioned, this is a buffet. It's like a Sizzler or a Las Vegas buffet. Some of the things are going to be real tasty and some of the things you're not going to like very much, but I guarantee you you've gotten something out of it, right? And hopefully from this you're able to manage your sites at speed and scale and do more of the stuff that you love and less of the things you don't. I'm Rob Li, this has been Rob Stinson. Thanks for joining us.

ROB STINSON: Thanks, everyone. See you later.

And that is a wrap for DE{CODE} 2022. I hope you found it inspirational and are leaving with more WordPress expertise and new community connections. Halten Sie ab Freitag Ausschau nach den aufgezeichneten Inhalten auf der Website, um alles nachzuholen, was Sie möglicherweise verpasst haben, oder sehen Sie sich ein Video erneut an.

I want to say a final thank you to our sponsor partners, Amsive Digital, BOX UK, Candyspace, Drewl, Elementary Digital, Illustrate Digital, Kanopi Studios, Springbox, StudioMalt StrategiQ, WebDev Studios, and 10up. Ein riesiges Dankeschön für Ihre Spende an unsere DE{CODE}-Spendenaktion. Wir schätzen Ihre Großzügigkeit sehr.

Now for everybody that has been interacting with us in our Attendee Hub and our sessions, we will pick the top three winners and let you know how you can claim your prize at the end of DE{CODE} We look forward to seeing you again at our future events, either in-person or virtually. Wir können es kaum erwarten, Ihnen mehr über die neuesten WordPress-Entwicklungstrends zu erzählen und wie Sie diese implementieren können, um WordPress-Sites schneller zu erstellen. Das ist alles von mir. Vielen Dank, dass Sie sich uns angeschlossen haben und passen Sie auf sich auf.