Comment ajouter des champs personnalisés dans WordPress ? Guide complet 2025

Pourquoi utiliser des champs personnalisés dans WordPress ?

Les champs personnalisés (custom fields) sont une fonctionnalité puissante de WordPress qui vous permet d’ajouter des métadonnées supplémentaires à vos articles, pages ou types de contenu personnalisés. Ils vous offrent une flexibilité presque infinie pour structurer vos données et créer des sites riches en informations.

Imaginez que vous gérez un site de recettes : vous pouvez ajouter des champs pour le temps de cuisson, les ingrédients, le nombre de calories, etc. Ou encore un site immobilier avec des champs pour le prix, la surface, le nombre de pièces. Les possibilités sont immenses.

Dans cet article, nous allons voir comment ajouter des champs personnalisés dans WordPress de deux manières : sans plugin (méthode native) et avec le plugin Advanced Custom Fields (ACF), la solution la plus populaire.

Méthode native : ajouter des champs personnalisés sans plugin

WordPress intègre nativement un système de champs personnalisés. Voici comment l’activer et l’utiliser.

Activer l’interface des champs personnalisés

Dans l’éditeur de blocs (Gutenberg), cliquez sur les trois points en haut à droite, puis sélectionnez Préférences. Dans l’onglet Panneaux, activez l’option Champs personnalisés. Vous verrez alors un nouveau panneau apparaître sous l’éditeur.

Ajouter un champ personnalisé

Dans le panneau Champs personnalisés, cliquez sur Ajouter un champ personnalisé. Donnez un nom à votre champ (par exemple « prix ») et saisissez sa valeur (par exemple « 25 »). Cliquez sur Ajouter un champ personnalisé pour l’enregistrer.

Vous pouvez répéter l’opération pour ajouter plusieurs champs. Une fois l’article publié, ces données sont stockées dans la table wp_postmeta de votre base de données.

Afficher les champs personnalisés dans votre thème

Pour afficher la valeur d’un champ personnalisé dans votre thème, utilisez la fonction get_post_meta() dans vos fichiers de template (par exemple single.php ou functions.php).

<?php $prix = get_post_meta(get_the_ID(), 'prix', true); ?>
<p>Prix : <?php echo $prix; ?> €</p>

Cette méthode est simple mais limitée : pas d’interface utilisateur avancée, pas de validation, pas de types de champs variés. Pour des projets plus complexes, mieux vaut utiliser un plugin.

Utiliser Advanced Custom Fields (ACF) pour des champs personnalisés avancés

Advanced Custom Fields (ACF) est le plugin le plus utilisé pour ajouter des champs personnalisés. Il offre une interface intuitive, de nombreux types de champs (texte, image, date, répéteur, etc.) et une grande flexibilité.

Installer et activer ACF

Rendez-vous dans Extensions > Ajouter, recherchez « Advanced Custom Fields », installez et activez le plugin. Une version gratuite est disponible, suffisante pour la plupart des besoins.

Créer un groupe de champs

Après activation, un nouveau menu Champs personnalisés apparaît dans votre administration. Cliquez sur Ajouter nouveau pour créer un groupe de champs.

Donnez un titre à votre groupe (par exemple « Détails du produit »). Ensuite, ajoutez des champs en cliquant sur + Ajouter un champ. Pour chaque champ, vous définissez :

• Libellé du champ : le nom affiché dans l’interface.
• Nom du champ : l’identifiant technique (utilisé dans le code).
• Type de champ : texte, image, sélecteur, etc.
• Valeur par défaut (optionnel).
• Instructions (optionnel) : une aide pour l’utilisateur.

Définir les règles d’affichage

Dans la section Règles, vous spécifiez où ce groupe de champs doit apparaître. Par exemple :

• Type de publication : égal à « article » (les champs apparaîtront sur les articles).
• Type de publication : égal à « page » (sur les pages).
• Ou même sur des types de publication personnalisés (CPT) comme « produit », « recette », etc.

Vous pouvez ajouter plusieurs règles (ET/OU) pour un contrôle précis.

Saisir les données dans les articles

Une fois le groupe de champs créé, rendez-vous dans un article ou une page correspondant aux règles. Vous verrez les champs personnalisés sous l’éditeur. Remplissez-les et publiez.

Afficher les champs ACF dans le thème

ACF fournit des fonctions simples pour afficher les données. Par exemple, pour afficher un champ texte nommé « prix » :

<?php if(get_field('prix')) : ?>
    <p>Prix : <?php the_field('prix'); ?> €</p>
<?php endif; ?>

Pour les champs d’image, utilisez the_field('photo') ou get_field('photo') pour obtenir l’URL.

Types de champs personnalisés utiles pour le SEO

Les champs personnalisés ne servent pas seulement à enrichir le contenu, ils peuvent aussi améliorer votre référencement. Voici quelques exemples :

Erreurs courantes à éviter avec les champs personnalisés

• Ne pas nettoyer les données : toujours valider et échapper les données saisies par les utilisateurs pour éviter les failles XSS.
• Oublier de mettre à jour le thème : si vous changez de thème, vos champs personnalisés ne s’afficheront plus tant que vous n’ajoutez pas le code d’affichage dans le nouveau thème.
• Multiplier les plugins de champs personnalisés : utilisez un seul outil (ACF, Pods, etc.) pour éviter les conflits.
• Ignorer la performance : trop de champs personnalisés peuvent ralentir votre site. Utilisez-les avec parcimonie.

Checklist pour bien démarrer avec les champs personnalisés

• [ ] Définir le besoin : quelles données supplémentaires voulez-vous ajouter ?
• [ ] Choisir la méthode : native ou plugin (ACF recommandé).
• [ ] Créer les champs avec des noms clairs et sans espaces.
• [ ] Tester l’affichage dans un environnement de développement.
• [ ] Optimiser les requêtes (utiliser update_post_meta et get_post_meta avec précaution).
• [ ] Documenter les champs pour les autres contributeurs.

Questions fréquentes sur les champs personnalisés WordPress

Comment ajouter un champ personnalisé dans WordPress sans plugin ?

Activez l’option « Champs personnalisés » dans les préférences de l’éditeur Gutenberg, puis ajoutez vos champs directement dans le panneau dédié.

ACF est-il gratuit ?

Oui, une version gratuite est disponible avec de nombreux types de champs. La version pro offre des fonctionnalités supplémentaires comme les répéteurs et les galeries.

Les champs personnalisés sont-ils SEO friendly ?

Oui, ils permettent d’ajouter des données structurées (schema.org) et d’enrichir le contenu, ce qui peut améliorer votre SEO s’ils sont bien utilisés.

Comment afficher un champ personnalisé dans un thème WordPress ?

Utilisez get_post_meta() pour les champs natifs, ou the_field() et get_field() pour les champs ACF.

Puis-je ajouter des champs personnalisés aux pages ?

Oui, tout à fait. Les champs personnalisés peuvent être associés à n’importe quel type de contenu : articles, pages, types de publication personnalisés.

Comment supprimer un champ personnalisé ?

Dans l’interface native, vous pouvez le supprimer directement dans le panneau. Avec ACF, allez dans Champs personnalisés, survolez le groupe et cliquez sur Supprimer.

Recommandations pour tirer parti des champs personnalisés

Pour aller plus loin, pensez à utiliser les champs personnalisés pour :

• Créer des fiches produits détaillées (prix, stock, variantes).
• Ajouter des avis clients avec notes.
• Gérer des événements (date, lieu, horaires).
• Personnaliser les templates de page (couleur, mise en page).

N’oubliez pas de toujours tester vos modifications sur un site de staging avant de les appliquer en production. Les champs personnalisés sont un outil puissant, mais une mauvaise configuration peut impacter les performances ou la sécurité.

En maîtrisant comment ajouter des champs personnalisés dans WordPress, vous pourrez créer des sites sur mesure, mieux référencés et plus agréables pour vos visiteurs. Lancez-vous dès maintenant !

Photo by Nabil Barry on Pexels