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 permettent d’ajouter des fonctionnalités à votre site et de le laisser tel quel, même si changez de thème ou mettez à jour votre installation WordPress. La création de votre propre plug in namp;rsquoest pas difficile et peut résoudre de nombreux problèmes. Copiez et collez le Code utile et damp;rsquoautres fonctionnalités dans le fichier de fonctions. Le PHP du thème est bon, mais ces changements peuvent être perdus lorsque mettez à jour le thème. Un plug in est un moyen sûr damp;rsquoessayer de nouvelles choses, et un plug in est également un moyen sûr si avez besoin damp;rsquoimplémenter des fonctionnalités entre les sujets.
Cet article 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 damp;rsquointroduction au développement de plug ins, si souhaitez améliorer vos compétences en développement, pourquoi ne pas aller à lamp;rsquouniversité? 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. êtes membre damp;rsquoun développeur wpmu, lamp;rsquoadhésion à lamp;rsquoAcadémie est gratuite!
Note: Cette boussole samp;rsquoadresse à ceux qui viennent de commencer à développer des plug ins. Vous avez juste besoin damp;rsquoun peu de connaissance de lamp;rsquoédition de fichiers et quelques bases HTML et PHP. Dans 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 damp;rsquoun conflit de nom, votre site a eu un conflit inattendu avec votre site et a causé des problèmes. Maintenant que avez mon dossier damp;rsquoonglets 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 lamp;rsquoai adapté à mon site Web, donc assurez damp;rsquoéditer lamp;rsquoauteur du plugin et damp;rsquoautres chaînes. Une fois que avez sauvegardé ce fichier, félicitations, car 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 devriez être en mesure de lamp;rsquoactiver: 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 damp;rsquoajouter leur propre nom au lieu de lamp;rsquoimprimer spécifiquement pour quelquamp;rsquoun. Crochet fonctionne ainsi dans WordPress, regardons un exemple. I tem
Je dois ajouter la fonction suivante au fichier damp;rsquoen 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 quamp;rsquoil définit la fonction WP _ Head () qui est une exigence, pouvez la voir en haut de namp;rsquoimporte quel sujet que activez. Nous supprimerons la chaîne Echo dès que possible, car 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 lamp;rsquoexemple 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 permettent de modifier le message de déconnexion lui même au lieu damp;rsquoeffectuer une action chaque fois quamp;rsquoun message de déconnexion est affiché. Nous ne discutons pas ici en détail des crochets. Je suggère de lire notre article, un guide rapide (en profondeur) de crochet WordPress, ou WordPress Codex, si 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 damp;rsquoautres fonctions ce namp;rsquoest 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 jamp;rsquoai effectivement collé nos métabalises dans la fonction. La seule chose que jamp;rsquoai besoin de changer est ces valeurs pour mamp;rsquoassurer quamp;rsquoelles reflètent les messages actuellement affichés. Jamp;rsquoai utilisé lamp;rsquoétiquette conditionnelle is _ ngle () pour mamp;rsquoassurer que lamp;rsquoétiquette namp;rsquoest ajoutée que lorsquamp;rsquoun seul message est affiché. Utilisez des titres, des extraits, des images, etc. Dans mon billet actuel, jamp;rsquoai utilisé lamp;rsquoétiquette du modèle. La seule astuce que jamp;rsquoai utilisée était de vérifier si le post avait une image de premier plan avant damp;rsquoafficher lamp;rsquoé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 assurer quamp;rsquoils sont correctement configurés. Maintenant notre plug in est terminé. Examinons maintenant damp;rsquoautres concepts de plug in. Le bon crochet pour la texture correcte maintenant que savez comment ajouter des éléments à la partie principale du site, voyons comment insérer des éléments dans le reste du site. Lamp;rsquoaction est très simple à utiliser. souhaitez effectuer une action à chaque fois que WordPress effectue une action, recherchez un crochet. Que diriez de 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? Camp;rsquoest vrai. Avec WP _ footer, 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. Jusquamp;rsquoà présent, camp;rsquoest facile parce que pouvez voir ces crochets dans le sujet. Mais quamp;rsquoen est il damp;rsquoautres cas cachés? souhaitez envoyer un email à lamp;rsquoauteur damp;rsquoun article
Son post a été publié. C’est ce qu’on appelle l’action, parce que 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. tapez
Owser obtient la version appropriée du script. votre connexion utilise HTTPS, elle récupère la version HTTPS, sinon elle utilise la version http normale. Bien sûr, pouvez les ressources que avez créées et les stocker dans un plug in. Nous avons chargé un script personnalisé en utilisant la méthode file damp;rsquoattente: le processus de chargement du contenu c0dd60f310eac47df91f est à peu près le même, mais jamp;rsquoai utilisé plus damp;rsquoarguments dans la fonction WP _ enqueue script (). Le troisième paramètre définit les dépendances du script. WordPress s’assure que chargez toutes les dépendances correctement, de sorte qu’elles seront chargées correctement même si les attachez plus tard. Le quatrième paramètre est le numéro de version que pouvez choisir 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. namp;rsquoavez pas besoin damp;rsquoun script dans lamp;rsquoen tête, camp;rsquoest le meilleur choix parce quamp;rsquoil 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 lamp;rsquoutilisateur peut définir. Peut être aimeriez désactiver lamp;rsquoonglet Facebook Open Graph sur certains messages et même désactiver lamp;rsquoe mail de lamp;rsquoauteur lorsque postez des messages que avez écrits? Les deux peuvent être réalisés avec des options. Il existe plusieurs façons de créer des options pour même, y compris un certain nombre de cadres damp;rsquooptions disponibles. Pour les options simples, pouvez le faire 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 à lamp;rsquoarrière plan où nous pouvons placer lamp;rsquointerface 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) lorsquamp;rsquoelles sont affichées. Titre du menu: utilisé dans le menu de gauche. Capacité: le niveau damp;rsquoutilisateur autorisé à accéder à la page. Menu de fente – fente dans lamp;rsquoURL 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: lamp;emplacement de lamp;rsquoélément dans lamp;rsquoensemble du menu. Jamp;rsquoai créé la fonction NULL my _ plugin settings page () ( remarquerez que je lamp;rsquoai ajoutée comme cinquième argument). Je vais également ajouter le contenu de cette fonctionnalité maintenant. À ce stade, 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 samp;rsquoappelle enregistrer nos paramètres. Par exemple, supposons que 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 pouvez le voir, admin _ init est une fonction dans admin init où jamp;rsquoutilise 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 à damp;rsquoautres personnes de traduire votre plug in dans leur langue. Camp;rsquoest un programme simple qui peut aider beaucoup de gens, pourquoi ne pas le faire? En plus de ces deux fonctions, il y a damp;rsquoautres fonctions, mais en ne connaissant que ce qui précède, 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 lamp;rsquoutilisation damp;rsquoun 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 ne créez pas un produit de distribution, faites ce que voulez. Ne inquiétez pas que les méthodes que ne comprenez toujours pas compliquent votre vie. Faites de votre mieux pour rechercher des crochets qui aideront à ajouter des fonctionnalités et à fonctionner de toute façon. Une fois que êtes capable de faire les mauvaises choses, réalisez toujours que devez faire les bonnes choses, donc ne inquiétez pas trop des règles maintenant. Bonne chance lors de la création du plugin! Que pensez du plugin wordpress? Que voulez savoir damp;rsquoautre 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
Démarrer avec le développement du plugin wordpress
