Share
Direkt nach dem Update von WordPress werden Sie zur Anzeige einer Begrüßungsseite umgeleitet. Diese Willkommensseite hilft Ihnen, die neuen Funktionen und Fehlerbehebungen im aktuellen Update besser zu verstehen. Das gleiche gilt für einige Plugins. Wenn Benutzer eines dieser Plugins installieren oder aktualisieren, werden sie auf eine Begrüßungsseite umgeleitet. Diese Willkommensseite ist das, was wir in dieser Serie bauen werden.
Im Verlauf dieser vierteiligen Serie erkläre ich Ihnen, wie Sie eine Begrüßungsseite für ein WordPress-Plugin erstellen. Am Ende der Serie wissen Sie, wie Sie eine Begrüßungsseite codieren, die ein Werbevideo, Plugin-Funktionen, ein Abonnementformular usw. enthält.
Bevor wir eintauchen, lassen Sie mich erklären, wie ich diese Serie voranbringen werde. Es gibt vier Teile dieser Serie:
Wenn Sie eine Einführungsseite für Ihr WordPress-Plugin erstellen, in der alle mit dem Produkt verknüpften Funktionen und Schritte aufgeführt sind, kann diese Seite als Willkommensseite bezeichnet werden.
Beim Erstellen dieser Seite möchten wir den Benutzern einige Informationen zu dem Produkt geben, das sie gerade installiert haben. Es kann Informationen zu Ihrem Produkt enthalten, z. B. ein erläuterndes Video oder eine Anleitung, was als Nächstes zu tun ist.
Das ist es, was wir bauen werden.
Ich werde eine erstellen WP-Begrüßungsseite in Form eines WordPress-Plugins, das in jedem Projekt verwendet werden kann. Schauen wir uns die Architektur unseres Welcome Page-Plugins an. Ein Begrüßungsseiten-Plugin besteht aus zwei Bestandteilen:
Die Willkommensseite als Ganzes ist der Kernbestandteil dieser gesamten Serie. Es kann Elemente enthalten wie:
Wir werden diese Seite mit PHP, HTML und CSS erstellen. Einige Teile dieser Seite sind dynamisch, z. die Versionsnummer Ihres Produkts.
Wie wäre es, wenn wir so etwas wie einen Pseudo-Algorithmus für die Umleitung schreiben? Als WordPress-Entwickler denke ich, dass es ein wichtiger Teil Ihres Entwicklungsworkflows ist, mit einem Pseudo-Algorithmus zu beginnen (und optional in Pseudo-Code umzuwandeln)..
Das Plugin für die Willkommensseite muss also den Benutzer zur Begrüßungsseite umleiten. Fast wie die folgenden Schritte:
Das ist so ziemlich alles für dieses Plugin. Im nächsten Artikel werde ich erklären, wie die Transienten-API in WordPress funktioniert.
Bisher habe ich die Vorgehensweise erwähnt, die ich beim Codieren der Begrüßungsseite für mein Plugin übernehmen werde. Bevor wir uns mit den technischen Details befassen, werfen wir einen Blick auf einige Beispiele für Begrüßungsseiten in der WordPress-Community.
Die meisten WordPress-Plugins sind nicht daran gewöhnt, eine Begrüßungsseite hinzuzufügen. Ich frage mich, warum es so ist. Ich finde Begrüßungsseiten in Bezug auf die Benutzererfahrung hervorragend. Sie helfen, die Lücke zu schließen und die Lücke zu füllen, anstatt die Benutzer direkt nach der Installation des Produkts in der Mitte zu lassen.
Hier sind einige Beispiele für Begrüßungsseiten.
Es wäre unfair, wenn ich die Standard-Begrüßungsseite verpassen würde, die beim Aktualisieren von WordPress angezeigt wird. Zum Zeitpunkt des Schreibens verfügt WordPress Version 4.4.2 über einen reichhaltigen Begrüßungsbildschirm.
Was mir am meisten gefällt, ist das Video und die Registerkarte "Credits", auf der alle Mitwirkenden bestätigt werden (da Sie auch meinen Namen finden!). Aber du hast die Idee.
Außerdem werden Benutzer über Sicherheits- und Wartungskorrekturen informiert. Dann wird das neueste Standarddesign angezeigt, d. H. Twenty Sixteen.
Wenn Sie nach der Definition eines perfekten Workflow für den Einstieg fragen, ist WooCommerce die Antwort. Es ist bei weitem die am besten ausgestattete mehrstufige Begrüßungsseite, oder man könnte sie Workflow nennen. Es hilft Benutzern, das Plugin einzurichten, indem sie die Standardeinstellungen überprüfen oder anpassen.
Bei der Aktivierung hilft es Benutzern, indem es die folgenden Elemente installiert:
Und schließlich hilft es Ihnen, Ihr erstes Produkt hinzuzufügen.
Kurz gesagt, es bietet einen vollständigen Reiseführer für seine Benutzer.
Der Liste können mehrere Namen hinzugefügt werden. Der Einfachheit halber erwähne ich nur ein paar berühmte wie Easy Digital Downloads, Jetpack, bbPress usw., die auch Begrüßungsseiten haben.
Inspiriert durch diese Produkte fügte ich in einem meiner relativ neuen Plugins, CF7 Customizer, eine Begrüßungsseite hinzu. Für mein Plugin müssen die Benutzer Kontaktformular 7 installieren und anschließend eine Seite mit dem Kurzcode für Kontaktformular 7 erstellen und abschließend anpassen.
Es gibt keine bessere Möglichkeit, diese Schritte mitzuteilen, als Benutzer mit einer Willkommensseite zu leiten Fertig machen Information. Andernfalls würde ein neuer Benutzer, der dieses Plugin installiert, mitten im Nirgendwo bleiben.
Als Nächstes werden die Plugin-Funktionen, ein kurzes Video und ein Abonnementformular angezeigt.
Inzwischen wissen Sie, wie eine Begrüßungsseite dazu beitragen kann, die Endbenutzererfahrung zu verbessern und was wir dagegen unternehmen. Im nächsten Artikel werde ich einige interessante Fakten über Transienten in WordPress und ihre Rolle beim Erstellen einer Begrüßungsseite hervorheben.
Schließlich können Sie alle meine Kurse und Tutorials auf meiner Profilseite abrufen und Sie können mir auf meinem Blog folgen und / oder Twitter @mrahmadawais erreichen, wo ich über Entwicklungsworkflows im Zusammenhang mit WordPress schreibe.
Zögern Sie nicht wie üblich, Fragen oder Kommentare zu hinterlassen, und ich bemühe mich, auf jeden von ihnen zu antworten.
Accentsconagua