Uilencarrousel integreren in een WordPress-plug-in onze werkruimte voorbereiden

Dit is het tweede deel van een stapsgewijze zelfstudie over de ontwikkeling van plug-ins. Zoals u zich wellicht herinnert, hebben we in het vorige deel het concept van de plug-in besproken en het ontwikkelingsplan gedefinieerd. Ik heb het eerste deel van de zelfstudie niet gelezen, ik raad aan dit artikel te lezen voordat ik verder ga met deze zelfstudie.

In dit deel gaan we onze werkruimte voorbereiden om het zo eenvoudig en gemakkelijk mogelijk te maken om verder te werken aan onze plug-in.

We zullen definiëren wat we nodig hebben voor het werk en de structuur van de plug-in creëren op basis van zijn functionaliteit. Op het einde ziet u uw plug-in geactiveerd in Dashboard. Dus laten we beginnen.

De werkruimte

Het eerste dat we nodig hebben voor het ontwikkelen van plug-ins, is natuurlijk een WordPress-installatie. Voor deze zelfstudie gebruik ik een duidelijke nieuwe installatie van WordPress 3.8.1, de nieuwste versie op het moment van zelfstudie.

Het tweede vereiste voor het ontwikkelen van plug-ins is natuurlijk je favoriete codebewerker. PHP- en JavaScript-codebewerkers werken het beste voor de ontwikkeling van plug-ins.

Voor de ontwikkeling van plug-ins hebt u dus twee dingen nodig:

1. Laatste WordPress-installatie
2. Favoriete code-editor

Plugin Creation

Het is belangrijk om voldoende aandacht te besteden aan de plugin-naam. De plugin-naam moet beschrijven wat de plug-in doet en deze moet uniek zijn. Omdat onze plugin gebaseerd is op de Owl Carousel, laten we het Owl Carousel noemen voor WordPress. Om plugin-naam uniek te maken, zullen we ook een voorvoegsel aan onze functies toevoegen: WPT.

In sommige opzichten leidt dit tot het hebben van de WPT Owl Carousel voor WordPress. Bij de ontwikkeling van de WordPress-plug-in hoeft u niet te zeggen 'voor WordPress'. Eindelijk is de pluginnaam WPT Owl Carousel die tegelijkertijd uniek en beschrijvend is.

Veel eenvoudiger, toch?

De volgende stap is om plugin-bestand de juiste naam te geven. Het moet zijn afgeleid van de naam van de plug-in. In ons geval is dat zo WPT-uil-carrousel. Omdat onze plug-in meerdere bestanden zal bevatten, moeten we een plugin-map maken en alle plugin-bestanden eronder plaatsen.

Ga hiervoor naar de map WordPress-plug-ins die dat is / Wp-content / plugins /. Hier maak je een map WPT-uil-carrousel. Dit wordt de map van onze plug-in.

Maak een bestand in de map voor invoegtoepassingen WPT-uil-carousel.php - dit is het hoofdbestand van de plug-in. WordPress zal naar dit bestand kijken voor de informatie over de plug-in. Deze informatie moet worden opgeslagen in de header van de plug-in.

Om deze informatie te kopiëren, plakt u de volgende code in uw WPT-uil-carousel.php helemaal aan het begin van het bestand.

Elke regel van deze code spreekt voor zich, maar laten we ervoor zorgen dat alles duidelijk is.

• Naam invoegen - gebruikersvriendelijke plugin-naam die wordt weergegeven in de lijst met plug-ins op de WordPress-plug-inspagina.
• URI plug-in - link naar startpagina van plugin. Laat dit leeg als uw plug-in geen pagina op internet heeft
• Omschrijving - korte beschrijving van de plugin-functionaliteit. Het staat ook op de pagina met plug-ins.
• Versie - plug-in versie in formaat zoals 1.0
• Schrijver - plugin auteur naam
• Auteur URI - link naar plugin auteurspagina of website
• Licentie - Een 'slak' van een licentie waaronder de plug-in wordt gedistribueerd.

Opslaan WPT-uil-carousel.php en navigeer naar de pagina WodPress-plug-ins. Daar zou u WPT Owl Carousel in de lijst met plug-ins moeten zien. Activeer het en we zijn klaar voor het volgende deel van deze serie.

Je kunt de broncode downloaden van GitHub.

Conclusie

In dit gedeelte van stapsgewijze series over de ontwikkeling van plug-ins, hebben we werkruimte voor de ontwikkeling van plug-ins voorbereid en hebben we de eenvoudigste plug-in gemaakt en deze in het dashboard geactiveerd.

Nu zijn we klaar voor het volgende deel van de serie, die gaat over de pagina Instellingen.