Comment créer une page d'administration de plugin WordPress

Publié: 2022-09-27

En tant que développeur de plugin WordPress , vous devrez tôt ou tard créer une interface d'administration pour votre plugin. Dans cet article, nous allons vous montrer comment créer une page d'administration de plugin WordPress. Nous supposerons que vous avez déjà créé un plugin WordPress. Si ce n'est pas le cas, veuillez consulter notre guide sur la création d'un plugin WordPress pour les débutants. Une fois que vous avez créé votre plugin, l'étape suivante consiste à créer une interface d'administration ou une page d'administration. Cette page d'administration sera utilisée par les administrateurs de WordPress pour configurer les paramètres de votre plugin.

Si vous créez un plugin WordPress, vous avez de bonnes chances de créer une page back-end. Une page d'administration de plugin est un endroit où vous pouvez exécuter toutes vos requêtes de base de données WordPress. Dans ce cours, j'expliquerai comment inclure des fichiers JavaScript et CSS spécifiques pour la page d'administration du plugin ainsi que comment interagir avec la base de données WordPress mySQL. Dans cet exemple, j'utiliserai WordPress dataTables pour interroger la table de base de données pour WP_users à l'aide du plugin dataTables. Par conséquent, je ne souhaite pas charger les versions de jQuery pour différentes pages. Dans le code ci-dessous, nous nous assurerons que seul notre fichier adminpage.php est chargé dans le dossier plugins. Tous les utilisateurs peuvent désormais être explorés en triant par colonne, filtrer et rechercher par catégorie.

Comment créer une page d'administration pour un plugin WordPress ?

Crédit : blog.idrsolutions.com

Il n'y a pas de réponse unique à cette question, car la meilleure façon de créer une page d'administration pour un plugin WordPress variera en fonction des besoins spécifiques du plugin. Cependant, quelques conseils pour créer une page d'administration efficace pour un plugin WordPress incluent l'utilisation d'un langage clair et concis, la préservation de la page épurée et facile à naviguer, et la fourniture de ressources utiles et informatives telles que des didacticiels, des FAQ et des informations de contact d'assistance.

Les plugins WordPress sont conçus pour les pages d'administration . Selon la fonctionnalité que vous développez, vous aurez peut-être besoin de deux ou trois composants pour créer une page d'administration. La première étape consiste à créer une entrée de menu à l'aide de la fonction add_menu_page(). En plus des connaissances liées à AJAX abordées dans cette section, vous pouvez créer des superpositions, des fonctionnalités AJAX et diverses autres techniques à l'aide d'autres didacticiels. En utilisant l'argument cinq, vous pouvez écrire une fonction qui fait écho à une partie de l'argument. L'image sera affichée si l'URL de l'image est fournie. Dashicons, un module complémentaire WordPress, peut également être utilisé avec d'autres plates-formes. Vous pouvez ajouter des pages de sous-niveau à votre menu de niveau supérieur de différentes manières.

Comment créer un menu de plugin personnalisé ?

Crédit : datafeedrapi.helpscoutdocs.com

Il n'y a pas de réponse unique à cette question, car le processus de création d'un menu de plugin personnalisé variera en fonction du plugin que vous utilisez et des fonctionnalités qu'il offre. Cependant, en général, la plupart des plugins vous permettront de créer un menu personnalisé en vous rendant sur la page des paramètres du plugin et en sélectionnant l'onglet "Menu". À partir de là, vous pourrez ajouter, modifier et supprimer des éléments de menu selon vos besoins.

Il est simple de créer et de gérer des menus personnalisés, et vous pouvez le faire avec n'importe qui. La seule façon de vous montrer tout ce que vous devez savoir était d'utiliser le thème par défaut de WordPress, Twenty Fifteen. Des sous-menus sont également disponibles en plus des menus standard. Vous pouvez faire glisser un élément de menu à droite d'un autre dans l'exemple suivant. Les menus multiples ne sont pas pris en charge par tous les thèmes WordPress. Si vous avez l'intention d'utiliser plus de deux menus, gardez à l'esprit les paramètres du thème. Certains thèmes vous permettent de créer des pieds de page et des menus au-dessus de l'en-tête, qui sont distincts des menus par défaut.

Il n'y a pas de directives fermes ici, il vous suffit donc d'essayer de nouvelles choses. Faire un menu social est encore plus simple que d'en faire un régulier. Chaque lien doit être accompagné d'une URL (l'adresse Web unique du lien) et d'un texte de lien (le nom du lien dans le menu). Lorsque vous cliquez sur l'onglet Liens personnalisés, vous pouvez créer un lien vers votre site de médias sociaux. C'est toujours une bonne idée d'enregistrer la page avant de la prévisualiser ou de la quitter.


Page d'administration personnalisée de WordPress

Une page d'administration personnalisée est une page que vous créez vous-même et que vous ajoutez à la zone d'administration de WordPress. Les pages d'administration personnalisées sont utiles pour ajouter des fonctionnalités supplémentaires à votre site Web ou pour créer une interface personnalisée pour vos utilisateurs.

Vous recevrez les lettres ci-dessous si votre paiement a été traité avec succès. Nous ne pourrons pas recevoir votre paiement si votre achat est jugé frauduleux par notre système. Nous fournissons une assistance prioritaire en un jour ouvrable pour vous aider à résoudre votre problème rapidement. La licence annuelle vous donne droit à des mises à jour du produit et à un support client prioritaire pendant un an. Avec la licence à vie, vous recevrez les mises à jour du produit et un support prioritaire indéfiniment (plus d'informations sur les licences peuvent être trouvées dans le contrat de licence). Vous pouvez utiliser l'abonnement Pro Membership pour accéder aux plugins WordPress d'une valeur de 30 $ ou plus, ainsi qu'à toute la bibliothèque des futurs plugins qui seront publiés au cours de l'abonnement.

Page des paramètres d'administration du plugin WordPress

Une page de paramètres d'administration de plugin WordPress est une page où vous pouvez configurer les paramètres d'un plugin. Cette page est généralement accessible depuis le panneau d'administration de WordPress .

Les utilisateurs administrateurs peuvent ajouter leurs paramètres à un plugin en accédant à la page des paramètres du plugin. Les étapes suivantes sont expliquées dans cet article. À la fin de l'article, nous incluons un référentiel GitHub avec les fonctions suivantes pour un plugin WordPress actuellement en développement. Les première et troisième étapes consistent à incorporer la fonction displayPluginAdminSettings dans le nom du plugin, qui doit être ajouté à votre fichier class-plugins-name-/settings-display.php. Le fichier PHP sera utilisé pour afficher la page des paramètres de votre plugin, et il déterminera sur quel onglet vous vous trouvez si vous avez plusieurs formulaires de paramètres, ainsi que les notifications WordPress que vous verrez. La quatrième étape consiste à inclure une référence à la fonction pluginNameSettingsMessages dans votre fonction displayAdminTab. Si vous modifiez des fichiers de plug-in dans un environnement de développement local, vous pouvez consulter votre tableau de bord d'administration WordPress .

Vous pouvez installer le plugin après avoir téléchargé le dossier parent du plugin sur WordPress. Grâce à la fonction registerAndBuildFields, la fonction registerAndBuildFields est nettement plus petite et plus lisible. Nous avons ajouté cette fonction à la suite de notre article précédent, vous permettant d'utiliser des cases de sélection dans les paramètres du plug-in.

Modèle de page d'administration WordPress

Un modèle de page d'administration WordPress est un modèle de page utilisé pour personnaliser l'apparence de l' interface d'administration de WordPress . L'interface d'administration de WordPress est l'interface principale dans laquelle vous gérez votre site WordPress.

Comment inclure une barre latérale sur votre modèle de page personnalisé

Si vous souhaitez créer un modèle de page avec une barre latérale, vous devrez suivre un processus différent. Cliquez sur le bouton Panneau d'administration WordPress et sélectionnez Pages. Le nouveau modèle de page personnalisé sera répertorié sur le côté droit de l'écran. La barre latérale doit d'abord être activée, en cliquant sur le lien Modifier à côté du modèle de page personnalisé que vous souhaitez utiliser. La page Modifier le modèle de page personnalisé contient une section Paramètres. La barre latérale est située sous la section Contenu de la page. Si vous souhaitez inclure une barre latérale sur votre modèle de page personnalisé, vous devez cocher la case à côté de Inclure la barre latérale. En cliquant sur l'icône Mettre à jour la page en bas de la page, vous pouvez terminer la mise à jour.

Comment créer un plugin dans WordPress avec un exemple

L'ajout d'un plugin à votre site WordPress est un excellent moyen d'étendre ses fonctionnalités. Il existe des milliers de plugins disponibles, allant des outils simples aux applications complexes. Bien que vous puissiez trouver des plugins pour à peu près n'importe quoi, ils ne sont pas tous créés égaux. Il est important de choisir un plugin bien codé, compatible avec votre version de WordPress et régulièrement mis à jour. Pour commencer, rendez-vous dans la section Plugins du tableau de bord WordPress. À partir de là, vous pouvez soit rechercher un plugin, soit parcourir par catégorie. Une fois que vous avez trouvé un plugin que vous souhaitez installer, cliquez simplement sur le bouton "Installer maintenant". Maintenant que le plugin est installé, vous devez l'activer. Pour cela, cliquez sur le lien « Activer ». Une fois activé, le plugin apparaîtra dans la barre latérale gauche du tableau de bord WordPress. Selon le plugin, vous devrez peut-être configurer ses paramètres avant de pouvoir commencer à l'utiliser.

WordPress est déjà extrêmement puissant, mais les plugins peuvent vous aider à atteindre des sommets encore plus élevés. WordPress propose des milliers de plugins gratuits et payants. Au moment de la rédaction de cet article, plus de 59 000 plugins WordPress gratuits sont disponibles sur le référentiel officiel de plugins WordPress. Nous allons vous montrer comment créer un plugin WordPress simple dans ce tutoriel. Vous apprendrez à créer un plugin simple dans ce cours, ainsi que quelques ressources et outils qui vous aideront à réussir. Le fichier principal de chaque plugin WordPress peut être créé manuellement ou automatiquement à l'aide d'outils tels que pluginplate ou pluginboilerplate. Un plugin sera créé dans ce tutoriel pour ajouter un type de publication personnalisé à un site Web de restaurant imaginaire.

Vous pouvez vous mettre au travail en ouvrant votre éditeur de texte préféré (j'utilise Notepad++) et en modifiant le fichier principal, hot-recipes.html. Lorsque nous cliquons sur le bouton d'activation, vous devez entrer le code qui lancera l'exécution du plugin. Avec ce code, nos recettes de type de publication personnalisées sont accessibles via une variété d'options. Les autres fonctionnalités incluent des champs personnalisés, des commentaires, des images en vedette, etc. Ce sont les fonctionnalités qui seront visibles dans l'éditeur de publication une fois que vous aurez créé une nouvelle recette. Il est simple de convertir un fichier hot-recipes.html en un fichier zip sur un Mac ou un PC. Connectez-vous à votre site de test et accédez à la page Plugins, où vous pouvez ajouter de nouveaux plugins. Maintenant, si vous regardez dans votre menu d'administration WordPress , vous remarquerez notre nouveau type de publication Recettes, ainsi que la possibilité d'ajouter de nouvelles recettes.

Configuration et utilisation du plugin Awesome

Pour créer le plugin, incluez simplement le code suivant dans votre template WordPress : php get_plugin_file('awesomeplugin');? Une fois que vous avez inclus la ligne de code, vous pouvez commencer à coder. WordPress chargera automatiquement le fichier du plugin si vous utilisez la fonction get_plugin_file(). Tout ce que vous avez à faire est d'ajouter du code au fichier awesomeplugin.php après le chargement du plugin pour le configurer et l'utiliser. Le code suivant, par exemple, serait utilisé pour créer un nouveau message : *br. Le 'post' sera ajouté en tant que add_action dansawesomeplugin_post_processing. Le fichier awesomeplugin.php contient cette ligne de code, permettant au plugin d'accomplir toutes les tâches.

WordPress Créer une page d'administration sans menu

WordPress n'a pas de fonctionnalité inhérente pour créer une page d'administration sans menu. Cependant, il existe différents plugins disponibles qui peuvent ajouter cette fonctionnalité à WordPress. L'un de ces plugins est Admin Menu Editor, qui vous permet de créer des menus et des éléments de menu personnalisés pour le panneau d'administration WordPress.

Comment ajouter une page d'administration personnalisée à un site Web WordPress sans cliquer sur le bouton Ajouter au panier ? Cela a finalement été résolu par un simple hack qui ne nécessite pas que JS mette en surbrillance l'élément de menu souhaité (et l'élément de sous-menu) et fonctionne sur les menus réguliers des plugins. À mon avis, le super-global $_GET spécifie les paramètres que l'utilisateur peut utiliser pour indiquer qu'il souhaite modifier un élément. Pour rendre une page inaccessible, vous pouvez utiliser un sous-menu ou même le menu principal du panneau d'administration de WP . L'utilisation d'options.php comme slug parent fournit désormais la bonne réponse pour le codex WordPress de add_submenu_page. Pour un exemple de ce à quoi cela peut ressembler, consultez l'extrait de code ci-dessous. Remove_submenu_page ne désenregistre pas les fonctions de rappel ; au lieu de cela, il supprime simplement les liens.

Lorsque quelqu'un ne voit pas votre page liée, le menu de navigation correct (notre menu de type de publication personnalisé, dans cet exemple) apparaîtra toujours. Le moyen le plus pratique de le faire est d'utiliser à nouveau le même identifiant d'insertion, comme indiqué dans l'image ci-dessous. Les deux positions précédentes ne sont plus ignorées lors de l'utilisation de la position 8 et de la position 9.