Share
I den här serien av artiklar ska vi studera steg-för-steg-processen för WordPress plugin-utveckling.
Om du är en nybörjare som vill skriva din första plugin (som innehåller både kortkoder och widgets), så är den här serien speciellt till dig.
För att visa denna process i praktiken kommer vi att utveckla ett plugin för integration av Uwl Carousel i WordPress.
Owl Carousel är lyhörd karusell som spelar bra på skrivbord, tabletter och mobil. Det utvecklades av Bartosz Wojciechowski och distribueras under MIT-licensen.
Låt oss ta en titt på plugin-konceptet för att få en klar förståelse av vad vi ska skapa.
Här är idén:
Enkelt uttryckt, vi vill introducera en djup integration av Owl Carousel i WordPress med ett användarvänligt gränssnitt.
Naturligtvis är den första frågan, var börjar vi?
Med tanke på att vi arbetar med att integrera ett bibliotek (det vill säga Owl Carousel) i en befintlig applikation (det vill säga WordPress), måste vi kunna beskriva de steg som vi ska följa för att faktiskt utveckla vår plugin.
Till att börja med beskriver vi exakt vad Owl Carousel gör:
Här ser du våra två nyckelord:
Låt oss först titta på "Inställningar". Inställningar kan definieras som parametrar för owlkarusell som vi kommer att exponera i WordPress Dashboard.
För att göra detta måste vi utveckla inställningssidan i vår Dashboard. Som sådan kommer detta att vara det första steget med pluginutveckling. För det ändamålet lägger vi till det i vårt diagram.
Låt oss nu uppmärksamma utvalda bilder.
Som jag nämnde i början av artikeln skulle vi vilja visa utvalda bilder från inlägg som vi väljer. För att göra detta måste vi kunna markera inlägg som ska visas i karusellen.
Det finns flera sätt att göra detta:
Både kategori- och tagimplementeringar är dåliga idéer från ett SEO-perspektiv, eftersom de skapar ytterligare sidor på webbplatsen som i slutändan duplicerar befintligt innehåll. Även om faktiskt kan styra detta på ett antal olika sätt, ligger dessa strategier utanför ramen för denna handledning.
För att undvika detta rekommenderar jag att du använder anpassade fält. I det här fallet markerar du ett inlägg och inga ytterligare sidor visas. Det andra steget är att definiera vilka bilder som ska läggas till karusellen.
Låt oss lägga till det här steget i vårt diagram:
När vi har parametrar och bilder kan vi äntligen genomföra själva karusellfunktionaliteten. Och det blir vårt tredje steg, så låt oss lägga till det i vårt diagram:
Vid denna tidpunkt har vi tillräckligt med funktionalitet för att lägga till Owl Carousel till temat som en malltagg; Det skulle emellertid vara mycket bättre att kunna lägga karusellen till inlägg och sidor.
För att kunna göra detta måste vi implementera kortkodsfunktionalitet. Som med övriga steg, lägger vi till det i diagrammet:
För att göra plugin ännu mer användbar borde vi lägga till en widget för Owl Carousel. Widgets tillåter oss att visa karusellen på flera sidor som ett alternativ till kortkoder.
Slutligen, låt oss lägga till utvecklingen av en widget till diagrammet för vår utveckling också.
Ovan är diagrammet över hela vår process. Innan vi utvecklar själva pluginfunktionen måste vi förbereda vårt utvecklingsutrymme. I nästa artikel kommer vi att täcka exakt det.
I den här artikeln definierade vi funktionerna i vårt plugin och planerade ut stegen i utvecklingen.
Syftet med planeringsprocessen handlar om att dela och erövra. Med andra ord arbetar vi för att bryta ner tanken på vad vi vill göra i hanterbara steg som kan uppnås genom flera iterationer av utveckling.
Därifrån ska du kunna definiera nödvändiga beroenden, steg, API och data som krävs för att faktiskt implementera plugin. Med början i nästa artikel kommer vi att börja med att inrätta vårt utvecklingsarbetsområde och sedan gå vidare med utveckling av plugin.
Accentsconagua