Développement du plug-in WordPress Pour les débutants : Construire votre premier plug-in WordPress | Cameron Jones | Skillshare
Menu
Recherche

Vitesse de lecture


  • 0.5x
  • 1 x (normale)
  • 1.25x
  • 1.5x
  • 2x

Développement du plug-in WordPress Pour les débutants : Construire votre premier plug-in WordPress

teacher avatar Cameron Jones, WordPress Developer

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Leçons de ce cours

    • 1.

      Introduction

      0:50

    • 2.

      Les outils que nous utiliserons

      0:56

    • 3.

      Qu'est-ce qu'un Plugin

      1:25

    • 4.

      Autopsie de Hello Dolly

      4:22

    • 5.

      Anatomie d'un plug-in

      3:36

    • 6.

      Normes de codage PHP WordPress

      10:50

    • 7.

      Hooks WordPress : Actions et filtres

      4:39

    • 8.

      Référencer des fichiers et des répertoires de plugins

      1:05

    • 9.

      Enqueuing des Scripts et des styles de plugins

      3:45

    • 10.

      Créer votre premier plug-in - Personnaliser la page de connexion

      15:59

    • 11.

      Rendre votre traduction du plug-in prêt

      9:07

    • 12.

      Dernières réflexions

      1:25

  • --
  • Niveau débutant
  • Niveau intermédiaire
  • Niveau avancé
  • Tous niveaux

Généré par la communauté

Le niveau est déterminé par l'opinion majoritaire des apprenants qui ont évalué ce cours. La recommandation de l'enseignant est affichée jusqu'à ce qu'au moins 5 réponses d'apprenants soient collectées.

773

apprenants

--

projet

À propos de ce cours

Dans ce cours, vous apprendrez les bases du développement du plugin WordPress et créerez votre premier plugin WordPress. Nous allons couvrirons les bases de ce qu'est un plugin, la différence entre les plugins et les thèmes et faire une autopsie du plugin « Bonjour, Dolly » qui vient avec les installations par défaut de WordPress.

Certaines des choses que vous apprendrez dans ce cours sont les suivantes :

  • Mise en place d'un environnement de développement local pour WordPress
  • Comment écrire du code qui respecte les normes de codage PHP WordPress
  • Comment fonctionne le système de crochet WordPress et comment utiliser les actions et les filtres et même ajouter le vôtre
  • Comment accéder aux fichiers statiques tels que les styles et les scripts et les enquêteurs
  • Traduire votre plugin pour que les utilisateurs puissent utiliser votre plugin dans leur langue maternelle

Il est recommandé de vous familiariser au moins très basique des langages de programmation suivants :

  • HTML
  • CSS
  • PHP

Nous passerons du début à la fin du processus de développement d'un plugin pour personnaliser la page de connexion, et après avoir terminé le cours, vous aurez les compétences fondamentales pour commencer à développer vos propres plugins personnalisés.

C'est le cours que j'aimerais avoir eu quand j'apprenais à développer des plugins.

Les ressources dont vous aurez besoin pour le cours :

Rencontrez votre enseignant·e

Teacher Profile Image

Cameron Jones

WordPress Developer

Enseignant·e

I'm a professional WordPress developer and the founder of Mongoose Marketplace, a premium WordPress plugin store. More than four years ago I released my first plugin on the WordPress plugin directory, and now my plugins are used on tens of thousands of websites. I'm now teaching what I've learned during my time developing plugins.

Away from the computer I'm an avid sports fan and am somehow managing to raise a teenager on my own.

Voir le profil complet

Level: Beginner

Notes attribuées au cours

Les attentes sont-elles satisfaites ?
    Dépassées !
  • 0%
  • Oui
  • 0%
  • En partie
  • 0%
  • Pas vraiment
  • 0%

Pourquoi s'inscrire à Skillshare ?

Suivez des cours Skillshare Original primés

Chaque cours comprend de courtes leçons et des travaux pratiques

Votre abonnement soutient les enseignants Skillshare

Apprenez, où que vous soyez

Suivez des cours où que vous soyez avec l'application Skillshare. Suivez-les en streaming ou téléchargez-les pour les regarder dans l'avion, dans le métro ou tout autre endroit où vous aimez apprendre.

Transcription

1. Introduction: J' appuie sur le développement de valeur pour les débutants. La caméra de mon nom et je vais vous montrer comment créer un jeu WordPress très France . J' ai travaillé avec quel principe ? Près de cinq ans maintenant, et depuis la sortie de mon premier jeu en 2015, mes plans ont été utilisés sur plus de 30 000 sites WordPress à travers Internet. Je vais vous prendre quelques-unes des bases du développement de jeu, y compris la mise en place d'un environnement de développement local en utilisant ce système Facebook découvert qui est conforme aux normes de codage PHP personne. Comment fait dans les scripts de style Q et d'autres actifs statiques pour votre lecture et la traduction, vous jouez contre toutes les langues. Une fois que vous avez les bases, qu' on vous guette à travers ? Comment personnaliser l'écran d'ouverture de session WordPress, remplaçant le WordPress, en apportant avec votre propre image de marque ? Eh bien, peut-être quelque chose d'un peu plus créatif. Plongons et commençons à construire votre premier jeu de presse 2. Les outils que nous allons utiliser: bienvenue de retour à brancher dans le développement pour les débutants dans cette leçon couvrira. Les différents outils devront commencer à construire des plug-ins. Tout d'abord, nous aurons besoin d'un développement local. C' est pourquoi le sac à main fonctionne sur PHP et mon secret. En dehors de ça, ça veut dire un sept. Nous voulons utiliser un local dit sur ma machine, parce que nous toujours ils ne veulent pas être l'écriture de carte sur le site de vie au cas où vous cassez quelque chose. Qu' est-ce qui développerait toute recherche vers le haut ? Je recommande local à la volée bien, ce qui est ce que je vais utiliser pour la direction de cette proximité. Ensuite, seulement décodé. Tu pourrais utiliser cette batte si tu le voulais vraiment. Mais pour nous aider, n'est-ce pas ? Mieux genre avec les pages telles que la mise en évidence de la syntaxe, nous allons vouloir un corps approprié. Huit. J' aime utiliser un texte sublime. Il est gratuit, super léger et a beaucoup d'extensions de ce look pour commencer par ceux de la et les outils seront nécessaires pour commencer à développer des plans plus loin tout au long, le cours sera à l'aide de noeud NPM subvention compositeur et poète. Mais pour l'instant, c'est tout ce dont nous avons besoin pour arrêter de construire votre premier point 3. Qu'est-ce qu'un plugin: façon de commencer Construire votre premier boggin. Nous devons définir ce qu'est réellement une pièce de théâtre. Vous connaissez peut-être déjà ce que les équipes de presse définissent une mise en page et un aspect . Sur le site Web, ils contrôlent principalement les aspects visuels des sites Web, tels que les en-têtes, les pieds de page, les menus, bus latéral et les fiches de contenu de la page. D' autre part, pour la fonctionnalité personnalisée, ils ont généralement conçu d'une manière que son nom agnostique, ce qui rend vraiment facile d'ajouter le même fonctionnel. C' est dans de nombreux sites, quelles que soient les choses que l'intérieur utilise. Vous devriez être en mesure d'ajouter et de supprimer des millions sans casser les fonctionnalités de base de votre côté. Quelques exemples de bons plug-ins incluent nous cette année, qui vous permet d'ajouter des méta personnalisés à vos publications et pages et analyse la qualité de votre contenu. Formulaire de contact sept, qui ajoute un générateur de formulaire de contact vous permettant d'inventer des formulaires dans vos pages, m' a rencontré facilement pour les visiteurs de vous envoyer un message de votre côté. We Commerce, qui ajoute des fonctionnalités de boutique en ligne à votre côté sur le calendrier des événements, ce qui ajoute des listes d'événements dans les calendriers à votre côté. Il y a certainement beaucoup de zone grise là-bas, et certains plug-ins peuvent être conçus pour fonctionner exclusivement avec certaines choses. Le système plug in intégré dans WordPress est conçu pour fonctionner avec le répertoire officiel WordPress 1.000.000.000.000.000, qui est où vous pouvez trouver des dizaines de milliers de plug-ins gratuits disponibles. Est-ce Allied dans le résumé plug in devrait à des sites de fonctionnalités personnalisées, indépendamment de ce qu'il utilise. 4. Autopsy de Hello Dolly: Bon, maintenant on va jeter un oeil à Bonjour, Dolly. Il est livré avec la plupart des installations de WordPress, et c'est un exemple hors. Qu' est-ce qu'une prise en charge ? R. Donc, si vous visitez la page plebeians dans votre admin wordpress, vous devriez voir l'élégant est là. Si ce n'est pas le cas, vous pouvez aller ajouter de nouveau et rechercher Hello, Dolly et autres pour Hello, Dolly. Il volera ici et c'est celui que vous voulez. Je l'ai déjà installé afin que je puisse simplement l'activer. Et comme vous pouvez le voir, il est ajouté cette petite ligne de texte en haut, droite, qui est une ligne d'une chanson. Bonjour, Dolly. Au, uh, uh, plug in est cette trouvaille et ils s'afficheront sur chaque page d'administration sauf quand vous utilisez l' éditeur de bloc. Maintenant, je vais juste passer rapidement à travers beaucoup les différentes parties de la fiche et comment elles fonctionnent. Donc d'abord, nous avons ces derniers pour bloquer les commentaires en haut de la fiche en feu. Ce 1er 1 ici est principalement pour les gestionnaires de paquets PHP et nous dit quel est le nom des paquets et la version actuelle de celui-ci et qui est utilisé pour les gestionnaires de paquets tels compositeur et tous les plug-ins WordPress, et chaque fichier PHP devrait avoir au moins une partie de cette information. Le suivant est un commentaire de bloc appelé l'en-tête de fichier Plug in. Donc, cela dit WordPress les informations sur le plug in afin que vous puissiez voir qu'il a le nom plunging jouer dans votre description orale sur le plug in qui a écrit le plug dans la version et l'URL de l'auteur, et vous pouvez voir si vous obtenez revenir à la page de votre joueur et vous pouvez vous dire que l'information s'affiche ici. Vous avez le nom, la description sur laquelle l'auteur clique a servi à leur l ce genre de chose. Ensuite, nous avons ceci. Bonjour, Dolly, prends la fonction Larry. Donc ce que cela fait est de définir les paroles de la chanson, puis il va le diviser en un tableau. Donc, chaque ligne est un élément dans le tableau, et ce qu'elle fait ensuite, c'est qu'elle obtient un numéro de pluie sur le nombre de lignes dans la chanson. Donc, il est en ligne, et il utilise cette texture WP. Sa fonction, qui tout ce qui fait est de rendre certains personnages tels que les apostrophes ici un peu plus fantaisie. Ensuite, nous avons cette fonction appelée Bonjour, Dolly. Donc, ce que cela fait est de créer un paragraphe, et il affiche la ligne qui est sélectionnée dans cette précédente fonction Hello Dolly Gettler . Donc, il obtient la ligne à utiliser et à afficher, puis il est sorti en mettant le balisage pour afficher la ligne qui est sélectionnée. Il ajoute ceci au crochet des avis d'administrateur, donc c'est assez proche du haut de la page sur toutes les pages d'administration. C' est donc ce qui le fait afficher en haut. Ensuite, nous avons cette fonction dolly CSS, donc cela est utilisé pour styliser la ligne de la chanson qui est en cours d'affichage. Donc, tout d'abord, il détecte si vous utilisez un langage qui affiche de gauche à droite ou de droite à gauche et génère un peu de CSS. Donc, il change la position dans laquelle il affiche en fonction de si votre texte est de gauche à droite ou de droite à gauche, et juste un peu plus de style, comme avoir une taille de police et cela est ajouté à la tête d'administrateur, donc il s'affichera dans la tête du document externe où les feuilles de faim et les métadonnées appartiennent. Donc, c'est une analyse de base de la prise Hello Dolly, qui est livré avec la plupart des installations de What seins. La toute première prise que j'ai jamais construite était une version éditée désactivée. Bonjour, Dolly, alors n'hésitez pas. Teoh Edit. Bonjour, Dolly Teoh. Ajoutez vos propres paroles de chanson à votre chanson préférée dans, par exemple, Nous allons juste jouer avec elle, Teoh se sentir avec comment, ce que les oignons de presse fonctionnent. 5. Anatomie d'un plugin: façon avait un rapide va obtenir. Bonjour, Dolly. Revenons sur ce qui constitue un plug in afin que les plug-ins n'aient que quelques éléments clés nécessaires pour fonctionner. Répertoire. Un PHP principal loin pour l'oignon dans le bloc. Commenter dans la période. Trois. Avis téléphonique. La prise dans le paradis. Tout d'abord, ils ont besoin d'un répertoire. Eh bien, techniquement, ce n'est pas tout à fait nécessaire, comme l'a démontré Hello, Dolly, il aura besoin de son propre répertoire s'il a plus d'un fichier inclus dans le plug in. Eh bien, si vous voulez le distribuer sur le répertoire de l'avion, idéalement, vous devriez nommer votre répertoire. Le même nom est votre prise dans l'étui Justin kebab. Ensuite, vous avez besoin d'un fichier de prise principale. Ce fichier est chargé chaque fois que ce plunging est actif de votre côté. Il peut contenir toutes les fonctionnalités de votre connecteur, ou il pourrait simplement être utilisé pour charger d'autres fichiers dépendants. Il est préférable de nommer ce fichier de la même manière que votre nom de répertoire. Juste avec l'extension de fichier PHP. Enfin, vous avez besoin d'un plug in head up ce fixes WordPress les métadonnées sur le jeu, telles que l'inversion de l'auteur du nom au minimum, une chanson qui a un nom. Il fonctionnera à partir de la que vous branchez Faulcone commencer à ajouter des fonctionnalités en incluant des fichiers ,des , fonctions en cours d'exécution et en ajoutant des hooks que vous aurez probablement à d'autres répertoires. À l'intérieur de votre lecture dans le répertoire tel que PHP inclut des actifs statiques comme JavaScript et CSS et des fichiers de traduction. Bon, maintenant vous connaissez les bases de ce qui constitue un branchement. On va y jeter un coup d'oeil en pratique pour que je puisse voir que mon Wordpress l'installe. Et nous avons juste le bonjour Dolly Killian eso si nous allons dans le dossier de notre plan dans le contenu WP et nous créons un dossier vous là juste appelé mon plug in personnalisé pour l'instant et à l'intérieur de cette photo va créer un fichier PHP. Cela restera PHP pour, pour les avocats. Appelez le même nom est vendu sur mon jeu personnalisé finissent ici arbre. Et si nous rafraîchissons la prise dans l'Espagne verra qu'il n'est pas là haut. Oui. C' est parce que nous n'avons pas spécifié aucune de ces informations dans la tête de brancher, monsieur, si nous leur nom Cleon ? Ouais, euh, ma coutume 1 000 000. Et maintenant, j'ai une prise constante à apparaître. Donc, c'est littéralement autant qu'il faut pour obtenir un branchement et un fonctionnement. Et donc, si vous êtes habitué à, euh, mettre du code dans vos fonctions ce fichier PHP dans votre truc, alors tout ce genre de code fonctionnera dans un plug in comme ceci. Et tout ce que vous devez faire est de spécifier l'application, puis, dans un bloc, commenter comme ainsi de suite. De là, nous pouvons commencer à ajouter notre fonctionnalité personnalisée orteil deux plans. Vous pouvez également spécifier les autres informations. Donc si j'étais à mon nom ici, dis-le ça et jette un coup d'oeil et maintenant ça va dans ça, alors oui, c'est les bases de ce qui constitue une pièce. Et nous avons notre fichier de branchement principal à l'intérieur de notre photo Pilyeon dans le répertoire Plug INS et ce bloc se trouve avec le plug in meter 6. Normes de codage PHP WordPress: Wordpress a un certain nombre de normes de codage. Ces normes permettent de s'assurer que le code est écrit de manière cohérente dans l'ensemble du projet, ce qui facilite l'entrée des autres. Certaines des normes incluent l'utilisation d'onglets pour l'indentation, pas d'espaces, l'utilisation de cas de serpent pour nommer des variables, fonctions et des classes, et l'utilisation de kebab case pour la nommage des fichiers. Contrairement à de nombreuses autres plateformes, CamelCase n'est pas utilisé dans les standards de codage PHP WordPress. Les valeurs spéciales telles que null, true et false doivent utiliser des minuscules plutôt que des majuscules. Utilisez les conditions Yoda lors de la vérification des variables. Donc, la valeur vient avant la variable à vérifier. Cela signifie également que vous ne pouvez pas affecter de variables dans une vérification conditionnelle. Toujours utiliser des comparaisons strictes, utiliser trois signes égaux ou une fonction spécifique comme est null ou est md. Pour les commentaires, les fichiers, les fonctions et les classes doivent toujours avoir un bloc doc et les commentaires sur une seule ligne devraient toujours se terminer par un arrêt complet. Pour les balises PHP, n'utilisez pas de balises abrégées, et cela inclut l'utilisation de l'écho raccourci balisé également. Pour les blocs de code multi-lignes, balises PHP doivent être sur une ligne par elles-mêmes. Avec les blocs de code à ligne unique, ils devraient être sur la même ligne. Dans n'incluez pas de balise de fermeture à la fin du fichier. Avec l'espacement égal les signes sur les lignes adjacentes doivent être espacés pour aligner comme cela s'applique pour l'associer sur les tableaux et la concaténation ainsi. Les garçons ont des espaces entre les parenthèses et ce contenu, mais pas d'espaces si les crochets sont vides. Les directives de contrôle telles que si 44, il devrait être suivi d'un espace et la déclaration ne devrait pas être vide. Et les fichiers doivent toujours se terminer par une ligne vide. La sécurité, vous devez toujours empêcher l'accès direct à l'exécution de fichier sauf si c'est absolument nécessaire. Vous devez toujours désinfecter les entrées et les sorties d'échappement et utiliser des contrôles de non-ces et de capacité pour valider les formulaires. Ce ne sont que quelques-unes des normes les plus courantes et il est préférable d'utiliser un hiver dans votre éditeur de code ou un script automatisé pour vérifier votre code. Bon, maintenant que nous savons quelles sont les normes de codage et certaines des règles pour créer des normes. Jetons un coup d'oeil à la pratique. Donc, je suis retourné au plugin Hello Dolly. Et j'ai cette extension pour Sublime, qui met en évidence les vents de courant qui violent les normes de création WordPress. Et comme vous le pouvez, ces lignes avec un point rouge ici, comme vous pouvez le voir, cela met en évidence cette ligne comme un problème. Le, Il y a un très grand article sur la façon de configurer cette extension. Le lien que vous pouvez suivre est juste ici. Bon, alors maintenant jetons un coup d'oeil à la réparation Bonjour, dit Dolly, est conforme aux normes de codage WordPress. Jetons donc un coup d'oeil à la première ligne. Il dit qu'il manque une brève description pour le commentaire du doc. Donc, il y a le file.com ici, mais il manque une courte description qui vient des trucs. Donc celle-là est assez facile à réparer. Il suffit d'écrire une brève description ici. Donc Dolly, plugin Word. Et assurez-vous d'avoir une ligne, une ligne vide entre la description courte et l'une de ces balises. Donc, le prochain problème est qu'il doit y exactement une ligne vide après elle et il n'y en a pas pour le moment, donc c'est assez facile à réparer. Suivant. Nous disons, nous disons que la fonction ici doit utiliser les commentaires de style de blog point. Donc, il est probable que ce bloc de commentaire ici, qui est le métal plug-in, il pense que c'est le commentaire de fonction parce qu'il est directement au-dessus, alors qu' en fait il n'est pas lié à la fonction du tout. Nous allons donc ajouter un bloc de commentaire de fonction. On y va. Donc maintenant, nous avons une erreur différente et dire que this.com est vide, donc vous ne pouvez pas avoir de documents vides. Donc, cette fonction obtient les paroles de la chanson pour retard et nulle part. Ok, donc le prochain numéro que nous avons ici est que les commentaires en ligne doivent se terminer par des arrêts complets, exclamation ou des points d'interrogation. Donc celui-ci est assez facile parce que ce n'est pas un bloc comme ces commentaires ou ces commentaires. Il doit se terminer dans un arrêt complet. C' est comme une phrase. Et nous obtenons et le prochain numéro est la même chose. Nous avons ici, un avertissement. Donc, le point jaune indique un avertissement plutôt que rouge. Donc, l'avertissement n'est pas nécessairement une violation ou une erreur avec votre actuel, plutôt, c'est une recommandation. Donc, dans ce cas, il dit que le loyer vide est découragé. Utilisez le fichier moins prévisible WP exécuté à la place. Donc dans ce cas, nous disons, Hey, nous avons fait sont en fonction qui fait la même chose et nous pensons que c'est mieux. Et pour ça, tu pourrais juste le laisser. Mais je sais que cette fonction a exactement la même syntaxe, il est donc préférable de la remplacer. Monsieur le Président, encore une fois, nous avons les commentaires en ligne doivent se terminer par une question d'arrêt complet. Mais dans ce cas, c'est un commentaire de fonction. Donc, il serait en fait mieux comme un commentaire de bloc. Comme ça. On y va. C'est résolu ce problème. Donc, le problème suivant est que toute la sortie doit être exécutée via une fonction d'échappement. Donc, parce qu'il fait écho ici, on s'attend à ce que vous l'échappiez pour éviter tout type de script intersite ou de problèmes d'injection SQL. qui pourrait être très dangereux pour votre site web si votre plug-in n'échappe pas qu'il est probablement, dans ce cas, c'est juste un PHP et une variable simple qui sera une ligne de texte de ces paroles ici. Donc, dans ce cas, parce que nous voulons vraiment échapper, cette variable, va juste extraire l'AMA HobShare de cette instruction echo. Et nous fermerons le PHP et exécuterons le demi-shell, un HTML normal, et nous allons juste écho et échapper à la variable. Donc, nous l'avons là. Scénario, il n'a pas à s'inquiéter d'échapper aux balises HTML car il n'y a rien de dangereux à ce sujet. Il n'y a rien qui doit être vérifié avec cette variable. Donc, si nous ajoutons dans l'instruction echo retour, cela fonctionnera maintenant comme c'était. Mais encore une fois, nous avons obtenu ça. Mais maintenant que nous avons extrait le HTML, nous pouvons simplement échapper à la variable qui est tout ce dont nous avons besoin. Donc, dans ce cas, nous pouvons utiliser escape HTML, qui va juste s'assurer que c'est du texte brut et s'assurer qu' il n'y a pas de HTML dedans parce que c'est pour attendre de ces lignes. Donc, notre prochain numéro que nous disons est en ligne commentaires doit dans l'arrêt complet à nouveau. Et cela n'a pas besoin d'être un commentaire de bloc car c'est un appel de fonction plutôt qu'une déclaration. Donc, avoir un commentaire en ligne pour cela est très bien. Nous avons l'intérieur communément à nouveau, mais ce cas nous avons une déclaration de fonction, donc cela devrait être un commentaire de bloc. Encore une fois. Nous avons le problème des commentaires en ligne. Encore une fois. Il est facile à réparer connu avoir l'évasion. Elle surgit encore ici. Et nous ferons la même chose. Nous avons seulement besoin d'échapper à cette variable ici, qui apparaît deux fois, ce qui va juste être à gauche ou à droite. Mais parce que vous faites écho à une variable, vous êtes censé l'échapper. Et nous n'avons pas besoin d'échapper à tout ce bloc. Et c'est un peu inutile si on le fait. Donc, nous allons fermer le PHP ici. Donc, nous allons juste servir la balise de style, comme une balise de style HTML normale. Et donc va juste faire écho et échapper les variables où ils apparaissent attribut. Nous allons donc utiliser l'attribut scale dans ce cas. C' est un peu plus étiré puis échapper HTML est, et il y a certains caractères qui sont parfaitement acceptables en HTML, mais pas dans les règles CSS. Donc bouées qui, parce que c'est plus athlétique, nous donnent une réponse valide et valide, même si nous savons que ce sera à gauche ou à droite. Mais juste au cas où c'est comme la fonction la plus appropriée à exécuter. Cette variable, fera le signe. On y va. Et enfin, nous allons supprimer cette balise PHP de fermeture car il n'est pas recommandé de la fermer. Si elle se termine par une balise HTML, c'est correct tant que vous avez cette ligne vide à la fin de votre fichier. Mais il est également recommandé que vous, si c'est PHP, qui termine le fichier, que vous n'incluez pas la balise PHP de fermeture. Et donc nous y sommes. Nous avons rendu le jaune, le plug-in compatible avec les normes de classement WordPress. 7. Crochets WordPress : Actions et filtres: façon, comprendre les bases de la puissance, Plug in fonctionne et nous connaissons les normes de codage PHP WordPress. On pourrait presque commencer à écrire du vrai code. Ensuite, nous allons regarder comment fonctionne le système de crochet de presse ? Le système est ce qu'il cherche à exécuter du code à des moments précis qu'un site charge grâce à la flexibilité qu'il offre. Le système de crochet a été la force motrice entre ce qui presse la popularité et la croissance. Il existe deux types de crochets. Actions et filtres actions qu'il a utilisées pour effectuer certaines tâches qui définissent des lieux, tandis que les filtres modifiés Dina leur ont transmis. Le courage est accroché à une action ou à un filtre à l'aide de l'action publicitaire ou ajouter des fonctions de filtre comme ces fonctions. Vous devrez les ajouter avant que votre crochet prévu ne fonctionne. Maintenant que nous comprenons la théorie derrière le système de crochet, regardons un code pour démontrer que le système Hope reviendra à cette prise personnalisée dans laquelle j'ai mis en place dans une vidéo précédente et juste à quelques exemples, les fonctions de démontrer le fonctionnement du système. Donc, oui, il y a les deux types de crochets, les actions et les filtres. Eso. Une chose que je pourrais faire, c'est que je pourrais utiliser une action pour rediriger quatre pages vers la page d'accueil, monsieur. Juste ouais. Donc juste pour créer une petite fonction que vous allez détective il est 44, puis l'envoyer à la page d'accueil si est pour plein, ce qui est une petite fonction pratique qui appuierait donne. Le Texas, c'est un patient de 44, hum, trois. P Safe Redirection, euh, Euro et, en fait et bien, ce est le modèle Redirection a pris redirection e ne peut pas épeler pour la force à la maison. Et, vous savez, si j'active mes employés de test et, euh, si je vais pour un pitch de quatre, redirige-moi vers la page d'accueil comme prévu. Donc, le crochet de redirection de modèle est une action qui s'exécute à peu près juste avant que la page commence à se charger. Donc, WordPress a déjà compris si oui ou non c'est un quatre page, ou si c'est vers l'avant, c'est un post ou une page ou quel type de contenu à cela, sorte que nous pouvons facilement comprendre que c'est un endroit avec lequel nous pouvons faire quelque chose. D' un autre côté, ce sont des filtres, qui, au lieu de faire certaines actions comme la redirection, ceci est utilisé pour modifier les données. Donc, une chose que nous pourrions faire est de changer le titre du post bientôt, donc il a eu un post que j'aime le premier post par défaut est Bonjour. Eh bien, on pourrait changer ça avec un filtre. La fonction, hum, changer, changer les premiers titres. Et parce qu'on change de fille, tu auras toujours un périmètre. Être passé au travail parfois sera plus d'un peu toujours juste celui que vous allez modifier puis retourner. La première chose que nous devrions faire est de retourner le gravier étant posturing parce que sinon il ne fera rien parce que vous pouvez modifier la variable autant que vous le souhaitez. Si vous savez, en l'envoyant à l'autre bout, alors quelle presse ne saura pas ce que vous en avez fait. Et donc, euh, beaucoup dit que les pools Cardinal partagent les étudiants et certifient. Habituellement, je sentais la fonction et le titre de la partition est l'espoir que je suis à la recherche et puis changer les titres de poste. Ça devrait changer de Hillary. Eh bien, Millea, c'est la base de l'ajout d'actions et de filtres à nouveau pour vous 8. Référencer les fichiers et les annuaires de Plugin: C' est assez commun pour les plug-ins, orteils bundle, d'autres fichiers ainsi que les informations de la fiche principale. Merci, gars. Peut-être des feuilles de style, des scripts, des images ou plus de fonctionnalités PHP Pour les thèmes, il y a le répertoire Get template super pratique et obtenir un répertoire template. Vous avez raison et équivalents fonctions de forme de Dolph, mais malheureusement, il est peu difficile d'obtenir cette information pour les budgets pour les plug-ins. Les fonctions équivalentes sont enfichables chemin de terre pour le chemin du système et jouer dans l' euro pour l'euro. Où cette différence avec les fonctions de chose est que cela va retirer le répertoire du fichier. Il est appelé de, donc si vous l'appelez à partir d'un sous-dossier de votre dossier de cueillette, il vous donnera ce dossier. C' est donc idéal pour l'utiliser dans votre fiche principale dans le fichier. Mais si vous appelez dans le sous-répertoire, cela vous donnerait les bonnes informations. Nous n'aurons pas besoin de contourner ce problème dans ce cours, mais c'est quelque chose à garder en un seul. Comme vous commencez à construire des milliards plus avancés 9. Scripts et styles de Plugin: Ueno avait un répertoire des candidats de préférence. Nous pouvons commencer à faire la file d'attente des stands et des scripts que nous voulons inclure dans nos plug-ins. Nous pouvons utiliser le WP dans le style Q et O P et Q fonctions de script car ils sont le moyen standard d' ajouter vos scripts et styles à travers le système de procédure du monde entier. Vous devez ajouter les appels de fonction à l'intérieur de la fonction, accroché au cryptage WP dans les scripts Q. Crochet pour obtenir vos scripts et commence à afficher sur l'extrémité frontale du site est également les scripts admin et COO et Logan dans Q scripts hooks, par exemple, pour ajouter vos scripts et styles à l'administrateur ou la page de connexion. Bon, donc maintenant je vais faire un petit tour sur la façon dont nous pourrions traiter ces scripts et styles que nous voulons inclure avec ces millions. Donc, sans un petit plug de démonstration ici que j'ai mis en place, j'ai téléchargé amusant génial, et j'ai mis la pertinence CSS dans les fichiers avant dans mon répertoire de branchement. Donc, je veux créer une fonction qui signifie aller à vous dans mes styles mignons c'est personne. Je veux juste arrêter la feuille ici, mais cette personne commence est un catchall. Et donc je veux fuir. Il t'a remercié Style. On appelle ça amusant. En bonne santé. Et maintenant on veut faire référence à jouer dans la fille du répertoire parce que c'est un arrimage. Shayt. Donc Glion, euh, tu es un homme étroit Posterity ennemi actuel et on veut s'amuser avec Slash. Impressionnant. Y a-t-il si vieux ou si méchant ? Va voir ça. Et donc maintenant, si nous ajoutons en action assez encre Donc aujourd'hui vous bousillez les styles et les scripts Que Et si nous avons rafraîchi je vous ai payé et les poussins pour l'avant aussi là vous voyez que pour les sœurs géniales est en mignon et voir qu'il ya 24 barre oblique est là après la jouer et réalisateur , vous êtes également affaiblir a déposé que. Et donc maintenant si instance complète, Je l'ai voulu Mais à ce premier et inclure une icône qui vient de plaisir Awesome. Disons juste que pendant une seconde c'était juste, tu sais, tu sais, juste pour être sûr que c'était un adieu disparu, euh, regarde Oh, ça ne va pas apparaître dans le c'est hein ? Mais devrait afficher sur le devant et un leader. Et maintenant, nous pouvons voir que Al téléphone trucs géniaux qu'elle a été dans mignon correctement, et nous référençons le répertoire branché rapidement, aussi, tirant ce vaisseau, et ils l'ont qui est, dans la file d'attente styles et scripts de votre répertoire de lecture. 10. Créer votre premier plugin - Personnaliser la page de connexion: Pas moyen que nous allons prendre tout ce que nous avons appris dans les vidéos précédentes. Et quand ils allaient essayer de faire notre tout premier ce que la presse brancher. Donc, ce que nous allons faire ici, c'est que nous allons créer un plan qui personnalisera la page de connexion WordPress par défaut . Il suffit de retourner à mon site WordPress ici et j'aime Yeah, c' est la page de soufflage par défaut de Chypre. Donc, comme vous pouvez le voir, ce n'est pas particulièrement jolie page, et il a quelques WordPress apportant comme le logo et les liens vers Wordpress point off et si bien, nous allons changer une partie de cela. Et donc il reflétera davantage ce qu'est votre marque et sera beaucoup plus agréable à l'œil. Commençons possible. Nous devrions créer un dossier de 1 000 000. Donc, si nous créons et vous pliez dans le répertoire de l'appliance et appelez simplement ma page 1.000.000.000.000.000 recherche OK pour maintenant à l'intérieur que nous allons créer le fichier principal maintenant fait en proie. Si je dis que mon volume de page de désir et de donner à cela le même nom que votre plus ancien, c'est gratuit. Commençons donc maintenant avec une prise de courant. Alors rappelez-vous pour la propagation WordPress envoie vous devez fournir un médecin en haut de me obtenu pour chaque fichier. Et, monsieur, hum, commencez cette estimation est l'utilisation réellement American English eyes est l'écran de connexion sur un paquet est mon long dans une manière Flynn. Besoin de fournir un accueil dans WordPress. Cette foutaise renommée est mon âge. Ok, donc si je devais regarder en arrière ici le GPS, voir, comme dans l'affichage dans la liste de couverture hors liste. Là, nous l'avons. Activez ça et regardez mieux. Et comme vous pouvez le dire, nous n'avons encore rien fait, donc ça n'affichera rien de différent. Aussi, ajoutez une autre fille ici, donc la description personnalise l'écran de recherche pour les tours. Ok, tu vas bien ? Donc maintenant, nous pouvons commencer sur les clients réellement dans la page de connexion. Donc, la page d'ouverture de session utilise ce fichier appelé Ne pas être faible. Finis Ph Been donc on va l'ouvrir pour le référencer. Donc, il nous dira quels crochets il y a que nous pouvons utiliser pour les clients qui le désirent. Donc, festival on va vouloir Ouais, c' est, euh, styles pour les Libyens. Gratuit. Pour que je puisse voir ici. Il y a une action, Logan et crypte, des scripts. Alors copiez ça, et j'interagirai et mon âge regardant plug dans rare Great je vais fonctionner. Et ce que nous voulons faire, c'est que nous voulons apporter la feuille de style que nous allons créer assez pour vous. Donc, en utilisant ce que nous avons appris sur la façon de référencer des fichiers dans le répertoire plug in, nous allons trouver comment faire dans la feuille d'arrêt de Cuba ici. Donc si je veux un nouveau fichier et qu'on appellera ça style commence les théâtres Non, faites le fond rouge. Non, sois. Merci. Donc, euh, mes 1 000 000 pages de styles d'investissement et pas une fois Ah, vous êtes un fichier de ligne. Je crois que cela a une barre oblique grillade avec elle. Donc on devrait être difficile à y aller. Styles obtenu, Voir c'est que c'est alors que nous n'avons pas de dépendances. Et pour la version du vaisseau, j'utilise juste le temps de congé modifié du dossier Terry dans le temps. Ah, moitié Onda. Nous devons également maintenant ne pas regarder à la fonction donc cubes trois milliards de styles. C' est l'incarnation là qui voit aussi oui, donc ça devrait être dans la file d'attente de l'enfer. Feuille d'arrêt Maintenant, ils ont un oeil. La recherche des stands de page. Oui, c'est là. Et j'ai fait un travail terrible de ça. Et on y va. Vous voyez, maintenant nous avons tous les styles et mignon, et ça a l'air vraiment horrible. Donc nous ne ferons pas ça. C' est maintenant. Nous pouvons réellement commencer à appliquer certains styles. La chose principale voudra changer. Voici ce que personnellement ? Donc, comme vous pouvez le voir, c'est une image d'arrière-plan, donc ce n'est pas une image réelle. Dites-vous que c'est une image de fond, donc je vais aller trouver une image pour que je puisse utiliser Est-ce que ma vie va bien ? Alors maintenant j'ai trouvé l'image que je vais utiliser à la place du chemin d'abord. Comme si, qu'est-ce qui est sélectionné ici à la recherche ? Lequel ? A. D' une manière différente. L' image de fond est une mascotte. Ne PNG Uriel résumé. Et oui, en changé. Donc c'est assez petit eso je veux tout faire. Comme vous pouvez le voir, il a une hauteur définie de tous les pixels complets et définie avec les pixels verticaux. Alors, quel est le plus vieux ? Il suffit de le faire 100% avec et avec une taille de fond contient, il n'y a pas de mouche. MM n'a pas vraiment changé quoi que ce soit, alors nous devons le rendre plus haut. J' ai donc l'ordre. Oh, avoir des bas à 100%. Rends-le carré. Allez avec la place Nice et grand. Ce qui voudra aussi faire est de changer ce lien et ce titre Donc à une page d'ouverture de session ici et voir ici est ce long et avait un euro sur Lilian avait un titre que vous pouvez voir est ce lien WordPress et alimenté par le temps wordpress afin que nous puissions copier ces filtres sur en les copiant correctement. Pour le moment, Meilin âge, vous êtes tous en option. Et parce que c'est un filtre, nous aurons en fait une valeur qui est sponsorisée. Hum, donc ce sera juste lequel ? Nous examinons votre rôle. Copiez donc cette variable à travers. C' est ce qu'on obtient. Pasteur voudra également retourner cela parce que c'est un filtre aidera. Mais écoutez, oui, monsieur. Modifie les attributs totaux. Les deux bornes d'alcool. C' est une ficelle. Euh, ouais, fille et retourné une force. Ok, mec. Vous voudrez donc changer ça à votre propre Europe de ma part. Je vais rester à la hauteur de mon arrivée. Cela est logique que mon logo de marché le plus long sera lié à mon propre site. Hum, donc maintenant nous avons le titre. Teoh change. Eh bien, donc mon a eu un câlin. La fonction et quelle est la variable ici ? Lilian avait un CODEL. Il va le passer à travers. Oui, renvoyez-le. Mais je ne change pas tellement le C'était celui qui me croise jambe je pense que c'est les attributs cardinaux . C' est aussi une chaîne Non, dans un câlin et retourné la ficelle. Non. Eh bien dit que Logan avait un titre. L' égal, monsieur. Um construit Munger est ma place. Ça a l'air bien. Et maintenant, si je rafraîchis cela et vous pourriez voir que le lien a changé vers mon site Web en bas ici. Et vous pouvez également voir que le titre a changé. Monsieur. N' hésitez pas à mettre à jour la page de connexion pour refléter votre propre image de marque. Remplacez le logo WordPress et le lien WordPress, donnez droit à vos propres détails et n'hésitez pas à changer les étoiles de ce. Peu importe ce que vous jugez bon, vous n'avez pas besoin d'être un expert CSS pour le faire paraître un peu mieux qu'il ne l'est maintenant. Vous pouvez modifier le style de ces messages qui sont comme des courriels longs, redoutables, redoutables, invalides et ce genre de choses. En fait, on pourrait changer ça ensuite, pour voir si j'ai démissionné. D' accord. Si j'essaie de soumettre le journal dans le formulaire sans possible qu'il me donne un Arabe. Si je donne le mauvais si j'essaie de le soumettre avec le mauvais nom d'utilisateur, il dit que les vues le nom est faux. Et si je lui donne le mauvais mot de passe, ça me dit que c'est faux. Donc, nous pouvons réellement changer ces messages aussi. Donc c'est encore un filtre. Oh, essayez juste de trouver Où est, euh, messages Logan. Donc, ce filtre ici, recherche de messages et de messages est la variable. Donc, nous allons filtrer les miles 1 000 000 d'âge dans le nôtre. Des messages de Jean. C' est ça et bien, juste en avoir un peu pour que ce n'est pas si évident qu'ils ont le bon nom d'utilisateur sur le haut. Donc, change les messages de l'époque regardante. J' égare les mythes. C' est l'époque. C' est sur une réponse de chaîne et des messages quand nous le considérons toujours égal. Euh, vous avez fourni un rehouse incorrect. D' accord ? Ça ne semble pas fonctionner pour l'instant. Je veux le filtre d'erreurs plutôt que les messages remplis voiture. Voyez si cela fonctionne, vous avez fourni incorrectement. Donc vous savez, nous avons mis à jour. Plus nous avons mis à jour le lien et le titre. Et maintenant, nous avons mis à jour les messages d'erreur afin qu'il ait peur de personnaliser autant que vous le souhaitez. J' ai quelques exemples qui sont disponibles dans la description du cours que vous pourriez vous inspirer . Par exemple, il y a mon jeune chat Long in Page, qui jouera aussi le jeune capitaine. Alors, sentez-vous libre. C' est devenu fou ? Et j'ai vraiment hâte de voir ce que vous avez trouvé pour personnaliser votre page de connexion . 11. Rendez la traduction de votre Plugin: vous devriez maintenant avoir une prise WordPress pleinement fonctionnelle dans laquelle les clients l'écran de connexion WordPress . Il y a une dernière chose que nous devrions faire, et rendons une prise intraduisible plus de la moitié. Ce que les sites pressés sont dans des langues autres que l'anglais. Donc, si vous fournissez vraiment, ce n'est disponible que dans plus de langue. Vous manquez une énorme part de marché. Potentiellement, nous devrons installer quelques outils pour que votre planification puisse être traduite, alors nous allons jeter un coup d'oeil à cela maintenant. Donc, la première chose que nous devons faire est d'ajouter un texte en mai. Donc, c'est normalement le même que votre plug in slug. Donc textez le principal, le principal et donc mon long en âge de jouer. Et nous devons aussi lui dire où les langues vont être stockées. Alors venez à une fonction ma page plug ins, qui est, et nous allons vouloir apprendre l'estimation de jeu. Donc, une des pâtes à travers la boue de L commence à nouveau mon début inondation. Faux est le deuxième périmètre. Il est répliqué, et ensuite nous aurons besoin du nom de base de ce plug dans le nom de base dans le fichier, puis slash langues. C' est quand nous allons commencer nos langues et puis nous ajoutons que d'être le remplissage est chargé regard, qui sera dès que vieux de ce que les fonds britanniques ont été juste jusqu'à avant. La même chose est chargée et avant que la presse commence à afficher des choses qui seront en mesure traduire du texte avant que les utilisateurs voient cela et étant mes langues. Et nous allons juste nous assurer que ce sont des endroits différents dans les langues des lingots. Donc maintenant, nous allons devoir faire un nouveau dossier pour les langues. Et à l'intérieur de ce dossier est où voudra mettre nos fichiers mis em er et PR, qui sont ce que WordPress utilise pour charger les traductions dans Next, vous devez télécharger ces deux fichiers, que j'ai les liens pour dans la description du cours. Donc, un grand fichier et paquet loin. Nous allons donc utiliser une tâche grump pour générer la pop pour laquelle nous pouvons faire nos traductions. Donc, si vous n'avez pas encore installé Jess, vous devriez le faire d'abord. Et une fois que vous n'avez pas mis Js installé, aussi, obtenez NPM, qui n'est pas gestionnaire de paquets. Et donc une fois que vous avez fait ça et que vous avez pensé ces deux fichiers dans votre répertoire plug-ins. Vous pouvez le rencontrer dans les selles d'une console, et il va instiller. Avoir le bonheur. Vraiment ? avez-vous exécuté dans le bon répertoire ? Le comité contient des millions de dollars. Je regarde à nouveau la page. Oui. Paiement en cours d'exécution, âme à l'intérieur du répertoire de branchement. Il installera tous les paquets nécessaires pour notre plug in. Vous savez, vous pouvez voir ce nouveau dossier sans modules, qui a déjà une tonne de choses dedans, même si nous avons seulement besoin de Grant End le gorille de football. Alors, tu sais quoi ? Nous avons attrapé qu'en décrochage, nous pouvons exécuter la fonction de translation développée qui générerait partie ennemi. Ouais, donc vous pouvez voir qu'il a créé cette ferme. Je me connecte à la fiche de page dans Dompok. Mais en ce moment, il n'a pas ramassé de points forts. Donc, c'est parce que ce sac à main utilise obtenir du texte et nous n'avons pas mis, bien que la chaîne à travers, obtenir la fonction de texte. Alors, quelles procédures ? La bibliothèque appelée get text to juste pour traduire la force. Et pour que cela fonctionne correctement, vous devez passer par une fonction get text. Ce qui appuie sur plusieurs dates, et puis vous commencez toujours avec eux à l'école. Donc nous avons deux chaînes ici que nous allons vouloir traduire notre titre pour leur plus long et ces messages d'erreur. Donc, dans ce cas, c'est trop de soulignements si nous voulons le retourner. Et nous devons aussi ajouter NB ralentir le puits. Vous ne pouvez pas stocker cela en tant que variable parce que le programme qui va interpréter, fichier Déport et les fichiers de traduction associés on exécute réellement ph pain. Donc ce ne sera pas difficile. Il est possible que le parent est qu'il est malheureux et exige que vous essayez orteil sur votre limace un certain nombre de fois. Mais c'est malheureusement comme ça que ça marche si bien. Maintenant, faites la même chose pour là-bas est vous. Mon nom est en train de jouer. Donc maintenant avant de vouloir courir Oh, traduisez avec ce fichier pot et vous pouvez voir ici qu'il a pris ces deux points forts, donc c'est exactement ce dont nous avons besoin. Maintenant, si nous donnons à ma photo de langues et j'espère qu'il a installé un programme appelé Poet et si vous n'avez pas dû le faire maintenant, une fois que vous l'avez installé, vous ne pouvez pas ouvrir ce fichier. Et donc cette femme vous a permis de traduire dans différentes langues. Quelles procédures ? US. Anglais par défaut. Donc, pour l'afficher dans n'importe quel autre type de langue, vous devez fournir une traduction pour. C' est donc nous avons un fichier pot, qui est juste un modèle qui a tous les flux dedans. Nous allons donc maintenant créer un fichier de traduction basé sur notre dossier pape. J' ai donc créé une nouvelle traduction. , On voulait être, Disons que l'anglais s'entraîne pour l'instant parce que c'est là que je suis. , Dans ce cas, il n'y a rien qui ait vraiment besoin d'être traduit pour qu'on puisse copier et coller nos âmes, et ensuite on peut la sauver. Donc, nous avons sauvé le nom comme la pente, Ma page de connexion, Obtenir de l'argent et puis des mots de langue dans ce cas à nouveau sur l'année scolaire. Et il va aussi générer thean mon téléphone. C' est ce que vous dites, c'est ce que vous dites. Donc si on retourne au côté L et qu'on parle un peu , j'ai une petite couverture. Il n'y a pas d'autre école que je n'étais pas sûr d'être. Si nous allons à nos séances et s'il est déjà mis orteil anglais Australie donc nous ne remarquerons probablement pas une différence. Donc si oui, parce que c'est les mêmes mots. n'y a pas de différence. Mais si je devais changer ça pour dire non, mon tu ne pourrais pas regarder maintenant si je le rafraîchis, ça connaîtra Sherry, les fichiers traduits rempliront cette langue. Évidemment, vous ne voudrez pas avoir quelque chose comme ça comme votre traduction. Mais quand vous traduisez des mots comme la couleur, qui ont utilisé en anglais australien et britannique et pas un américain, ou traduisez dans une langue entièrement différente comme l'espagnol, cela va être significativement différent de l'original texte source. Et c'est ainsi que vous faites votre jeu en traduction prêt. 12. Dernières réflexions: Hé, les gars sont venus ici. Je voulais juste te dire félicitations. Construire vos premières armes. C' est une étape passionnante de commencer avec la construction ont été premiers plug-ins, et je suis vraiment impatient de voir ce que vous prochaine dans ce cours que nous convoitons. Un de jouer à la maison de sécurité Différent, aussi. Merci Celui de France PHP combat standards. Comment ils accrochent le système dans mon sac. Weps Accéder à votre répertoire plug ins et à tuer, arrachant des milliers spécifiques. Tout d'abord, j'ai vraiment hâte de voir vos projets de classe. S' il vous plaît télécharger des captures d'écran de votre longue page dans votre projet de classe, et je serai heureux de vous donner des commentaires à partir de là. Si vous êtes à l'aise avec Kit, ayez peur comme si vous jouiez pour vous lever et le partager avec le monde entier. Si vous voulez rester au courant de ce que je fais, vous pouvez me suivre sur Still share. J' aurai plus de cours de développement dans la nation. Chacun sur vous pouvez également me trouver sur tous les réseaux sociaux. Cameron rejoint en direct le long de ce marché et partage régulièrement des conseils, astuces et tutoriels sur le développement de branchement et d'autres aspects se déguiseraient comme un merci d'avoir suivi le cours. Je voudrais vous offrir une réduction de 10% sur tout achat de branchement à partir de moments Marketplace. Il vous suffit de vous diriger vers Mongrels Mark placé sur la part de barre oblique pour réclamer votre remise. Merci beaucoup d'avoir suivi mon cours. Et j'ai vraiment hâte de voir tous les anciens projets de classe, et je te verrai dans le prochain cours.