Démarrer avec le développement du plugin wordpress

Les plug – ins sont des scripts PHP qui changent le site, essentiellement un peu (ou même beaucoup!) Le Code peut être téléchargé dans l’installation wordpress pour étendre la fonctionnalité du site sans casser le Code principal. L’avantage des plug – ins est qu’ils vous permettent d’ajouter des fonctionnalités à votre site et de le laisser tel quel, même si vous changez de thème ou mettez à jour votre installation WordPress. La création de votre propre plug – in n’est pas difficile et peut résoudre de nombreux problèmes. Copiez et collez le Code utile et d’autres fonctionnalités dans le fichier de fonctions. Le PHP du thème est bon, mais ces changements peuvent être perdus lorsque vous mettez à jour le thème. Un plug – in est un moyen sûr d’essayer de nouvelles choses, et un plug – in est également un moyen sûr si vous avez besoin d’implémenter des fonctionnalités entre les sujets.
Cet article vous guidera dans la création de plugins et nous étudierons également quelques concepts intermédiaires \/ avancés: créer un plugin simple qui intègre WordPress avec Facebook Open Graph. Comment fonctionne le plug – in. Utilisation des crochets. Commencez par le filtre. Ajouter des scripts et des styles. Créer une page de configuration de plug – in. Activer la traduction. Bien que cet article offre un excellent guide d’introduction au développement de plug – ins, si vous souhaitez améliorer vos compétences en développement, pourquoi ne pas aller à l’université? Du développement et de l’apprentissage de PHP par WordPress au démarrage d’une entreprise en ligne et à la maîtrise de sites multiples, il existe une grande variété de cours. Si vous êtes membre d’un développeur wpmu, l’adhésion à l’Académie est gratuite!
Note: Cette boussole s’adresse à ceux qui viennent de commencer à développer des plug – ins. Vous avez juste besoin d’un peu de connaissance de l’édition de fichiers et quelques bases HTML et PHP. Dans cet article, nous allons créer un plugin qui intègre WordPress et Facebook Open Graph. La balise Open Graph est une balise HTML spéciale qui fournit des informations pour Facebook
Ou, en raison d’un conflit de nom, votre site a eu un conflit inattendu avec votre site et a causé des problèmes. Maintenant que vous avez mon dossier d’onglets Facebook, créez un nouveau fichier et mes onglets Facebook. Php. Ce sera votre fichier plug – in principal avec le même nom que le plug – in Slug et ajoutez une extension PHP.
Ouvrez le fichier principal du plug – in et collez le code suivant: chargez le contenu c0dd60f310eac47df91f ce code est un commentaire PHP qui ne peut pas être vu directement dans les administrateurs WordPress. WordPress utilise les données pour afficher le nom du plug – in et quelques autres données dans la section plug – in d’arrière – plan. Je l’ai adapté à mon site Web, donc assurez – vous d’éditer l’auteur du plugin et d’autres chaînes. Une fois que vous avez sauvegardé ce fichier, félicitations, car vous venez de créer votre premier plug – in! Bien sûr, il ne fait rien, mais il devrait être disponible dans la section plug – in et vous devriez être en mesure de l’activer: commencez maintenant.
Comment fonctionne le plugin avant de poursuivre notre projet Facebook Open Graph, arrêtons – nous et voyons comment fonctionne le plugin. Les plug – ins offrent des fonctionnalités avec des crochets, il est donc essentiel de comprendre comment ils fonctionnent. Regardons la simulation réelle du crochet. La première phrase de ces petits journaux est: \
Cette ligne vide est un crochet. Il demande aux utilisateurs d’ajouter leur propre nom au lieu de l’imprimer spécifiquement pour quelqu’un. Crochet fonctionne ainsi dans WordPress, regardons un exemple. I tem
Je dois ajouter la fonction suivante au fichier d’en – tête: WP _ Head (). Dans cette fonctionnalité, il y a un morceau de code WordPress: si le plug – in veut insérer du Code ici, il peut le faire. WP _ Head Hook nous permet de générer quelque chose dans la Section Head de la page, exactement ce dont nous avons besoin. Essayons ça. \
Chargez le contenu c0dd60f310eac47df91f la première ligne du fragment de code ci – dessus indique à WordPress que nous voulons utiliser la fonction my _ Facebook tags () pour nous connecter à certaines fonctionnalités WP head. La deuxième ligne de code crée la fonction, et la troisième ligne renvoie une chaîne simple. Maintenant, tant qu’il définit la fonction WP _ Head () qui est une exigence, vous pouvez la voir en haut de n’importe quel sujet que vous activez. Nous supprimerons la chaîne Echo dès que possible, car vous ne devriez jamais afficher de texte dans la section en – tête. Pour être honnête, je voudrais faire deux remarques. Il existe deux types de crochets: action et filtre. Dans l’exemple ci – dessus, nous avons utilisé une opération évidente parce que nous avons utilisé la fonction add _ action (). Ces opérations sont effectuées chaque fois que WordPress détecte un crochet qui les appelle.
Les filtres sont similaires, mais ils modifient certaines des données utilisées par WordPress. Le message de déconnexion affiché en est un bon exemple. Les filtres vous permettent de modifier le message de déconnexion lui – même au lieu d’effectuer une action chaque fois qu’un message de déconnexion est affiché. Nous ne discutons pas ici en détail des crochets. Je vous suggère de lire notre article, un guide rapide (en profondeur) de crochet WordPress, ou WordPress Codex, si vous voulez en savoir plus. La dernière chose que je voudrais mentionner ici est que techniquement, lorsque la fonction do _ action () ou apply filters () est exécutée, la fonction hook est exécutée. La fonction WP Head () contient des appels vers d’autres fonctions – – ce n’est pas le crochet lui – même. Selon
Comme indiqué ci – dessus, il est clair que nous devons ajouter notre métabalise Facebook en utilisant le crochet de tête WP _ head. Voici le reste du Code dont nous avons besoin pour notre plug – in, puis une explication: charger le contenu c0dd60f310eac47df91f j’ai effectivement collé nos métabalises dans la fonction. La seule chose que j’ai besoin de changer est ces valeurs pour m’assurer qu’elles reflètent les messages actuellement affichés. J’ai utilisé l’étiquette conditionnelle is _ Single () pour m’assurer que l’étiquette n’est ajoutée que lorsqu’un seul message est affiché. Utilisez des titres, des extraits, des images, etc. Dans mon billet actuel, j’ai utilisé l’étiquette du modèle. La seule astuce que j’ai utilisée était de vérifier si le post avait une image de premier plan avant d’afficher l’étiquette Facebook. Avec cette fonctionnalité unique, nous avons créé quelque chose de très utile. Tous les messages affichés sur votre site devraient maintenant avoir des étiquettes compatibles avec Facebook. Vous pouvez utiliser le débogueur Open Graph pour vous assurer qu’ils sont correctement configurés. Maintenant notre plug – in est terminé. Examinons maintenant d’autres concepts de plug – in. Le bon crochet pour la texture correcte maintenant que vous savez comment ajouter des éléments à la partie principale du site, voyons comment insérer des éléments dans le reste du site. L’action est très simple à utiliser. Si vous souhaitez effectuer une action à chaque fois que WordPress effectue une action, vous recherchez un crochet. Que diriez – vous de télécharger Google Analytics trace sur chaque page? Cela devrait se faire au pied de page. Peut – être que le sujet définit quelque chose comme wp \ u head? C’est vrai. Avec WP _ footer, vous pouvez voir le Code au bas de la page. WordPress lui – même utilise ces deux crochets pour placer les scripts et les styles au bon endroit. Jusqu’à présent, c’est facile parce que vous pouvez voir ces crochets dans le sujet. Mais qu’en est – il d’autres cas cachés? Si vous souhaitez envoyer un email à l’auteur d’un article
Son post a été publié. C’est ce qu’on appelle l’action, parce que vous dites: Quand WordPress publie un post, faites quelque chose. Ces dernières années, il est devenu beaucoup plus facile de trouver ces crochets. Leurs noms sont généralement bons: User _ Register, publish Post, Profile Update, etc. Si vous tapez \
Owser obtient la version appropriée du script. Si votre connexion utilise HTTPS, elle récupère la version HTTPS, sinon elle utilise la version http normale. Bien sûr, vous pouvez télécharger les ressources que vous avez créées et les stocker dans un plug – in. Nous avons chargé un script personnalisé en utilisant la méthode file d’attente: le processus de chargement du contenu c0dd60f310eac47df91f est à peu près le même, mais j’ai utilisé plus d’arguments dans la fonction WP _ enqueue script (). Le troisième paramètre définit les dépendances du script. WordPress s’assure que vous chargez toutes les dépendances correctement, de sorte qu’elles seront chargées correctement même si vous les attachez plus tard. Le quatrième paramètre est le numéro de version que vous pouvez choisir vous – même. Ces paramètres supplémentaires sont également disponibles pour WP _ enqueue style (). Le cinquième paramètre (s’il est défini à True) indique à WordPress de charger le script dans le pied de page au lieu de l’en – tête. Si vous n’avez pas besoin d’un script dans l’en – tête, c’est le meilleur choix parce qu’il réduit le temps de chargement et optimise le JavaScript. Pour en savoir plus sur la mise en file d’attente, consultez notre article sur l’ajout de scripts et de styles à WordPress de la bonne manière. Créer une page de configuration de plug – in de nombreux plug – ins nécessitent des options spécifiques que l’utilisateur peut définir. Peut – être aimeriez – vous désactiver l’onglet Facebook Open Graph sur certains messages et même désactiver l’e – mail de l’auteur lorsque vous postez des messages que vous avez écrits? Les deux peuvent être réalisés avec des options. Il existe plusieurs façons de créer des options pour vous – même, y compris un certain nombre de cadres d’options disponibles. Pour les options simples, vous pouvez le faire vous – même plus facilement, nous apprenons ici, Alors commençons. La meilleure approche est orientée objet, mais ici je vais utiliser une approche plus simple. Voir la page options de création
Code wordpress pour une approche plus simple et orientée objet. La première chose que nous allons faire est de créer un élément de menu à l’arrière – plan où nous pouvons placer l’interface utilisateur de configuration: charger le contenu c0dd60f310eac47df91f Veuillez noter que nous utilisons une action pour le faire. Chaque fois que WordPress voit le menu Hook admin _ menu, toutes les fonctions qui y sont associées sont exécutées. Il se trouve que nous avons ajouté une fonction nous – mêmes pour en tenir compte lors de la création du menu. Nous créons des éléments de menu de haut niveau en utilisant add _ menu page (). Cette fonctionnalité accepte plusieurs sujets: titre de page: utilisé dans les balises de titre de page (affichées dans la barre du navigateur) lorsqu’elles sont affichées. Titre du menu: utilisé dans le menu de gauche. Capacité: le niveau d’utilisateur autorisé à accéder à la page. Menu de fente – fente dans l’URL utilisée pour la page. Fonction: le nom de la fonction utilisée pour exporter le contenu de la page. Icône: url pointant vers une image ou une chaîne de caractères dashicons. Emplacement: l’emplacement de l’élément dans l’ensemble du menu. J’ai créé la fonction NULL my _ plugin settings page () (vous remarquerez que je l’ai ajoutée comme cinquième argument). Je vais également ajouter le contenu de cette fonctionnalité maintenant. À ce stade, vous devriez être en mesure de voir le nouvel élément de menu en bas du menu. Avant de créer l’interface utilisateur pour les actions de configuration, nous ferons savoir à WordPress quels paramètres utiliser. Ça s’appelle enregistrer nos paramètres. Par exemple, supposons que vous vouliez créer un endroit pour stocker les coordonnées de certains employés clés qui ne font pas partie de notre projet Web, comme notre comptable. Charger le contenu c0dd60f310eac47df91f comme vous pouvez le voir, admin _ init est une fonction dans admin init où j’utilise Register Setting ()
Le premier paramètre de la fonction Load content c0dd60f310eac47df91e est la chaîne à traduire et le second est le champ texte. Ceci devrait être le même que le plug – in Slug. En utilisant ces fonctionnalités, Vous permettrez à d’autres personnes de traduire votre plug – in dans leur langue. C’est un programme simple qui peut aider beaucoup de gens, pourquoi ne pas le faire? En plus de ces deux fonctions, il y a d’autres fonctions, mais en ne connaissant que ce qui précède, vous avez 99% des capacités. Pour en savoir plus sur les plug – ins de traduction, consultez notre article « Comment créer un thème ou un plug – in traduisible ». Conclusion l’utilisation d’un plug – in peut faire beaucoup de choses, presque autant de façons de créer un plug – in. Bien que je sois fortement en faveur des normes WordPress et que je fasse les choses correctement (dans de nombreux cas une approche orientée objet), j’exhorte tout le monde à expérimenter. Tant que vous ne créez pas un produit de distribution, faites ce que vous voulez. Ne vous inquiétez pas que les méthodes que vous ne comprenez toujours pas compliquent votre vie. Faites de votre mieux pour rechercher des crochets qui vous aideront à ajouter des fonctionnalités et à fonctionner de toute façon. Une fois que vous êtes capable de faire les mauvaises choses, vous réalisez toujours que vous devez faire les bonnes choses, donc ne vous inquiétez pas trop des règles maintenant. Bonne chance lors de la création du plugin! Que pensez – vous du plugin wordpress? Que voulez – vous savoir d’autre sur le développement de plug – ins? Veuillez nous le faire savoir dans les commentaires ci – dessous. Étiquettes: développeurs de plug – ins avancés