Share
Meteen nadat u WordPress hebt bijgewerkt, wordt u omgeleid om een welkomstpagina te bekijken. Deze welkomstpagina helpt u de nieuwe functies en bugfixes in de huidige update beter te begrijpen. Hetzelfde is het geval met een paar plug-ins. Wanneer gebruikers een van deze plug-ins installeren of deze bijwerken, worden ze omgeleid naar een welkomstpagina. Die welkomstpagina is wat we in deze serie gaan bouwen.
In de loop van deze vierdelige serie zal ik het proces van het maken van een welkomstpagina voor een WordPress-plug-in uitleggen. Aan het einde van de serie, weet je hoe je een welkomstpagina moet coderen die een promotievideo, plugin-functies, abonnementsvorm, enz. Kan bevatten. Laten we er dus naar toe gaan.
Voordat we ingaan, laat me uitleggen hoe ik deze serie vooruit zal brengen. Er zijn vier delen uit deze serie:
Als u een startpagina voor uw WordPress-plug-in maakt met een overzicht van alle functies en stappen die betrekking hebben op het product, kan die pagina een welkomstpagina worden genoemd.
Het idee om deze pagina te maken, is om gebruikers enige informatie te geven over het product dat ze zojuist hebben geïnstalleerd. Het kan informatie bevatten over uw product, zoals een verklarende video of een handleiding voor wat u vervolgens moet doen.
Dat is wat we gaan bouwen.
Ik ga een maken WP Welkom Pagina Boilerplate in de vorm van een WordPress-plug-in die in elk project kan worden gebruikt. Laten we ingaan op de architectuur van onze welkomstpaginaplugin. Er zijn twee componenten van een welkomstpaginaplugin:
De welkomstpagina als geheel is het belangrijkste ingrediënt van deze hele serie. Het kan elementen bevatten zoals:
We gaan deze pagina bouwen met PHP, HTML en CSS. Sommige delen van deze pagina zullen dynamisch zijn, b.v. het versienummer van uw product.
Hoe zit het met het schrijven van iets als een pseudo-algoritme voor de omleiding? Omdat ik een WordPress-ontwikkelaar ben, denk ik dat het een belangrijk onderdeel is van je ontwikkelworkflow om te beginnen met een pseudo-algoritme (en optioneel omzetten in pseudo-code).
Dus de welkomstpaginaplugin moet de gebruiker doorverwijzen naar de welkomstpagina. Ongeveer zoals de onderstaande stappen:
Dat is vrijwel alles wat er is voor deze plug-in. In het volgende artikel zal ik uitleggen hoe de transients API werkt in WordPress.
Tot nu toe heb ik de actielijn genoemd die ik ga aannemen tijdens het coderen van de welkomstpagina voor mijn plug-in. Voordat we ingaan op de technische details, laten we een aantal bestaande voorbeelden van welkomstpagina's in de WordPress-community bekijken.
De meeste WordPress-plug-ins zijn niet gewend aan het idee om een welkomstpagina toe te voegen. Ik vraag me af waarom het zo is. Ik denk dat welkomstpagina's geweldig zijn voor zover het de gebruikerservaring betreft. Ze helpen u om verbinding te maken en de kloof te dichten in plaats van de gebruikers in het midden van nergens achter te laten nadat ze uw product hebben geïnstalleerd.
Hier zijn een paar voorbeelden van welkomstpagina's.
Het zou oneerlijk zijn als ik de standaard welkomstpagina zou missen die verschijnt bij het bijwerken van WordPress. Op het moment van schrijven heeft WordPress versienummer 4.4.2 een welkomstscherm.
Wat ik het leukst vind, is het tabblad Video en de Credits die alle bijdragers erkent (aangezien je mijn naam ook kunt vinden!). Maar je snapt het.
Het waarschuwt gebruikers ook over beveiligings- en onderhoudsfixes. Vervolgens wordt het meest recente standaardthema weergegeven, dat wil zeggen Twenty Sixteen.
Als u vraagt om de definitie van een perfecte workflow, dan is WooCommerce het antwoord. Het is veruit de meest goed uitgeruste multi-tier welkomstpagina, of je zou het een workflow kunnen noemen. Het helpt gebruikers bij het instellen van de plug-in door de standaardinstellingen te bekijken of ze aan te passen.
Na activering helpt het gebruikers door de volgende items te installeren:
En tot slot helpt het je om je eerste product toe te voegen.
Kortom, het biedt een complete gids voor zijn gebruikers.
Verschillende namen kunnen aan de lijst worden toegevoegd. Maar omwille van de eenvoud noem ik alleen enkele bekende zoals Easy Digital Downloads, Jetpack, bbPress, enz., Die ook welkomstpagina's bevatten.
Geïnspireerd door deze producten heb ik een welkomstpagina toegevoegd in een van mijn relatief nieuwe plug-ins, CF7 Customizer. Mijn plug-in heeft de gebruikers nodig om contactformulier 7 te installeren en vervolgens een pagina met een shortcode van het contactformulier 7 erin te maken en deze uiteindelijk aan te passen.
Er was geen betere manier om deze stappen te communiceren dan door gebruikers om te leiden naar een welkomstpagina met Ermee beginnen informatie. Anders zou een nieuwe gebruiker die deze plug-in installeert in het midden van nergens terechtkomen.
Vervolgens worden de plugin-functies, een korte video en een abonnementsformulier weergegeven.
U weet dus inmiddels hoe een welkomstpagina kan bijdragen aan het verbeteren van de eindgebruikerservaring en wat we eraan gaan doen. In het volgende artikel belicht ik enkele interessante feiten over transiënten in WordPress en hun rol bij het bouwen van een welkomstpagina.
Ten slotte kun je al mijn cursussen en tutorials op mijn profielpagina verzamelen, en je kunt me volgen op mijn blog en / of contact opnemen op Twitter @mrahmadawais, waar ik schrijf over ontwikkelingsworkflows in de context van WordPress.
Zoals gebruikelijk, aarzel dan niet om eventuele vragen of opmerkingen achter te laten, en ik zal ernaar streven om op elk van hen te reageren.
Accentsconagua