Champs personnalisés(Custom Fields est une fonctionnalité très utile mais souvent négligée de WordPress qui vous permet d'ajouter des "données de champ supplémentaires" à chaque article, page, produit, etc. pour des utilisations plus étendues, telles que les prix, les couleurs, les liens de téléchargement, les balises d'état, les notes d'auteur, et plus encore.
![Pictures[1]-WordPress custom fields complete tutorial : open method and use skills](https://www.361sale.com/wp-content/uploads/2025/06/20250623105229961-image.png)
Beaucoup de nouveaux venus dans l'utilisation de WordPress trouveront : l'éditeur d'articles de fond ne peut tout simplement pas voir l'emplacement des "champs personnalisés", en fin de compte, où aller ? Comment l'ouvrir ? Comment l'utiliser ?
Cet article explique l'objectif des champs personnalisés, comment les activer, où les afficher et propose des suggestions d'utilisation en termes simples afin d'aider les utilisateurs débutants à maîtriser facilement cette fonctionnalité.
I. Quel est le rôle exact des champs personnalisés ?
Un champ personnalisé est WordPress Une "zone de données supplémentaires" réservée à l'édition de contenu.
![Picture [2]-WordPress custom fields complete tutorial : open method and use skills](https://www.361sale.com/wp-content/uploads/2025/06/20250623105307644-image.png)
Outre le contenu habituel (titre, corps et catégories) de chaque article ou page, les champs personnalisés permettent d'ajouter d'autres informations au contenu :
- Prix du produit :
prix = 199 - Adresse de téléchargement :
download_link = https://... - Est-il recommandé :
is_featured = true - Source de l'article :
source = BBC News
Ces données ne sont pas nécessairement écrites directement dans le corps du texte, mais elles peuvent être utilisées à l'aide d'un modèle de thème ou d'un modèle d'image.constructeur de pagesAffiché sur les pages du site web pour améliorer la flexibilité du contenu.
II. où sont affichés les champs personnalisés ? Comment les ouvrir ?
Lors de l'utilisation de l'éditeur de blocs (Gutenberg)
WordPress 5.0 utilise par défaut l'optionÉditeur de blocsL'interface est plus moderne et de nombreuses fonctionnalités sont masquées par défaut, notamment les champs personnalisés.
- Connectez-vous au backend et accédez à l'écran d'édition de l'article ou de la page.
- Cliquez sur l'icône des trois points (︙) dans le coin supérieur droit pour ouvrir le menu.
![Picture [3]-WordPress custom fields complete tutorial : open method and use skills](https://www.361sale.com/wp-content/uploads/2025/06/20250623105514256-image.png)
- Sélectionnez "Préférences"
![Picture [4]-WordPress custom fields complete tutorial : open method and use skills](https://www.361sale.com/wp-content/uploads/2025/06/20250623105611652-image.png)
- Cliquez sur l'onglet "Général" à gauche.
![Picture [5]-WordPress custom fields complete tutorial : open method and use skills](https://www.361sale.com/wp-content/uploads/2025/06/20250623105751284-image.png)
- Cochez la case "Champs personnalisés".
![Image [6]-Tutoriel complet sur les champs personnalisés de WordPress : méthode d'ouverture et compétences d'utilisation](https://www.361sale.com/wp-content/uploads/2025/06/20250623105816638-image.png)
- Le système demande d'actualiser la page, cliquez sur le bouton d'actualisation.
- Une zone "Champs personnalisés" apparaît au bas de la page.
![Picture [7]-WordPress custom fields complete tutorial : open method and use skills](https://www.361sale.com/wp-content/uploads/2025/06/20250623110014417-image.png)
Lors de l'utilisation de l'éditeur classique
utiliserÉditeur classiqueLes plugins ou les anciens backends de WordPress fonctionnent légèrement différemment :
- Accéder à l'écran d'édition de l'article ou de la page
- Le bouton Options d'écran se trouve dans le coin supérieur droit.
![Image [8]-Tutoriel complet sur les champs personnalisés de WordPress : méthode d'ouverture et compétences d'utilisation](https://www.361sale.com/wp-content/uploads/2025/06/20250623110534391-image.png)
- Cochez la case "Champs personnalisés".
![Picture [9]-WordPress custom fields complete tutorial : open method and use skills](https://www.361sale.com/wp-content/uploads/2025/06/20250623110602395-image.png)
- Faites défiler la page et trouvez la zone de la boîte méta au bas de l'éditeur.
![Picture [10]-WordPress custom fields complete tutorial : open method and use skills](https://www.361sale.com/wp-content/uploads/2025/06/20250623110636822-image.png)
Troisièmement, comment utiliser le panneau des champs personnalisés ?
Une fois que vous avez ouvert le champ personnalisé, vous verrez en bas de la page une simple icôneformulaire (document)Il comporte deux parties principales :
| Nom du champ (Nom) | Valeur du champ (Valeur) |
|---|---|
| Saisissez le nom de la clé, par exemple prix, lien de téléchargement. | Saisir les spécificités du champ, par exemple 129, adresse URL |
Cliquez sur le bouton "Ajouter un champ personnalisé" pour enregistrer les paires clé-valeur dans le message actuel.
![Picture [11]-WordPress custom fields complete tutorial : open method and use skills](https://www.361sale.com/wp-content/uploads/2025/06/20250623111013809-image.png)
Plusieurs champs peuvent être ajoutés, et chaque enregistrement peut continuer à être modifié ou supprimé ultérieurement.
IV. où les champs personnalisés ajoutés prennent-ils effet ?
Modèles de thèmesinvocations
De nombreux thèmes WordPress disposent d'un mécanisme d'appel de champ intégré. Les développeurs peuvent utiliser le code suivant pour afficher les données des champs :
$value = get_post_meta( get_the_ID(), 'field name', true ) ;
echo $value ;
Prise en charge du constructeur de pages
utiliser ElementorLes constructeurs de pages modernes tels que Bricks, Beaver Builder, etc. intègrent souvent un "étiquetage dynamique". Il suffit de sélectionner le nom du champ correspondant dans le composant de page pour afficher la valeur du champ sur la page d'accueil.
![Picture [12]-WordPress custom fields complete tutorial : open method and use skills](https://www.361sale.com/wp-content/uploads/2025/06/20250623111856918-image.png)
Scénarios d'utilisation du plugin
De nombreux plugins utilisent également des champs personnalisés pour enregistrer des informations supplémentaires. Par exemple, les champs Plugin SEOLes plugins de téléchargement, les plugins d'adhésion, etc. ajouteront des champs cachés dans l'article pour mettre en œuvre des jugements logiques ou stocker des paramètres.
V. A quoi les débutants doivent-ils faire attention lorsqu'ils utilisent des champs personnalisés ?
1. spécification du nom du champ
Il est recommandé d'utiliser systématiquement une combinaison de lettres minuscules ou de traits de soulignement, par exemple prixetest_actifetlien_source. N'utilisez pas d'espaces, de chinois ou de symboles spéciaux pour éviter les erreurs lors de l'appel du thème.
2. nombre de champs à contrôler
Pour le contenu général des articles, il est recommandé de se limiter à 10-20 champs par article. Un trop grand nombre de champs peut entraînerbase de données complèteLa charge de travail liée aux requêtes affecte même la fluidité de l'opération en arrière-plan.
3. ne pas modifier les champs générés par le plug-in.
Certains plugins ajoutent automatiquement des champs en arrière-plan (par ex. Verrouillage de l'éditionetId. de l'imagette), ceux-ci ne doivent pas être supprimés ou modifiés arbitrairement, sous peine d'affecter la fonctionnalité du plug-in.
4. utiliser plus efficacement les plug-ins de gestion de terrain
Si vous avez besoin de gérer des champs en masse, ou si vous devez prendre en charge la logique conditionnelle, le regroupement de champs, etc., vous pouvez envisager d'utiliser les plug-ins suivants :
- ACF (Advanced Custom Fields)
![Picture [13]-WordPress custom fields complete tutorial : open method and use skills](https://www.361sale.com/wp-content/uploads/2025/06/20250623112106471-image.png)
![Picture [14]-WordPress custom fields complete tutorial : open method and use skills](https://www.361sale.com/wp-content/uploads/2025/06/20250623112139190-image.png)
- Cosse
![Picture [15]-WordPress custom fields complete tutorial : open method and use skills](https://www.361sale.com/wp-content/uploads/2025/06/20250623112426805-image.png)
Ces plug-ins offrent une interface de création de champs et des méthodes d'appel plus conviviales pour faciliter le développement et la maintenance.
VI. résumé
Champs personnalisésest un élément important de la structure du contenu de WordPress, car il permet d'ajouter du contenu aux articles.
Dans l'éditeur de blocs, il peut être activé en cochant la case dans "Préférences → Panneaux" ; dans l'éditeur classique, il peut être utilisé directement après avoir coché la case dans "Options d'affichage".
Bien que cela ne soit pas aussi intuitif que le corps du texte, il est possible, avec l'aide d'un thème, d'un constructeur ou d'un plugin, de faire de ces champs un véritable contenu de la page, ce qui permet au site d'obtenir une présentation plus souple des données.
Pour les débutants, les champs personnalisés constituent la première étape de l'utilisation de WordPress, et leur maîtrise ouvrira de nouvelles possibilités d'extension des fonctionnalités de votre site web.
Lien vers cet article :https://www.361sale.com/fr/62172L'article est protégé par le droit d'auteur et doit être reproduit avec mention.






















![Emoji[wozuimei]-Photonflux.com | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![Émoticône [baoquan] - Photon Wave Network | Services professionnels de réparation WordPress, couverture mondiale, réponse rapide](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

Pas de commentaires