Integrering av owlkarusellen i ett WordPress-plugin Förberedelse av vår arbetsyta

Det här är den andra delen av steg-för-steg-handledning om plugin-utveckling. Som du kanske kommer ihåg har vi i föregående del diskuterat begreppet plugin och definierat utvecklingsprocessen. Jag har inte läst den första delen av handledningen, jag rekommenderar att du läser den artikeln innan du går vidare med den här handledningen.

I den här delen ska vi förbereda vårt arbetsområde för att göra det så enkelt så enkelt som möjligt att fortsätta arbeta med vårt plugin.

Vi definierar vad vi behöver för arbete och skapar pluginstrukturen enligt dess funktionalitet. I slutändan ser du ditt plugin aktiverat i Dashboard. Så, låt oss börja.

Arbetsyta

Det första vi behöver för plugin-utveckling är förstås en WordPress-installation. För den här handledningen använder jag tydlig ny installation av WordPress 3.8.1, vilken är den senaste versionen vid skrivningstillfället.

Den andra requirementsen för plugin-utveckling är naturligtvis din favorit kodredigerare. PHP och JavaScript kodredigerare fungerar bäst för plugins utveckling.

Så, för plugin-utveckling behöver du två saker:

  1. Senaste WordPress-installationen
  2. Favorit kodredigerare

Plugin Creation

Det är viktigt att betala tillräckligt med uppmärksamhet för plugin-namn. Pluginnamnet ska beskriva vad plugin gör och det måste vara unikt. Eftersom vår plugin är baserad på Owl Carousel, låt oss kalla den Owl Carousel for WordPress. För att ge unika pluggnamn kommer vi också att lägga till ett prefix för våra funktioner: WPT.

På vissa sätt leder detta till att ha WPT Uwl Carousel for WordPress. När vi utvecklar WordPress-pluginet behöver vi inte säga "för WordPress". Så till sist är pluginnamnet WPT Owl Carousel vilket är unikt och beskrivande samtidigt.

Mycket enklare, rätt?

Nästa steg är att ge plugin-filen rätt namn. Det måste härledas från plugin-namnet. I vårt fall är det wpt-owl-karusell. Eftersom vårt plugin kommer att innehålla flera filer måste vi skapa plugin-mapp och placera alla plugin-filer under den.

För att göra detta, navigera till WordPress plugins mappen som är / Wp-content / plugins /. Här skapar du mapp wpt-owl-karusell. Detta blir mappen i vårt plugin.

Skapa en fil i plugin-mappen wpt-owl-carousel.php - det här är huvudfilen till plugin. WordPress kommer att titta på denna fil för plugin-informationen. Denna information måste lagras i pluginhuvudet.

För att lägga till denna information klistra in följande kod i din wpt-owl-carousel.php i början av filen.

 

Varje rad i denna kod är ganska självförklarande men låt oss se till att allt är klart.

  • Plugin namn - användarvänligt plugin namn som kommer att visas i listan över plugins på WordPress plugins sida.
  • Plugin URI - länka till plugin hemsida. Lämna tomma om din plugin inte har en sida på webben
  • Beskrivning - kort beskrivning av pluginfunktionalitet. Det visas aso på plugins sida.
  • Version - pluginversion i format som 1.0
  • Författare - plugin författarens namn
  • Författare URI - länka till plugin författarens sida eller hemsida
  • Licens - En "slug" av licens under vilken plugin distribueras.

Spara wpt-owl-carousel.php och navigera till WodPress-pluginsidan. Där borde du se WPT Owl Carousel i plugin-listan. Aktivera det och vi är redo för nästa del av denna serie.

Du kan ladda ner källkoden från GitHub.

Slutsats

I den här delen av steg-för-steg-serien om plugin-utveckling har vi förberett arbetsytor för plugin-utveckling och vi har skapat det enklaste pluginet och aktiverat det i instrumentbrädan.

Nu är vi redo för nästa del av serien som kommer att handla om inställningssidan.