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

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

WordPress est livré avec une fonctionnalité de champs personnalisés vous permettant d’ajouter des métadonnées à vos publications. Il peut s’agir d’informations telles qu’une date de péremption ou simplement de la météo de cette journée. Nous vous montrons ici comment faire bon usage des champs personnalisés pour améliorer la fonctionnalité de vos publications.

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

Si vous utilisez toujours l’éditeur classique, la section des champs personnalisés est activée par défaut. Vous devriez pouvoir le 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. Accédez simplement aux trois points dans le coin supérieur droit de l’écran et cliquez dessus.

Activer les champs personnalisés WordPress

Dans la liste déroulante qui apparaît, sélectionnez Préférences en bas. Selon la langue WordPress que vous définissez, il peut s’afficher Options à la place.

Menu Préférences de publication WordPress

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

Activer le menu des champs personnalisés WordPress

Une nouvelle section Champs personnalisés apparaîtra désormais sous la publication.

Ajouter un nouveau champ personnalisé WordPress

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

Damien a montré comment afficher davantage de champs personnalisés WordPress par défaut. Le réglage augmente la liste des menus jusqu’à un maximum de 120. Vous pouvez soit cliquer sur l’article, soit voici un résumé.

Accédez à Apparence -> Éditeur dans votre backend WordPress et recherchez le fichier function.php . Ajoutez ce qui suit à la fin.

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

Configurer le nom et la valeur du champ personnalisé

Vous pouvez ajouter tout ce que vous voulez comme champ personnalisé. Qu’il s’agisse du dernier livre que vous lisez ou de la météo ce jour-là, vous pouvez ajouter ce que vous voulez à vos publications. Pour le bien de cet article, ajoutons ce que je ressens aujourd’hui. Alors cliquez sur Entrer nouveau pour commencer.

Ajouter un tout nouveau champ personnalisé WordPress

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 avez eu 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 n’étais pas mauvais. Un peu maussade, mais OK. N’oubliez pas que les champs personnalisés sont publiés article par article, donc ce que vous saisissez dans un article n’apparaîtra pas dans un autre article.

Il peut également s’agir d’un texte standard que vous souhaitez placer au début ou à la fin de votre message. Par exemple, peut-être souhaitez-vous que chaque publication contienne un message de non-responsabilité d’affiliation ? Ou qu’il s’agit d’un post sponsorisé ? Les possibilités sont infinies.

Une fois que vous avez saisi les informations requises, cliquez sur Ajouter un champ personnalisé pour les enregistrer. Il ne semble pas y avoir de nombre minimum ou maximum de caractères pour un champ, mais pour le bien de l’apparence de votre page, essayez de ne pas devenir fou. La brièveté compte ici.

Afficher le champ personnalisé dans votre thème WordPress

Malheureusement pour nous, la vie serait bien trop simple si cela suffisait pour qu’un champ personnalisé WordPress fonctionne. Nous devons maintenant le faire apparaître sur la page.

Il n’existe pas de moyen simple d’afficher le champ personnalisé dans votre thème WordPress. Vous devez recourir à l’insertion de codes PHP dans votre thème.

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

Quelques points à prendre en compte :

  • $post_idest l’ID de la publication dont vous souhaitez récupérer son champ personnalisé.
  • custom-field-nameest le nom que vous avez utilisé pour votre champ personnalisé spécifique.

Vous pouvez obtenir plus d’informations ici .

Ajouter des champs personnalisés WordPress avec un plugin

Si pirater les fichiers d’installation de WordPress vous semble beaucoup trop de travail et de brûlures d’estomac, alors vous avez toujours la possibilité d’utiliser un plugin. Le plugin le plus recommandé pour les champs personnalisés WordPress est Advanced Custom Fields .

Plugin WordPress de champs personnalisés avancés

ACF utilise le concept de groupes de terrain. Ces groupes contiennent les champs personnalisés que vous souhaitez ajouter à des zones spécifiques de votre site WordPress, telles que des publications, 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 au sein de chaque groupe.

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

Comment installer des champs personnalisés avancés

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

Acf WordPress

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

Champs de navigation Acf

Une fois que vous avez créé votre groupe de champs, cliquez sur Enregistrer les modifications pour l’enregistrer. Désormais, lorsque vous modifiez une publication ou une page attribuée à ce groupe, vous verrez les champs personnalisés que vous avez créés.

Règles de localisation Acf

Désormais, lorsque vous accédez au type de publication spécifié, vous verrez le champ personnalisé ci-dessous. Ajoutez la valeur souhaitée dans le champ de texte.

Champ personnalisé de publication Acf

ACF propose une version gratuite avec une bonne gamme de types de champs. La mise à niveau vers ACF Pro débloque encore plus de fonctionnalités telles que des champs de répéteur (pour ajouter plusieurs instances d’un groupe de champs) et des présentations de contenu flexibles.

Toutes les captures d’écran de Mark O’Neill

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *