Intégration de Owl Carousel dans un plugin WordPress Préparer notre espace de travail

Ceci est la deuxième partie du didacticiel pas à pas sur le développement de plugins. Comme vous vous en souvenez peut-être, dans la partie précédente, nous avons discuté du concept de plug-in et défini le processus de développement. Si vous n'avez pas lu la première partie du didacticiel, je vous recommande de lire cet article avant de poursuivre avec ce didacticiel..

Dans cette partie, nous allons préparer notre espace de travail pour qu'il soit aussi facile que possible de continuer à travailler sur notre plugin..

Nous définirons ce dont nous avons besoin pour travailler et créerons la structure du plug-in en fonction de ses fonctionnalités. En fin de compte, votre plugin sera activé dans Dashboard. Alors commençons.

L'espace de travail

La première chose dont nous avons besoin pour le développement de plugins est, bien sûr, une installation WordPress. Pour ce tutoriel, j'utilise une nouvelle installation claire de WordPress 3.8.1 qui est la dernière version au moment de l'écriture du tutoriel..

La deuxième exigence pour le développement de plugins est bien sûr votre éditeur de code préféré. Les éditeurs de code PHP et JavaScript fonctionnent mieux pour le développement de plugins.

Donc, pour le développement de plugins, vous avez besoin de deux choses:

  1. Dernière installation de WordPress
  2. Éditeur de code favori

Création de plugins

Il est important de faire assez attention au nom du plugin. Le nom du plugin doit décrire ce que fait le plugin et il doit être unique. Puisque notre plugin est basé sur Owl Carousel, appelons-le Owl Carousel pour WordPress. Pour donner l’unicité au nom du plugin, nous ajouterons également un préfixe à nos fonctions: WPT.

À certains égards, cela conduit au WPT Owl Carousel pour WordPress. Lorsque nous développons le plugin WordPress, il n’est pas nécessaire de dire «pour WordPress». Donc, enfin, le nom du plugin est WPT Owl Carousel, à la fois unique et descriptif..

Beaucoup plus simple, à droite?

La prochaine étape consiste à donner le nom correct au fichier de plug-in. Il doit être dérivé du nom du plugin. Dans notre cas, c'est wpt-owl-carrousel. Comme notre plugin comprend plusieurs fichiers, nous devons créer un dossier de plugins et y placer tous les fichiers du plugin..

Pour ce faire, accédez au dossier des plugins WordPress qui est / wp-content / plugins /. Ici créer un dossier wpt-owl-carrousel. Ce sera le dossier de notre plugin.

Dans le dossier du plugin, créer un fichier wpt-owl-carousel.php - c'est le fichier principal du plugin. WordPress va chercher dans ce fichier les informations du plugin. Cette information doit être stockée dans l'en-tête du plugin.

Pour ajouter cette information, copiez le code suivant dans votre wpt-owl-carousel.php au tout début du fichier.

 

Chaque ligne de ce code est assez explicite, mais assurons-nous que tout est clair.

  • Nom du plugin - nom du plugin convivial qui sera affiché dans la liste des plugins sur la page des plugins WordPress.
  • URI du plugin - lien vers la page d'accueil du plugin. Laissez vide si votre plugin n'a pas de page sur le web
  • La description - brève description de la fonctionnalité du plugin. Il est également indiqué sur la page des plugins.
  • Version - version du plugin au format 1.0
  • Auteur - plugin nom de l'auteur
  • Auteur URI - lien vers la page auteur du plugin ou le site web
  • Licence - Un 'slug' de licence sous lequel le plugin est distribué.

sauvegarder wpt-owl-carousel.php et accédez à la page des plugins WodPress. Là, vous devriez voir WPT Owl Carousel dans la liste des plugins. Activez-le et nous sommes prêts pour la prochaine partie de cette série.

Vous pouvez télécharger le code source depuis GitHub.

Conclusion

Dans cette partie de la série pas à pas sur le développement de plug-in, nous avons préparé un espace de travail pour le développement de plug-in. Nous avons créé le plug-in le plus simple et nous l'avons activé dans le tableau de bord..

Nous sommes maintenant prêts pour la prochaine partie de la série qui traitera de la page Paramètres.