Créer une méta – boîte personnalisée dans WordPress

Metabases est une fonctionnalité utile dans WordPress qui vous permet d’ajouter des données entièrement personnalisées à des articles ou des pages dans WordPress. Par exemple, supposons que vous créez un site Web pour un client qui doit afficher des informations nutritionnelles et des produits dans le magasin (nous en discuterons dans cet article). Vous pouvez ajouter n’importe quel nombre de méta – cases personnalisées dans les écrans d’édition Post et page de l’arrière – plan wordpress pour les messages et les types de messages personnalisés. En général, les méta – boîtes personnalisées contiennent des champs de données et de formulaires qui permettent aux administrateurs d’ajouter \/ Modifier \/ supprimer des métadonnées de messages (c. – à – D. des champs personnalisés qui dépassent les limites des champs personnalisés laids et mal intégrés).
Dans ce tutoriel, je vais vous montrer comment ajouter des méta – boîtes personnalisées à l’écran post – édition. Nous explorerons la façon d’ajouter et de gérer des champs de texte, des boutons d’option et des cases à cocher qui permettent aux utilisateurs de contrôler davantage les métadonnées des messages. Remarque: faites défiler vers la fin de la page et téléchargez le plug – in gratuit à partir des exemples de ce tutoriel. Qu’est – ce qu’une boîte de remerciement? Les méta – boîtes sont des boîtes de glisser – déposer qui apparaissent sur l’écran post – édition à l’arrière de WordPress. En plus du contenu dans la zone principale de post – édition, vous pouvez sélectionner ou insérer des informations supplémentaires dans la métazone.
Vous pouvez saisir deux types de données dans la métazone: les métadonnées (c. – à – d. Les champs personnalisés) et les termes de classification. Ajouter une méta – boîte WordPress fournit une fonction add _ Meta Box qui est spécifiquement destinée à ajouter une nouvelle méta – boîte personnalisée. Ajouter _ Meta Box doit être appelé à partir d’une fonction de rappel qui doit être exécutée lorsque la métabox de la page courante est chargée. Cette tâche peut être exécutée en Docking Callback add _ Meta Box {Custom post type}, comme suit:
Recommandé dans le Code. C’est – à – dire que nous ajoutons le code suivant au fichier principal ou à la fonction de fichier du plug – in. Php du thème (rappelez – vous qu’il est préférable de créer un sous – thème plutôt que de changer le fichier functions.php):
Chargement du contenu fcefaf58e029a076f123c6a91a2edff5 il s’agit de notre première boîte de métadonnées personnalisée. Dans le code ci – dessus, nous avons passé six paramètres à la fonction add _ Meta Box: ID, titre, fonction de rappel, Slug pour le type de poste personnalisé (nourriture), contexte (côté) et priorité (faible). La fonction de rappel imprime l’étiquette HTML dans la méta – boîte et la définit comme suit: le chargement de l’essentiel 5ebf00a60911f1592f206c079d2d32a1 n’a pas imprimé le code HTML, mais la méta – boîte est en place. Examinons donc cet exemple plus en détail. Une méta – boîte personnalisée vide d’abord, nous devrions envisager de garder les choses en sécurité. Nous devons appeler la fonction WP _ nonce Field qui génère un champ nonce pour nous assurer que la demande de formulaire provient du site Web actuel. Ensuite, nous ajoutons la ligne de code suivante à la fonction de rappel: instructions pour charger 9c206783d31ba436e0fe78ce42bcae62 ici, nous ne passons que deux des quatre arguments autorisés à la fonction. Le premier paramètre est le nom de l’action, qui est défini ici comme le nom de base du fichier courant, et le second paramètre est l’attribut masquer le nom du champ. Même si le champ nonce ne garantit pas une protection absolue, il est toujours préférable de l’inclure dans n’importe quelle méta – boîte personnalisée (voir WordPress Codex pour une explication plus approfondie).
Une fois la sécurité terminée, nous devons récupérer les valeurs de champ personnalisées de la base de données pour la gestion à travers les champs metabase. C’est là que la fonction get _ post Meta est utile. Dans notre exemple de plug – in (ou de fichier de fonction, selon la façon dont vous voulez implémenter
(exemple dans ce tutoriel) Nous utilisons trois champs personnalisés distincts, deux chaînes et un tableau. Le code suivant montre comment obtenir leurs valeurs à partir de la base de données: Load Summary ab0ff76389edaf716869ad44f2065ba9 dans ce cas, le bouchon de champ du champ personnalisé est précédé d’un soulignement, ce qui signifie que nous travaillons avec des champs personnalisés cachés. De cette façon, les champs personnalisés intégrés ne s’afficheront pas aux utilisateurs de l’Administrateur dans la métazone, mais ne pourront être édités qu’à partir de la métazone personnalisée.
Enfin, il est temps d’imprimer les étiquettes. Imprimer les champs du formulaire maintenant nous devons générer la sortie. Ajoutons d’abord un champ texte simple qui permettra à l’utilisateur administrateur de stocker la valeur d’un seul champ personnalisé, dans ce cas glucides: instructions pour charger e0d6a60387eae9c2883f3ba022fd8736 dans le code ci – dessus, le champ personnalisé lui – même fournit la valeur de l’élément actuellement entré. Le champ personnalisé suivant est traité à l’aide de deux boutons d’option: charger a1ea169d0fc06334fd0dd8898eda4f42 ici est un peu compliqué. La fonction checked compare deux chaînes passées comme arguments. Si la chaîne partage la même valeur, la fonction définit le champ courant à sélectionner.
Enfin, nous ajouterons un ensemble de cases à cocher à la méta – boîte: charger 9551197c02f47bb9d0f11c660db2eb description la valeur de l’attribut nom correspond à l’élément du tableau, ce qui nous permettra plus tard de stocker les données plus efficacement. Considérons maintenant le premier paramètre de la fonction checked: Load content1ee751c231ac0012fc61ce3d3ae666a2 il s’agit d’un opérateur ternaire qui vérifie que la valeur actuelle de la case à cocher est la même que la valeur de $Current _ vitains. Renvoie la même valeur si la condition a été validée, sinon renvoie une chaîne vide.
Rray $u post [‘vitaments’] n’existe pas et nous pouvons supprimer les données en appelant delete _ post Meta (voir la documentation Codex pour plus de détails). Voici le code complet: Télécharger le résumé 2849f9040b8688811c3b8555f80ad64 j’ai mis le code dans un plugin que vous pouvez télécharger à partir de github et tester ou installer localhost sur votre site Web. Maintenant que vous avez vu comment fonctionne la méta – boîte personnalisée, vous pouvez ajouter n’importe quel type de champ de formulaire à l’écran post – édition à l’arrière du site WordPress. HTML 5 introduit de nombreux types d’entrée que nous pouvons utiliser, des champs de date aux sélecteurs de couleurs. Vous pouvez utiliser les outils d’interface utilisateur de jquery pour plus de plaisir, ou combiner les données de différents services Web, tels que l’API Google Maps, et les stocker comme des champs personnalisés. Les exemples de ce tutoriel ne sont qu’une brève introduction à la façon de personnaliser l’expérience post – édition. Avez – vous ajouté un champ ou un contrôle de formulaire avancé à la zone de métadonnées personnalisée? Lorsque cette fonctionnalité est utile, développez – vous des sites Web? Si vous avez des questions ou des idées sur la façon d’étendre ce tutoriel, faites – le – nous savoir dans les commentaires ci – dessous. Étiquettes: champs de boîtes de métadonnées personnalisés types de messages personnalisés