Comment ajouter des champs personnalisés dans WordPress

L'ajout de champs personnalisés dans WordPress est un excellent moyen d'ajouter des données supplémentaires à vos pages et publications. Par défaut, WordPress est livré avec quelques champs de base tels que le titre, le corps et l'extrait. Cependant, si vous souhaitez ajouter plus de données à vos pages et publications, vous pouvez le faire en ajoutant des champs personnalisés.
Les champs personnalisés peuvent être utilisés pour ajouter n'importe quoi, de simples données textuelles à des données complexes telles que des images, des fichiers et des vidéos. Dans cet article, nous allons vous montrer comment ajouter des champs personnalisés dans WordPress.

Les champs personnalisés du plug-in peuvent être modifiés de manière plus avancée en modifiant les informations présentées dans un message spécifique. Les champs personnalisés et les métadonnées sont les plus utilisés par les développeurs lors de l'extension des publications. À moins que vous n'ayez choisi d'utiliser le panneau de personnalisation par défaut, vous ne pouvez ajouter que des colonnes déjà gérées par WordPress. Comment ajouter un type de publication personnalisé dans WordPress ? Un tout nouveau message est créé et un message existant est modifié. Les filtres peuvent être appliqués aux apostaires et aux pages en utilisant un seul champ. Dans la boîte méta, entrez la valeur d'un champ personnalisé ; en bas de l'écran, vous pouvez également dérouler et choisir la valeur d'un champ personnalisé.

Comment activer les champs personnalisés dans WordPress ?

C'est aussi simple que de cliquer sur le bouton "Options d'écran" dans le coin supérieur droit de l'écran pour ajouter ou modifier une publication ou une page existante. Vous pourrez voir un menu avec diverses options qui peuvent être affichées ou masquées sur votre écran d'édition de publication en sélectionnant cette option. Pour saisir des champs personnalisés, cochez la case à côté de Champs personnalisés.

Ajouter des informations supplémentaires à vos messages et pages WP via des champs personnalisés WP est un bon moyen de le faire. Au fur et à mesure que vous écrivez chaque article, vous pouvez évaluer des produits ou même de la musique. La plupart des outils de champs sont masqués par défaut, mais il est simple à activer et à utiliser. Dans cet article, nous verrons ce que sont les champs personnalisés et comment ils peuvent être utilisés dans WordPress. La plupart des sites WordPress simplifient l'ajout de champs personnalisés, mais ils ne sont pas toujours visibles. Rendez-les visibles en activant les champs personnalisés dans votre éditeur ou en ajoutant du code à votre thème. Vous pouvez utiliser des plugins pour personnaliser les champs de votre site Web et augmenter vos options.

Pods a une interface élégante qui vous permet de gérer vos champs tout en les personnalisant. Cependant, il inclut un certain nombre d'autres fonctionnalités utiles, y compris la fonctionnalité de champs personnalisés. Les modules peuvent également être utilisés pour gérer les types de publication, les catégories et les balises personnalisés, ainsi qu'une variété d'autres fonctionnalités. En raison de sa légèreté, le matériau devrait avoir peu ou pas d'impact sur les performances de votre site Web.

Parce que les champs personnalisés sont des aspects importants de WordPress, ils doivent être facilement accessibles et utilisables. Ils ne sont pas visibles depuis l'écran de post-édition par défaut, mais ils peuvent être activés en accédant à la case Options d'écran masquée en haut de la page et en cochant la case Champs personnalisés.
Vous remarquerez une nouvelle boîte méta intitulée "Champs personnalisés" sur l'écran de publication une fois que vous avez activé les champs personnalisés. Cette boîte apparaîtra toujours chaque fois que vous modifiez des publications sur votre site Web, ce qui simplifie l'utilisation et l'accès à vos champs personnalisés.

Les options d'écran vous permettent de désactiver les champs personnalisés

Les champs personnalisés peuvent ne pas être requis si vous n'êtes pas développeur. Vous pouvez ensuite décocher la case à côté de Champs personnalisés et les désactiver dans ce cas en décochant la case. Les champs personnalisés vous permettent d'ajouter des métadonnées au champ même si vous le masquez, mais vous devrez utiliser ce plugin pour tous les champs.

Comment ajouter un champ personnalisé à un menu dans WordPress ?

Sous les règles de localisation, sélectionnez l'élément "Menu". Veuillez mettre à jour les champs une fois que vous avez suivi les instructions. Le nouveau champ que vous avez créé peut être visualisé à partir du menu WordPress dans la zone d'administration après avoir publié le champ. J'étais à peu près sûr de pouvoir le faire.

Comment ajouter un champ méta personnalisé dans WordPress sans plugin

L'ajout de champs méta personnalisés à un site WordPress peut se faire sans plugin en ajoutant quelques lignes de code au fichier functions.php.
La première étape consiste à créer une nouvelle fonction qui ajoutera le nouveau champ à l'écran d'édition pour le type de message souhaité. Dans cet exemple, nous allons ajouter un nouveau champ à l'écran d'édition de publication :
function ma_custom_meta_box() {
add_meta_box(
'ma-méta-box',
'Ma Meta Box',
'ma_meta_box_callback',
'Publier',
'Ordinaire',
'haute'
);
}
add_action( 'add_meta_boxes', 'my_custom_meta_box' );
La fonction my_custom_meta_box() crée une nouvelle méta-boîte avec l'identifiant de "my-meta-box". La méta-boîte aura pour titre "Ma méta-boîte" et utilisera la fonction de rappel my_meta_box_callback(). La boîte méta sera ajoutée à l'écran d'édition de publication et sera positionnée sous l'éditeur de contenu de publication (la position "normale" avec une priorité "élevée").
Ensuite, nous devons écrire la fonction de rappel qui produira le code HTML de la méta-boîte. Cette fonction prendra l'objet post comme seul argument :
function my_meta_box_callback( $post ) {
// Sortie HTML pour la méta-boîte
}
Dans la fonction de rappel, nous pouvons générer le code HTML de notre méta-boîte. Dans cet exemple, nous allons créer un champ de saisie de texte pour notre meta box :
function my_meta_box_callback( $post ) {
// Ajoutez un champ nonce afin que nous puissions le vérifier plus tard.
wp_nonce_field( 'my_meta_box', 'my_meta_box_nonce' );
/*
* Utilisez get_post_meta() pour récupérer une valeur existante
* de la base de données et utilisez la valeur pour le formulaire.
*/
$value = get_post_meta( $post->ID, '_my_meta_value_key', true );
echo ' ';
_e( 'Mon champ méta', 'my_textdomain' );
écho '

Vous pouvez masquer l'option des champs personnalisés dans l'écran de post-édition tant que vous ne l'activez pas. Vous devez accéder au menu à trois points dans le coin supérieur droit de l'écran et sélectionner "Options", qui peut être consulté ici. L'édition de fichiers de thème est quelque chose que les utilisateurs doivent connaître avant de commencer ce didacticiel. Vous devez modifier vos fichiers de thème WordPress afin d'afficher le champ personnalisé sur votre site Web. WordPress affiche automatiquement 30 types de champs personnalisés différents pour ce formulaire. Comme solution, créez un plugin spécifique au site ou un fichier function.php qui inclut le code suivant. Si vous avez des champs personnalisés WordPress ou plusieurs utilisateurs qui écrivent sur votre site, cette solution peut ne pas être appropriée.

La méthode la plus simple consiste à utiliser le plugin Advanced Custom Fields. L'outil vous permet de créer une variété de champs, y compris du texte, des images et des menus déroulants. Nous avons défini le dernier paramètre de la fonction get_post_meta sur faux dans cet exemple. Cette méthode renvoie les données sous forme de tableau, avec une boucle foreach affichée à l'écran. Il est possible de réutiliser des champs personnalisés dans le même article pour ajouter plusieurs valeurs. Pour afficher toutes les valeurs des champs personnalisés, le code doit être modifié. Vous pouvez sélectionner des clés et des valeurs personnalisées pour les publications dans WordPress.

Lorsque vous créez un champ personnalisé pour un auteur invité sur un blog ou un site d'actualités, saisissez le nom de l'auteur invité. Le plugin Co-Authors vous permet d'afficher des pages co-écrites. Nous avons rédigé un guide étape par étape sur la façon d'ajouter plusieurs auteurs à un article WordPress. La barre latérale de la publication ou de la page que vous souhaitez modifier doit être modifiée et un champ personnalisé doit y être ajouté. Les champs personnalisés vous permettent d'ajouter du contenu personnalisé à votre flux RSS WordPress ainsi que de le manipuler. Lorsque vous incluez WPbpage comme champ personnalisé de votre barre latérale, par exemple, le code recherchera un fichier sidebar-wpbpage.html. En configurant les champs personnalisés dans WordPress, vous pouvez définir la date d'expiration des publications.

Ceci est particulièrement utile dans les situations où vous avez l'intention de publier uniquement du contenu pendant une durée limitée, comme lorsque vous effectuez des sondages. Dois-je utiliser CSS pour modifier l'apparence des publications individuelles ? WordPress vous attribuera une classe spécifique pour chaque publication, afin que vous puissiez créer votre propre CSS. Vous pouvez ajouter vos propres classes personnalisées aux champs personnalisés, puis styliser les publications avec elles. Vous pouvez voir votre classe CSS de champ personnalisé ajoutée à une post-classe en inspectant le code source de la publication à l'aide de l'outil Inspect. En utilisant cette classe CSS, vous pouvez ajouter du CSS personnalisé et styliser votre message à l'aide de CSS personnalisé.

Comment afficher la valeur d'un champ personnalisé dans WordPress

Il existe plusieurs façons d'afficher des valeurs de champ personnalisées dans WordPress. Une façon consiste à utiliser un plugin comme Advanced Custom Fields, qui vous permettra de créer des champs personnalisés, puis de les afficher sur votre site à l'aide d'un shortcode. Une autre méthode consiste à modifier vos fichiers de thème et à ajouter un peu de code pour afficher les valeurs des champs personnalisés.

Pour ajouter des champs personnalisés à votre site WordPress, utilisez les fonctionnalités de WordPress. Vous pourrez fournir des informations supplémentaires sur votre contenu grâce à l'ajout de champs personnalisés. Dans ce didacticiel, vous apprendrez à utiliser le code et les modèles Swift pour créer des champs personnalisés. Il vous présente un outil qui vous permet d'accomplir cela sans écrire une seule ligne de code. Certains champs personnalisés ont été définis pour notre section Livres favoris. Le titre et le lien dans le livre, la description du livre et la couverture ont tous des champs de saisie normaux. Ces champs personnalisés peuvent désormais être ajoutés à des publications et pages existantes ou nouvelles dans un format facilement consultable.

Dans la métabox Swift Templates, cochez la case à côté du bouton « Use template on this post ». Si vous n'avez pas de code HTML, nous devrons l'ajouter. Lorsque vous cliquez sur les champs personnalisés, ils apparaissent sur la page et vous pouvez les styliser à l'aide de CSS.

WordPress Afficher le champ personnalisé dans la liste des articles

Si vous souhaitez afficher une valeur de champ personnalisé dans la liste des publications WordPress, vous devez d'abord modifier la publication et y ajouter le champ personnalisé. Une fois que vous avez enregistré le champ personnalisé, vous pouvez ensuite modifier le fichier de modèle de liste de publications et ajouter le code suivant :
ID, 'nom_champ_personnalisé', vrai ); ? >
Cela affichera la valeur du champ personnalisé dans la liste des publications.

Les champs personnalisés WordPress ne s'affichent pas

Si vous rencontrez des difficultés pour faire apparaître des champs personnalisés dans votre publication WordPress, vous pouvez vérifier certaines choses. Tout d'abord, assurez-vous que vous avez sélectionné le bon type de champ dans le menu déroulant de l'éditeur de champ personnalisé. Ensuite, cochez la case à côté de "Afficher sur le post" dans l'écran de configuration du champ. Enfin, si vous rencontrez toujours des problèmes, essayez de vider le cache et les cookies de votre navigateur.

Les champs personnalisés sont une fonctionnalité WordPress qui vous permet d'ajouter des informations supplémentaires à vos publications WordPress. Ces informations supplémentaires, également appelées métadonnées, incluent le nom, la date et l'heure de l'auteur. Les deux principales raisons pour lesquelles vous ne les voyez peut-être pas dans vos messages sont que vous ne voulez pas les faire disparaître ou que vous ne voulez pas vous donner la peine de résoudre le problème. Si vous n'êtes pas sûr d'activer cette fonctionnalité dans vos options d'écran, ne déposez pas de message personnalisé dans votre message. Il est possible qu'un plug-in de champ personnalisé avancé soit installé et activé. S'il s'agit d'une question que vous souhaitez résoudre, veuillez suivre les instructions de dépannage ci-dessous. Vous pouvez presque certainement vous en sortir avec la mise à jour vers la version la plus récente d'Elementor et découvrir qu'il y a un bogue qui vous empêche d'utiliser un champ personnalisé dans votre éditeur de contenu.

Même les débutants de WordPress peuvent résoudre ce problème. J'ai encore des questions sur les champs personnalisés WordPress. Pouvez-vous s'il vous plaît me donner quelques idées? Pour entrer en contact, veuillez utiliser la section des commentaires ci-dessous.

Champ personnalisé WordPress

Les champs personnalisés, également connus sous le nom de post meta, sont une fonctionnalité de WordPress qui vous permet d'ajouter des informations supplémentaires à vos publications. Ils peuvent être utilisés pour ajouter des notes, des liens, des images et d'autres médias à vos publications. Les champs personnalisés sont gérés via le menu Champs personnalisés dans l'administrateur WordPress.

Pour ajouter des métadonnées supplémentaires à une publication ou à une page, vous pouvez utiliser WP Custom Fields. Ils peuvent être ajoutés manuellement ou via l'utilisation d'un plugin dédié. Nous verrons ce que sont les champs personnalisés et comment les ajouter à votre contenu dans cet article. Vous pouvez également utiliser l'édition manuelle ou un plug-in pour créer vos propres champs personnalisés dans cette leçon. Avec le plugin WordPress.com Advanced Custom Fields, vous pouvez rapidement et facilement ajouter 30 types de champs personnalisés différents. Un nouveau groupe de champs peut être créé en cliquant sur le bouton Ajouter nouveau en haut de l'écran. Lorsque vous cliquez dessus, le groupe de champs que vous avez créé apparaît automatiquement dans la liste.

Ouvrez l'éditeur de publication WordPress dès que votre champ est prêt. Il apparaîtra dès que vous cliquerez sur le champ personnalisé de l'éditeur de texte. Pour afficher les champs personnalisés sur le front-end du site Web, vous devez d'abord modifier le fichier de thème. Vous pouvez en savoir plus sur ce processus plus loin dans l'article. Les champs personnalisés ne sont pas visibles dans WordPress pour le moment. De plus, des types de champs personnalisés par défaut sont disponibles, mais de nouveaux types peuvent être ajoutés dans les pods. Il est nécessaire d'éditer les fichiers de thème afin d'afficher les informations sur le front-end du site Web.

Ce didacticiel vous expliquera comment accéder aux fichiers directement à partir du tableau de bord. Vous devez ajouter votre code à la boucle WordPress. Le code de la boucle peut varier selon votre thème. WordPress est chargé de rechercher des articles avec des champs personnalisés dans le code. Ces balises de modèle peuvent être utilisées pour personnaliser la fonction de champs personnalisés. Une publication ou une page dans WordPress comprend des fonctionnalités avancées qui permettent aux utilisateurs d'y ajouter des informations. Par conséquent, nous avons inclus un guide étape par étape pour activer la fonctionnalité de champ personnalisé, qui est actuellement masquée par défaut. Nous avons également couvert les étapes nécessaires pour créer et utiliser des champs personnalisés dans WordPress en plus de cela.

Des informations supplémentaires peuvent être fournies aux utilisateurs lorsqu'ils remplissent des formulaires à l'aide de champs personnalisés. Si vous avez un champ personnalisé pour le nom d'un utilisateur, par exemple, vous pouvez inclure une liste d'options afin que l'utilisateur puisse remplir ce champ. Les champs personnalisés facilitent l'affichage de divers types d'informations à différents utilisateurs.
Les utilisateurs qui ont besoin d'informations supplémentaires lorsqu'ils remplissent des formulaires ou créent du contenu personnalisé trouveront les champs personnalisés de WordPress utiles.