Share
Like etter at du har oppdatert WordPress, blir du omdirigert for å vise en velkomstside. Denne velkomstsiden hjelper deg med å bedre forstå de nye funksjonene og feilrettingene i den nåværende oppdateringen. Det samme er tilfelle med noen plugins. Når brukere installerer en av disse pluginene eller oppdaterer dem, blir de omdirigert til en velkomstside. Den velkomstsiden er det vi skal bygge i denne serien.
I løpet av denne firedelte serien, forklarer jeg prosessen med å lage en velkommen side for et WordPress-plugin. Ved slutten av serien vil du vite hvordan du kodes en velkomstside som kan inneholde en salgsfremmende video, plugin-funksjoner, abonnementsskjema osv. Så, la oss få tak i det.
Før vi dykker inn, la meg forklare hvordan jeg skal ta denne serien fremover. Det er fire deler av denne serien:
Hvis du oppretter en startside for WordPress-pluginet som inneholder alle funksjonene og trinnene som er relatert til produktet, kan denne siden kalles en velkomstside.
Ideen om å lage denne siden er å gi brukerne litt informasjon om produktet de nettopp har installert. Det kan ha informasjon om ditt produkt, for eksempel en forklarende video eller guide til hva du skal gjøre neste gang.
Det er det vi skal bygge.
Jeg skal lage en WP Welcome Page Boilerplate i form av et WordPress-plugin som kan brukes i ethvert prosjekt. La oss grave inn og studere arkitekturen til vår Welcome Page plugin. Det er to bestanddeler av et velkomstsiden plugin:
Velkomstsiden som helhet er kjernedelen i hele serien. Det kan inneholde elementer som:
Vi skal bygge denne siden med PHP, HTML og CSS. Noen deler av denne siden vil være dynamiske, f.eks. Versjonsnummeret til produktet ditt.
Hva med skriver vi noe som en pseudo-algoritme for omdirigering? Å være en WordPress-utvikler, tror jeg det er en viktig del av utviklingsarbeidet ditt for å starte med en pseudoalgoritme (og eventuelt konvertere den til pseudokode).
Så, velkommen side plugin trenger å omdirigere brukeren til velkomstsiden. Omtrent som trinnene nedenfor:
Det er stort sett alt som er til dette pluginet. I neste artikkel vil jeg forklare hvordan transient API fungerer i WordPress.
Så langt har jeg nevnt handlingslinjen som jeg skal adoptere mens jeg koder velkomstsiden for pluginet mitt. Før vi hopper inn i tekniske detaljer, la oss ta en titt på noen eksisterende eksempler på velkomstsider i WordPress-fellesskapet.
De fleste WordPress-plugins er ikke vant til ideen om å legge til en velkomstside. Jeg lurer på hvorfor det er. Jeg tror velkommen sider er ypperlige så langt som brukeropplevelsen er bekymret. De hjelper til med å koble til og fylle gapet i stedet for å forlate brukerne i midten av ingensteds rett etter at de har installert produktet.
Her er noen eksempler på velkomstsider.
Det ville være urettferdig hvis jeg savnet standard velkomstsiden som vises når du oppdaterer WordPress. På tidspunktet for skrivingen har WordPress versjon nummer 4.4.2 en funksjonsrik velkomstskjerm.
Det jeg liker mest om det, er videoen og Credits-fanen som anerkjenner alle bidragsyterne (siden du også finner navnet mitt!). Men du får ideen.
Den underretter også brukere om sikkerhets- og vedlikeholdsrettigheter. Deretter vises det nyeste standardtemaet, dvs. Tjue seksten.
Hvis du spør om definisjonen av en perfekt igangsatt arbeidsflyt, er WooCommerce svaret. Det er uten tvil den mest velutstyrte flertallet velkomstsiden, eller du kan kalle det en arbeidsflyt. Det hjelper brukerne å sette opp plugin ved å se på standardene eller tilpasse dem.
Ved aktivering hjelper det brukere ved å installere følgende elementer:
Og til slutt hjelper det deg med å legge til ditt første produkt.
Kort sagt, det tilbyr en komplett reiseguide for sine brukere.
Flere navn kan legges til listen. Men for enkelhets skyld nevner jeg bare noen få kjente som Easy Digital Downloads, Jetpack, bbPress, etc., som også har velkomst sider.
Inspirert av disse produktene, la jeg en velkomstside i en av mine relativt nye plugins, CF7 Customizer. Mitt plugin krever at brukerne skal installere kontaktskjema 7, og deretter lage en side med kontaktskjema 7 kortnummer inne i det og til slutt tilpasse det.
Det var ingen bedre måte å kommunisere disse trinnene enn ved å omdirigere brukere til en velkommen side med Starter informasjon. Ellers vil en ny bruker som installerer dette pluginet, komme igjen i midten av ingensteds.
Deretter vises plugin-funksjonene, en kort video og et abonnementsskjema.
Så nå vet du hvordan en velkomstside kan bidra til å forbedre sluttbrukeropplevelsen og hva vi skal gjøre om det. I neste artikkel vil jeg markere noen interessante fakta om transienter i WordPress og deres rolle i å bygge en velkommen side.
Endelig kan du fange alle kursene og opplæringsprogrammene på profilen min, og du kan følge meg på bloggen min og / eller nå ut på Twitter @mrahmadawais hvor jeg skriver om utviklingsarbeid i WordPress.
Som vanlig, ikke nøl med å legge igjen noen spørsmål eller kommentarer nedenfor, og jeg vil sikte på å svare på hver av dem.
Accentsconagua