Comment créer des champs personnalisés WordPress pour ajouter des métadonnées

WordPress propose une fonction de champs personnalisés pour vous permettre d’ajouter des métadonnées à vos publications. Cela peut être des informations comme une date d’expiration d’un article ou simplement la météo de ce jour-là. Ici, nous vous montrons comment bien utiliser les champs personnalisés pour améliorer la fonctionnalité de vos publications.

Table des matières

• Activer les champs personnalisés dans l’éditeur de blocs
• Configurer le nom et la valeur du champ personnalisé
• Afficher le champ personnalisé dans votre thème WordPress
• Ajouter des champs personnalisés WordPress avec un plugin

Activer les champs personnalisés dans l’éditeur de blocs

Si vous utilisez encore l’éditeur classique, la section des champs personnalisés est activée par défaut. Vous devriez pouvoir la trouver sous la section de l’éditeur de texte.

Pour l’éditeur de blocs (Gutenberg), la section des champs personnalisés est désactivée par défaut, mais vous pouvez facilement l’activer. Il suffit d’aller dans les trois points dans le coin supérieur droit de l’écran et de cliquer dessus.

Dans le menu déroulant qui apparaît, sélectionnez Préférences en bas. Selon la langue de WordPress que vous avez définie, cela peut dire Options à la place.

Dans la section Panneaux, activez l’option Champs personnalisés. Il vous demandera ensuite de recharger la page, assurez-vous donc que tout travail non sauvegardé est enregistré, sinon vous le perdrez.

Une nouvelle section Champs personnalisés apparaîtra maintenant sous l’article.

Une fois que vous commencez à ajouter des champs personnalisés, il n’affichera qu’un maximum de 30 champs. Vous pouvez continuer à en ajouter, mais ils n’apparaîtront pas dans la liste déroulante.

Damien a montré comment faire en sorte que plus de champs personnalisés WordPress apparaissent par défaut. Cette modification augmente la liste des menus à un maximum de 120. Vous pouvez soit cliquer sur l’article, soit voici un résumé succinct.

Allez dans Apparence -> Éditeur dans votre backend WordPress et cherchez le fichier functions.php. Ajoutez ce qui suit à la fin.

function increase_postmeta_form_limit(){  
return120;  
}  
add_filter('postmeta_form_limit','increase_postmeta_form_limit');

Après avoir enregistré les modifications, actualisez votre page de backend WordPress, et le nombre de champs personnalisés dans le menu augmentera à 120.

Configurer le nom et la valeur pour le champ personnalisé

Vous pouvez ajouter tout ce que vous voulez en tant que champ personnalisé. Que ce soit le dernier livre que vous lisez ou ce que la météo est ce jour-là, vous pouvez ajouter ce que vous voulez à vos publications. Pour les besoins de cet article, ajoutons comment je me sens aujourd’hui. Cliquez donc sur Entrer un nouveau pour commencer.

Dans la section Nom, ajoutez le titre de ce que vous souhaitez ajouter. Cela pourrait être des choses comme :

• Comment je me sens aujourd’hui ?
• Le livre que je lis aujourd’hui.
• Qu’est-ce que j’écoute aujourd’hui ?

Vous saisissez l’idée.

Dans la section Valeur, vous mettez maintenant la réponse. Dans le cas de mon champ d’humeur, j’ai dit “Je ne vais pas trop mal. Un peu d’humeur, mais ça va.” N’oubliez pas, les champs personnalisés sont basés sur chaque publication, donc ce que vous entrez dans un article n’apparaîtra pas dans un autre.

Il convient également de préciser qu’il n’est pas nécessaire que ce soit une question dans la section Nom. Cela pourrait aussi être quelque chose comme du texte standard que vous souhaitez au début ou à la fin de votre publication. Par exemple, peut-être que vous voulez que chaque publication ait un message de clause de non-responsabilité d’affiliation ? Ou que c’est un article sponsorisé ? Les possibilités sont infinies.

Remarque : Pour faciliter la récupération du champ personnalisé via le code, il est préférable de garder le Nom court, tout en minuscules, et d’éviter tout espace. Reliez les espaces avec un tiret bas (_). Par exemple, utilisez “posts_to_redirect” au lieu de “Posts to Redirect”.

Une fois que vous avez entré les informations requises, cliquez sur Ajouter un champ personnalisé pour l’enregistrer. Il ne semble pas y avoir de nombre minimum ou maximum de caractères pour un champ, mais pour des raisons esthétiques sur votre page, essayez de ne pas abuser. La brièveté compte ici.

Afficher le champ personnalisé dans votre thème WordPress

Malheureusement pour nous, la vie serait bien trop facile si c’était tout ce qu’il fallait pour qu’un champ personnalisé WordPress fonctionne. Maintenant, nous devons le faire apparaître sur la page.

Il n’y a pas de moyen facile d’afficher le champ personnalisé dans votre thème WordPress. Vous devez insérer quelques lignes de code PHP dans votre thème.

Dans le fichier où vous souhaitez afficher le champ personnalisé, utilisez le code suivant :

$custom_field= get_post_meta($post_id,'custom-field-name',true)  
echo$custom_field;

Quelques points à noter :

• $post_id est l’ID de l’article dont vous souhaitez récupérer son champ personnalisé.
• custom-field-name est le nom que vous avez utilisé pour votre champ personnalisé spécifique.

Vous pouvez obtenir plus d’informations ici.

Astuce : essayez d’utiliser un shortcode à la place si vous préférez une méthode plus simple pour ajouter des métadonnées à votre thème.

Ajouter des champs personnalisés WordPress avec un plugin

Si le fait de bidouiller les fichiers d’installation de WordPress vous semble trop de travail et de stress, vous avez toujours l’option d’un plugin. Le plugin le plus recommandé pour les champs personnalisés WordPress est Advanced Custom Fields.

ACF utilise le concept de groupes de champs. Ces groupes contiennent les champs personnalisés que vous souhaitez ajouter à des zones spécifiques de votre site WordPress, comme des articles, des pages ou des types de publications personnalisés. Vous définissez les types de champs, les étiquettes, et tous les paramètres spécifiques dans chaque groupe.

Les développeurs peuvent utiliser les types de champs et les fonctions d’ACF pour construire des fonctionnalités personnalisées puissantes.

Comment installer Advanced Custom Fields

Une fois que vous avez installé le plugin, allez à la page des paramètres d’ACF dans la barre latérale gauche de votre installation WordPress.

Allez dans Groupes de champs -> Ajouter nouveau. Ici, vous nommerez votre groupe de champs. Cliquez sur le bouton Ajouter un champ et choisissez le type de champ souhaité parmi les options. Chaque type de champ a ses propres paramètres à personnaliser davantage.

Une fois que vous avez construit votre groupe de champs, cliquez sur Sauvegarder les modifications pour l’enregistrer. Maintenant, lorsque vous modifiez un article ou une page assigné à ce groupe, vous verrez les champs personnalisés que vous avez créés.

Maintenant, lorsque vous allez au type d’article spécifié, vous verrez le champ personnalisé en dessous. Ajoutez la valeur souhaitée dans le champ de texte.

ACF propose une version gratuite avec une bonne gamme de types de champs. Passer à ACF Pro débloque encore plus de fonctionnalités comme les champs répéteurs (pour ajouter plusieurs instances d’un groupe de champs) et des mises en page de contenu flexibles.