Integrarea Caruselului Owl într-un Plugin WordPress Pregătirea Spațiului nostru de lucru

Aceasta este a doua parte a tutorialului pas cu pas privind dezvoltarea pluginurilor. Așa cum ați aminti, în partea anterioară am discutat conceptul plugin-ului și am definit planul de dezvoltare. Eu nu ați citit prima parte a tutorialului, am recomandat citirea acestui articol înainte de a merge mai departe cu acest tutorial.

În această parte, vom pregăti spațiul nostru de lucru pentru a face cât mai ușor și cât mai ușor posibil să continuăm să lucrăm la plugin-ul nostru.

Vom defini ceea ce avem nevoie pentru a lucra și vom crea structura pluginului în funcție de funcționalitatea acestuia. În final, pluginul dvs. va fi activat în tabloul de bord. Asadar, hai sa incepem.

Spațiul de lucru

Primul lucru pe care îl solicităm pentru dezvoltarea plugin-urilor este, desigur, o instalare WordPress. Pentru acest tutorial, folosesc o instalare clară, proaspătă, a programului WordPress 3.8.1, care este cea mai recentă versiune în momentul introducerii tutorialului.

A doua cerință pentru dezvoltarea plugin-ului este, desigur, editorul de cod preferat. Editorii de cod PHP și JavaScript funcționează cel mai bine pentru dezvoltarea pluginurilor.

Deci, pentru dezvoltarea pluginului aveți nevoie de două lucruri:

  1. Ultima instalare WordPress
  2. Editor de cod preferat

Crearea de pluginuri

Este important să acordăm o atenție suficientă numelui pluginului. Numele pluginului ar trebui să descrie ce plugin are și trebuie să fie unic. Deoarece plugin-ul nostru se bazează pe caruselul Owl, să-l numim Carusel Owl pentru WordPress. Pentru a da unicitatea numelui pluginului, vom adăuga și un prefix funcțiilor noastre: WPT.

În unele privințe, acest lucru duce la obținerea caruselului WPT Owl pentru WordPress. Pe măsură ce dezvoltăm pluginul WordPress, nu este nevoie să spui "pentru WordPress". Deci, în sfârșit, numele plugin-ului este WPT Owl Carousel, care este unic și descriptiv în același timp.

Mult mai simplu, corect?

Următorul pas este să dați fișierului plugin numele corect. Trebuie să provină din numele pluginului. În cazul nostru, este -bufniță-WPT carusel. Deoarece plugin-ul nostru va include mai multe fișiere, trebuie să creați dosar plugin și să plasați toate fișierele de pluginuri sub el.

Pentru a face acest lucru, navigați la dosarul pluginurilor WordPress care este / Wp-content / plugins /. Aici creați folderul -bufniță-WPT carusel. Acesta va fi dosarul pluginului nostru.

În dosarul plugin, creați fișierul -bufniță-WPT carousel.php - acesta este fișierul principal al pluginului. WordPress va examina acest fișier pentru informațiile despre plugin. Aceste informații trebuie să fie stocate în antetul plugin-ului.

Pentru a adăuga aceste informații copiați codul următor -bufniță-WPT carousel.php la începutul dosarului.

 

Fiecare linie a acestui cod este destul de auto-explicativă, dar să ne asigurăm că totul este clar.

  • Numele pluginului - numele prietenului prietenos care va fi afișat în lista de pluginuri pe pagina de pluginuri WordPress.
  • Plugin URI - link către pagina principală a pluginului. Lăsați necompletat dacă pluginul dvs. nu are o pagină pe web
  • Descriere - scurtă descriere a funcționalității pluginului. Este prezentat și pe pagina de pluginuri.
  • Versiune - versiunea pluginului în format de 1,0
  • Autor - numele autorului pluginului
  • Autor URI - link către pagina autorului pluginului sau site-ul web
  • Licență - Un "slug" de licență în care plugin-ul este distribuit.

Salvați -bufniță-WPT carousel.php și navigați la pagina de pluginuri WodPress. Acolo, ar trebui să vezi WPT Owl Carousel în lista de pluginuri. Activați-o și suntem gata pentru următoarea parte a acestei serii.

Puteți descărca codul sursă de la GitHub.

Concluzie

În această parte a seriei pas cu pas despre dezvoltarea plugin-urilor, am pregătit spațiul de lucru pentru dezvoltarea plugin-urilor și am creat plugin-ul cel mai simplu și l-am activat în tabloul de bord.

Acum suntem pregătiți pentru următoarea parte a seriei, care va fi despre pagina Setări.

Cod