Petit rappel, mais qu’est ce qu’un champ ?
Un champ (ou field en anglais) est un élément de formulaire qui permet aux administrateurs de saisir des données ou de modifier des informations dans une page, un article, un type de contenu personnalisé, ou tout autre élément de l'interface d'administration. Par exemple, l’administrateur va modifier le champ “Type de recette” pour indiquer aux visiteurs qu’une recette en particulier est facile à réaliser.
Certains champs peuvent être obligatoires, tandis que d'autres peuvent être facultatifs. Les champs peuvent être de différents types, tels que des zones de texte, des listes déroulantes, des cases à cocher, des boutons radio, des champs date, des champs de sélection de fichiers, etc.
Si l’on souhaite ajouter un nouvel ingrédient dans notre type de contenu personnalisé Ingrédients, on pourra voir ces fameux champs, notamment :
un champ texte Titre ;
un éditeur de texte Contenu ;
une zone de texte Extrait.
Maintenant, qu’est ce qu’un champ personnalisé ?
Un champ personnalisé (ou custom field en anglais) est un champ de données supplémentaire que vous pouvez ajouter à un type de contenu personnalisé (par exemple, une page, un article, un produit, etc.).
Ces champs servent à stocker, de la même manière que les champs par défaut, des informations spécifiques au type de contenu. Ils vous permettront donc de pouvoir personnaliser vos types de contenu comme vous le souhaitez.
Par exemple, vous pouvez ajouter un champ personnalisé "Prix" pour un type de contenu "Produit" afin de stocker le prix de ce produit.
Les champs personnalisés peuvent être utilisés pour diverses choses, comme pour afficher des informations supplémentaires, ou pour créer des filtres de recherche personnalisés afin de trier des types de contenu par des critères personnalisés.
Les champs personnalisés sont très utiles pour personnaliser l'affichage et les fonctionnalités de votre site WordPress en fonction de vos besoins spécifiques.
Créez des champs via Advanced Custom Fields
L’Advanced Custom Fields (ou ACF) est un plugin WordPress très populaire qui permet aux utilisateurs de créer des champs personnalisés pour les types de contenu classiques (comme les pages ou les articles) mais également pour les types de contenu personnalisés (comme Ingrédients, dans notre exemple).
Grâce à son interface graphique, ce plugin vous permettra de gérer facilement les champs personnalisés de vos différents types de contenu. Son utilisation est très simple ainsi que très puissante et flexible, c’est pourquoi il est utilisé par de nombreux développeurs et utilisateurs de WordPress.
Mettez en place et prenez en main le plugin
Pour installer le plugin ACF, rien de plus simple, accédez au sous-menu “Ajouter” du menu “Extensions” et recherchez le plugin ACF. Vous devriez le trouver dans les résultats de recherche :
Lorsque vous aurez trouvé le plugin, cliquez sur “Installer maintenant” pour que WordPress se charge de télécharger le plugin tout seul. Puis cliquez sur le bouton “Activer” pour activer le plugin ACF.
Ajoutez quelques champs via l’interface d’administration
Une fois le plugin ACF activé, un nouveau lien “ACF” apparaîtra dans votre menu d’administration, cliquez dessus pour commencer à configurer vos premiers champs personnalisés !
L’écran sur lequel vous devriez accéder est celui gérant les groupes de champs sous ACF. Les groupes de champs sont utilisés pour organiser les champs ainsi que pour les attacher aux écrans d'édition.
Un groupe est ainsi une collection de champs personnalisés qui sont associés à un type de publication (post, page, custom post type, etc.) ou à une page de l’administration gérant des options.
Imaginons que l’on souhaite ajouter des informations complémentaires dans notre type de contenu “Ingrédient”, telles que l’origine de l’ingrédient ou encore son type, grâce à ACF et les groupes de champs. Nous allons pouvoir ajouter des champs personnalisés afin de compléter notre type de contenu ingrédient.
Chaque groupe de champs peut contenir un ou plusieurs champs personnalisés, tels que des champs de texte, des champs de sélection, des champs de bouton radio, des champs de cases à cocher, ou des champs de dates. Chaque champ peut être configuré avec des options personnalisées telles que la description, l'étiquette, la valeur par défaut, ou les règles de validation.
Créons notre premier groupe en cliquant sur le bouton “Ajouter”.
Indiquez en titre “Ingrédient” puis dans la section champ, sélectionnez le type de champ texte avec un libellé “Origine”.
Puis tout en bas de la page, ajoutez la règle suivante : “Afficher ce groupe de champs si le type de publication est égal à Ingrédients”. N’oubliez pas de cliquer sur “Enregistrer les modifications”.
Et voilà, vous venez de créer un champ personnalisé !
Si vous retournez dans l’ajout d’un contenu de type “Ingrédient”, vous devriez voir votre tout nouveau champ “Origine”.
ACF vous propose toute une suite de champs pouvant être ajoutés, voici un tableau des différents types que vous propose le plugin :
Type de champ | Description |
Texte | Champ de texte simple pour entrer du texte. |
Zone de texte | Champ de texte multiligne pour entrer du texte sur plusieurs lignes. |
WYSIWYG editor | Champ de texte avec un éditeur WYSIWYG pour formater le texte. |
Nombre | Champ numérique pour entrer un nombre. |
Champ de texte pour entrer une adresse e-mail. | |
URL | Champ de texte pour entrer une URL. |
Image | Champ pour téléverser une image ou en sélectionner une dans la bibliothèque de médias. |
Fichier | Champ pour téléverser un fichier ou en sélectionner un dans la bibliothèque de médias. |
Choix | Champ pour sélectionner une option unique dans une liste déroulante ou des boutons radio. |
Choix multiple | Champ pour sélectionner plusieurs options dans une liste déroulante ou des cases à cocher. |
Liste déroulante | Champ pour sélectionner une option unique dans un menu déroulant. |
Bouton radio | Champ pour sélectionner une option unique dans un ensemble de boutons radio. |
Case à cocher | Champ pour sélectionner une ou plusieurs options dans un ensemble de cases à cocher. |
Date et heure | Champ pour sélectionner une date et une heure dans un calendrier. |
Date | Champ pour sélectionner une date dans un calendrier. |
Heure | Champ pour sélectionner une heure dans une liste déroulante. |
Localisation | Champ pour saisir une adresse ou sélectionner une localisation sur une carte. |
Relation | Champ pour sélectionner un ou plusieurs articles, pages ou autres types de contenu connexes. |
À vous de jouer !
Maintenant que vous possédez la démarche pour créer des champs personnalisés, que diriez-vous de finaliser notre type de contenu “Ingrédient” pour que l’on puisse l’utiliser par la suite dans notre cours ?
Le but est simple : ajouter un champ liste déroulante nommé “Type d’ingrédient” avec en option “Liquide” et “Sec”.
Dans un second temps, ajoutez un nouveau groupe de champ ACF pour le type de contenu personnalisé “Recette”. Dans ce nouveau groupe, ajoutez un champ texte avec le titre “Type”, un autre champ liste déroulante ayant le titre “Difficulté” avec les options “Débutant”, “Normal” et “Expert”.
Vous êtes prêt ? C’est parti !
En résumé
Les champs personnalisés sont utilisés pour gérer des données personnalisées sous WordPress.
ACF est un plugin puissant, permettant de gérer des champs personnalisés sous WordPress via une interface graphique.
Vous pouvez organiser vos champs personnalisés en groupes et les associer à un type de publication ou à une page d’administration.
Dans le prochain chapitre, nous découvrirons les taxonomies !
