{"id":30834,"date":"2019-09-03T06:49:25","date_gmt":"2019-09-03T13:49:25","guid":{"rendered":"https:\/\/kinsta.com\/?p=48437"},"modified":"2023-10-04T11:45:06","modified_gmt":"2023-10-04T10:45:06","slug":"advanced-custom-fields","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/advanced-custom-fields\/","title":{"rendered":"Tutoriel sur Advanced Custom Fields : Votre guide ultime"},"content":{"rendered":"<p>Les champs personnalis\u00e9s WordPress sont une partie importante de ce qui fait de WordPress un outil <a href=\"https:\/\/kinsta.com\/fr\/blog\/systeme-gestion-contenu\/\">de gestion de contenu<\/a> flexible plut\u00f4t qu&rsquo;une \u00ab\u00a0simple plateforme de blog\u00a0\u00bb.<\/p>\n<p>Lorsqu&rsquo;il s&rsquo;agit de champs personnalis\u00e9s WordPress, l\u2019extension <strong>Advanced Custom Fields<\/strong> est l&rsquo;un des noms les plus connus. Il est plus facile de travailler avec des champs personnalis\u00e9s dans tous les aspects, et c&rsquo;est aussi le sujet de notre article d&rsquo;aujourd&rsquo;hui.<\/p>\n<p>Plus pr\u00e9cis\u00e9ment, nous vous expliquerons pourquoi Advanced Custom Fields avanc\u00e9s est si pr\u00e9cieux, puis nous vous montrerons \u00e9tape par \u00e9tape comment vous pouvez l\u2019appliquer \u00e0 votre site WordPress.<\/p>\n<p>Voici tout ce que vous trouverez dans cet article :<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<p>Il y a beaucoup \u00e0 couvrir, alors plongeons&#8230;<\/p>\n\n<div  class=\"featured-snippet\" id=\"featuredSnippet\">\n    <div class=\"featured-snippet__content\">\n        <h2>Qu&#039;est-ce que l\u2019extension Advanced Custom Fields ?<\/h2>\n        <div><p>D\u00e9velopp\u00e9e par Elliot Condon, Advanced Custom Fields &#8211; souvent abr\u00e9g\u00e9e en ACF &#8211; est une extension WordPress qui vous permet d&rsquo;ajouter et de g\u00e9rer des champs personnalis\u00e9s WordPress \u00e0 un site. Elle est disponible \u00e0 la fois sous forme d\u2019extension gratuite et payante, appel\u00e9e ACF PRO, \u00e0 partir de 25$ pour les mises \u00e0 jour \u00e0 vie et pour 1 site.<\/p>\n<\/div>\n    <\/div>\n    <div class=\"featured-snippet__footer\">\n        <div class=\"arrow-down\"><\/div>\n        <div class=\"featured-snippet__footer--content row nocol middle-xs between-xs reverse\">\n            <div style=\"margin-left: auto; position: relative; top: -1px\" class=\"row nocol middle-xs\">\n                <div class=\"color--mediumGray\" style=\"font-size: 14px; vertical-align: middle;\">\n                    <svg  class=\"icon icon--logo display--block\" aria-hidden=\"true\" focusable=\"false\"><use xlink:href=\"https:\/\/kinsta.com\/fr\/wp-content\/themes\/kinsta\/dist\/sprite.svg?v=e8af2143e3b8bceb5561b327e81ec085#logo\" \/><\/svg>                <\/div>\n                <div class=\"text--bold color--mediumGray\" style=\"padding-left: 3px;\">Support<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<h2 id=\"what\">Que sont les champs personnalis\u00e9s WordPress ? Que vous permettent-ils faire ?<\/h2>\n<p>Les champs personnalis\u00e9s WordPress vous permettent d&rsquo;ajouter, de stocker et d&rsquo;afficher des informations suppl\u00e9mentaires sur un \u00e9l\u00e9ment de contenu dans WordPress. D&rsquo;un point de vue plus technique, les champs personnalis\u00e9s vous aident \u00e0 stocker les m\u00e9tadonn\u00e9es.<\/p>\n<p>M\u00eame si vous n&rsquo;\u00eates pas familier avec ce terme, les champs personnalis\u00e9s alimentent une grande partie des fonctionnalit\u00e9s de vos extensions et th\u00e8mes favoris.<\/p>\n<p>Par exemple,<a href=\"https:\/\/kinsta.com\/fr\/blog\/tutoriel-woocommerce\/\"> WooCommerce<\/a>, la fa\u00e7on la plus populaire de construire une boutique eCommerce, utilise des champs personnalis\u00e9s pour stocker des informations suppl\u00e9mentaires sur un produit comme :<\/p>\n<ul>\n<li>Prix<\/li>\n<li>Poids<\/li>\n<li>Couleur<\/li>\n<\/ul>\n<p>Ou, si vous avez <a href=\"https:\/\/kinsta.com\/fr\/blog\/plugins-evenements-wordpress\/\">une extension<\/a>\u00a0WordPress de calendrier d&rsquo;\u00e9v\u00e9nements, cette extension utilisera des champs personnalis\u00e9s pour stocker des informations suppl\u00e9mentaires sur un \u00e9v\u00e9nement tel que :<\/p>\n<ul>\n<li>Lieu<\/li>\n<li>Heure de d\u00e9but\/fin<\/li>\n<li>Prix<\/li>\n<\/ul>\n<p>Vous pouvez \u00e9galement cr\u00e9er vos propres champs personnalis\u00e9s pour stocker des informations pertinentes \u00e0 vos besoins uniques, ce qui est l&rsquo;objet de l&rsquo;article.<\/p>\n\n<h3>Quand devriez-vous utiliser les champs personnalis\u00e9s ?<\/h3>\n<p>Maintenant, vous vous demandez peut-\u00eatre pourquoi vous avez besoin de champs personnalis\u00e9s.<\/p>\n<p>Par exemple, si vous voulez publier un \u00e9v\u00e9nement sur votre site WordPress, ne pourriez-vous pas simplement mettre toutes ces informations sous forme de texte dans l&rsquo;\u00e9diteur de WordPress ?<\/p>\n<p>Eh bien oui, vous pourriez. Mais l&rsquo;utilisation de champs personnalis\u00e9s est une meilleure approche pour plusieurs raisons :<\/p>\n<ul>\n<li><strong>Saisie plus facile<\/strong> &#8211; plut\u00f4t que de taper les donn\u00e9es \u00e0 partir de z\u00e9ro, un groupe de champs personnalis\u00e9 bien con\u00e7u facilitera grandement la saisie des donn\u00e9es. Par exemple, au lieu de taper une date, vous pouvez simplement s\u00e9lectionner la date dans un s\u00e9lecteur de date.<\/li>\n<li><strong>Coh\u00e9rence<\/strong> &#8211; les informations que vous saisissez dans vos champs personnalis\u00e9s s&rsquo;afficheront toujours en fonction de votre configuration, ce qui signifie qu&rsquo;elles seront coh\u00e9rentes sur tout votre site.<\/li>\n<li><strong>Mises \u00e0 jour et maintenance faciles<\/strong> &#8211; si vous voulez changer quelque chose \u00e0 propos de l&rsquo;affichage de ces informations \u00e0 l&rsquo;avenir, vous pouvez simplement mettre \u00e0 jour une chose plut\u00f4t que d&rsquo;avoir \u00e0 modifier chaque article individuellement.<\/li>\n<\/ul>\n<h3>WordPress inclut une fonctionnalit\u00e9 int\u00e9gr\u00e9e de champs personnalis\u00e9s<\/h3>\n<p>WordPress inclut en fait une fonctionnalit\u00e9 int\u00e9gr\u00e9e pour ajouter des champs personnalis\u00e9s \u00e0 votre contenu. Dans l&rsquo;\u00e9diteur<a href=\"https:\/\/kinsta.com\/fr\/blog\/editeur-wordpress-tinymce\/\"> classique TinyMCE<\/a>, vous pouvez l&rsquo;activer \u00e0 partir de la zone<strong> Options de l&rsquo;\u00e9cran. <\/strong>Ou, dans <a href=\"https:\/\/kinsta.com\/fr\/blog\/editeur-wordpress-gutenberg\/\">le nouvel \u00e9diteur de bloc <\/a>vous pouvez l&rsquo;activer \u00e0 partir de la zone<strong> Options\u00a0:<\/strong><\/p>\n<figure style=\"width: 2230px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/06\/acceder-custom-fields-editeur-3.png\" alt=\"Comment acc\u00e9der aux champs personnalis\u00e9s dans l'\u00e9diteur de blocs\" width=\"2230\" height=\"1391\"><figcaption class=\"wp-caption-text\">Comment acc\u00e9der aux champs personnalis\u00e9s dans l&rsquo;\u00e9diteur de blocs<\/figcaption><\/figure>\n<p>Vous pouvez ensuite saisir vos donn\u00e9es de zones personnalis\u00e9es \u00e0 l&rsquo;aide de combinaisons cl\u00e9\/valeur :<\/p>\n<figure style=\"width: 2220px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/06\/advanced-custom-fields-tutoriel-4.png\" alt=\"La fonctionnalit\u00e9 int\u00e9gr\u00e9e de champs personnalis\u00e9s WordPress\" width=\"2220\" height=\"1375\"><figcaption class=\"wp-caption-text\">La fonctionnalit\u00e9 int\u00e9gr\u00e9e de champs personnalis\u00e9s WordPress<\/figcaption><\/figure>\n<p>Cette fonctionnalit\u00e9 native de champs personnalis\u00e9s est totalement fonctionnelle, mais ce n&rsquo;est pas la fa\u00e7on la plus conviviale de faire les choses, c&rsquo;est pourquoi beaucoup de gens se tournent vers l\u2019extension Advanced Custom Fields.<\/p>\n<h2 id=\"acf\">Advanced Custom Fields facilite grandement la t\u00e2che<\/h2>\n<p>En termes simples,<a href=\"https:\/\/www.advancedcustomfields.com\/\"> Advanced Custom Fields<\/a> facilite grandement le travail avec les champs personnalis\u00e9s dans WordPress pour&#8230; pratiquement tous les aspects.<\/p>\n<p>Il simplifie l&rsquo;interface d&rsquo;ajout et de gestion des champs personnalis\u00e9s dans votre tableau de bord WordPress et simplifie \u00e9galement le processus d&rsquo;affichage des informations des champs personnalis\u00e9s sur l\u2019interface publique de votre site. Rien que ce fait ne fait explique pourquoi il est <strong>actif sur plus d&rsquo;un million de sites <\/strong>avec une <strong>note de 4,9 \u00e9toiles sur plus de 1.000 avis<\/strong>.<\/p>\n<p>Dans l\u2019administration, il vous permettra de cr\u00e9er des bo\u00eetes m\u00e9ta conviviales qui incluent des types de champs pr\u00e9s\u00e9lectionn\u00e9s. Ainsi, plut\u00f4t que cette interface de paire cl\u00e9-valeur g\u00e9n\u00e9rique (comme celles que vous avez vues ci-dessus), vous pourrez utiliser des s\u00e9lecteurs de date, des cases \u00e0 cocher, et plus encore comme ceci :<\/p>\n<figure style=\"width: 2262px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/06\/advanced-custom-fields-tutoriel-13.png\" alt=\"Advanced Custom Fields dans l'\u00e9diteur de blocs\" width=\"2262\" height=\"1388\"><figcaption class=\"wp-caption-text\">Advanced Custom Fields dans l&rsquo;\u00e9diteur de blocs<\/figcaption><\/figure>\n<p>Au total, Advanced Custom Fields offre plus de 30 types de champs diff\u00e9rents que vous pouvez ajouter \u00e0 n&rsquo;importe quelle zone de votre tableau de bord, y compris les articles, les utilisateurs, les taxonomies, les m\u00e9dias, les commentaires et m\u00eame les pages d\u2019options.<\/p>\n<p>Vous pouvez<a href=\"https:\/\/www.advancedcustomfields.com\/resources\/#field-types\"> voir des informations d\u00e9taill\u00e9es sur chaque type de champ ici<\/a>.<\/p>\n<p>Advanced Custom Fields facilite \u00e9galement l&rsquo;affichage de ces informations, avec des fonctions bien document\u00e9es, des codes courts, des blocs Gutenberg, etc.<\/p>\n<p>Ou, vous pouvez trouver des int\u00e9grations avec d&rsquo;autres outils, comme certains<a href=\"https:\/\/kinsta.com\/fr\/blog\/constructeurs-pages-wordpress\/\"> des constructeurs de pages WordPress<\/a> en glisser-d\u00e9poser.<\/p>\n<h3>Advanced Custom Fields Gratuit vs Pro : De quelle version avez-vous besoin ?<\/h3>\n<p>Advanced Custom Fields est disponible en version gratuite et en version payante abordable.<\/p>\n<p>Pour la plupart des utilisations de base, la version gratuite est tout \u00e0 fait satisfaisante. Elle vous donne acc\u00e8s \u00e0 presque tous les types de champs, ainsi qu&rsquo;\u00e0 toutes les fonctions conviviales et permettant de gagner du temps d\u00e9crites ci-dessus.<\/p>\n<p>Si vous voulez juste stocker quelques informations suppl\u00e9mentaires sur votre contenu, la version gratuite est tout ce dont vous avez besoin.<\/p>\n<p>Ceci \u00e9tant dit, la version Pro ajoute des fonctionnalit\u00e9s assez pratiques qui vous aident \u00e0 utiliser Advanced Custom Fields de mani\u00e8re plus int\u00e9ressante :<\/p>\n<ul>\n<li><strong>R\u00e9p\u00e9teur de champs<\/strong> &#8211; ils vous permettent de r\u00e9p\u00e9ter certains champs\/groupes de champs sur une base d\u2019article \u00e0 article. Par exemple, si vous ajoutez des informations sur un orateur \u00e0 un \u00e9v\u00e9nement, un r\u00e9p\u00e9teur de champ vous aiderait \u00e0 g\u00e9rer la situation o\u00f9 il y a plus d&rsquo;un orateur (<i>vous pourriez simplement \u00ab\u00a0r\u00e9p\u00e9ter\u00a0\u00bb les champs pour l&rsquo;orateur autant de fois que n\u00e9cessaire, ce qui vous permet de g\u00e9rer les cas extr\u00eames o\u00f9 il existe plusieurs orateurs<\/i>).<\/li>\n<li><strong>Blocs ACF<\/strong> &#8211; affichez vos champs comme un bloc Gutenberg, plut\u00f4t que comme une bo\u00eete m\u00e9ta. Ceci est particuli\u00e8rement pratique si vous construisez un site pour un client et que vous voulez lui donner un moyen facile de saisir et de visualiser des donn\u00e9es de champs personnalis\u00e9es.<\/li>\n<li><strong>Champ de contenu flexible<\/strong> &#8211; cr\u00e9ez des mises en page \u00e0 partir d&rsquo;autres champs. C&rsquo;est un peu comme un constructeur de page l\u00e9ger bas\u00e9 sur des informations de champ personnalis\u00e9.<\/li>\n<li><strong>Champ de galerie<\/strong> &#8211; t\u00e9l\u00e9versez plusieurs images dans un seul champ.<\/li>\n<\/ul>\n<p>Il y a aussi d&rsquo;autres diff\u00e9rences, comme les pages d&rsquo;options, la possibilit\u00e9 de cloner des champs, l&rsquo;am\u00e9lioration des champs de relation et d&rsquo;autres petites modifications.<\/p>\n<p>Vous pouvez<a href=\"https:\/\/www.advancedcustomfields.com\/pro\/\"> voir toutes les fonctionnalit\u00e9s d&rsquo;ACF PRO ici<\/a>.<\/p>\n<p>ACF PRO est disponible \u00e0 partir de 25$ pour une utilisation \u00e0 <strong>vie<\/strong> sur un seul site. Ou, vous pouvez payer 100$ pour une utilisation \u00e0<strong> vie<\/strong> sur un nombre illimit\u00e9 de sites.<\/p>\n<p>En cas de doute, commencez par la version gratuite jusqu&rsquo;\u00e0 ce que vous sachiez exactement de quelle fonctionnalit\u00e9 vous avez besoin. Vous pouvez toujours effectuer une mise \u00e0 niveau plus tard si n\u00e9cessaire.<\/p>\n<h2 id=\"tutorial\">Tutoriel Advanced Custom Fields : Comment ajouter vos champs<\/h2>\n<p>Creusons maintenant dans le tutoriel d\u2019Advanced Custom Fields et je vais vous montrer comment cr\u00e9er et afficher votre premier ensemble de champs personnalis\u00e9s.<\/p>\n<p>Pour cet exemple, disons que <a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-monetiser-un-blog\/\">vous avez un blog<\/a> sur la course \u00e0 pied. Vous aimez&#8230; vraiment la course \u00e0 pied et vous voulez partager vos entra\u00eenements quotidiens avec vos lecteurs. Plus pr\u00e9cis\u00e9ment, avec chaque article de blog, vous voulez partager une course \u00e0 pied :<\/p>\n<ul>\n<li><strong>Objectif<\/strong> &#8211; disons que vous avez deux types diff\u00e9rents de course \u00e0 pied : \u00ab\u00a0travail rapide\u00a0\u00bb et \u00ab\u00a0conditionnement\u00a0\u00bb.<\/li>\n<li><strong>Distance<\/strong> &#8211; combien de temps votre course a dur\u00e9.<\/li>\n<li><strong>Heure de d\u00e9but<\/strong> &#8211; quand vous avez commenc\u00e9 votre course.<\/li>\n<li><strong>Heure de fin<\/strong> &#8211; quand vous avez termin\u00e9 votre course.<\/li>\n<li><strong>Lieu<\/strong> &#8211; l&rsquo;endroit o\u00f9 votre course a eu lieu.<\/li>\n<\/ul>\n<p>Pour recueillir ces informations, vous voudrez ajouter cinq champs personnalis\u00e9s.<\/p>\n<p>Il est important de noter que les principes que vous apprendrez dans ce tutoriel sur avanc\u00e9 sur les champs personnalis\u00e9s s&rsquo;appliquent \u00e0 tous les cas d&rsquo;utilisation. Nous choisissons simplement un exemple pr\u00e9cis parce qu&rsquo;il est utile d&rsquo;avoir un exemple concret.<\/p>\n<p>Nous allons diviser ce tutoriel en deux parties :<\/p>\n<ol>\n<li>Comment ajouter et g\u00e9rer vos champs personnalis\u00e9s dans l\u2019administration.<\/li>\n<li>Comment afficher les informations des champs personnalis\u00e9s sur l\u2019interface publique de votre site.<\/li>\n<\/ol>\n<h3>1. Cr\u00e9er un nouveau groupe de champs<\/h3>\n<p>Une fois que vous avez install\u00e9 et activ\u00e9 la fonction <a href=\"https:\/\/wordpress.org\/plugins\/advanced-custom-fields\/\">version gratuite<\/a> de Advanced Custom Fields depuis WordPress.org, allez dans <strong>Champs personnalis\u00e9s &gt; Ajouter un nouveau <\/strong>pour cr\u00e9er votre premier <strong>groupe de champs.<\/strong><\/p>\n<p>Comme son nom l&rsquo;indique, un \u00ab Groupe de champs \u00bb est un groupe d&rsquo;un ou plusieurs champs personnalis\u00e9s qui sont affich\u00e9s ensemble dans votre\u00a0<a href=\"https:\/\/kinsta.com\/fr\/blog\/tableau-de-bord-admin-wordpress\/\">Tableau de bord WordPress<\/a>.<\/p>\n<p>Pour cet exemple, vous allez cr\u00e9er un groupe de champs qui contient cinq champs personnalis\u00e9s.<\/p>\n<p>Donnez un nom \u00e0 votre groupe de champs, puis s\u00e9lectionnez son <strong>emplacement<\/strong>. Pour cet exemple, nous voulons afficher ces champs personnalis\u00e9s pour les articles normaux de blog WordPress, afin que vous puissiez les laisser comme <strong>articles<\/strong> par d\u00e9faut.<\/p>\n<p>Toutefois, si vous souhaitez afficher vos champs personnalis\u00e9s ailleurs, par exemple \u00e0 c\u00f4t\u00e9 d&rsquo;un type de publication personnalis\u00e9 ou avec une taxonomie, vous aller vouloir changer ceci. Vous pouvez \u00e9galement configurer plusieurs r\u00e8gles pour afficher vos champs \u00e0 plusieurs endroits :<\/p>\n<figure style=\"width: 1917px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/06\/advanced-custom-fields-tutoriel-5.png\" alt=\"Cr\u00e9er un nouveau groupe de champs ACF\" width=\"1917\" height=\"1262\"><figcaption class=\"wp-caption-text\">Cr\u00e9er un nouveau groupe de champs ACF<\/figcaption><\/figure>\n<h3>2. Ajouter des champs personnalis\u00e9s<\/h3>\n<p>Ensuite, cliquez sur le bouton<strong> + Ajouter un champ<\/strong> pour ajouter votre premier champ personnalis\u00e9 :<\/p>\n<figure style=\"width: 1580px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/06\/advanced-custom-fields-tutoriel-6.png\" alt=\"Ajouter un nouveau champ\" width=\"1580\" height=\"557\"><figcaption class=\"wp-caption-text\">Ajouter un nouveau champ<\/figcaption><\/figure>\n<p>Cela ouvrira beaucoup d&rsquo;options, mais vous n&rsquo;avez pas n\u00e9cessairement besoin de tout remplir.<\/p>\n<p>Les deux choix les plus importants sont :<\/p>\n<ul>\n<li><strong>Libell\u00e9 du champ<\/strong> &#8211; c&rsquo;est ce qui appara\u00eetra dans l&rsquo;\u00e9diteur. Il sera \u00e9galement utilis\u00e9 pour g\u00e9n\u00e9rer le nom du champ, qui est ce que vous utiliserez dans le code. Vous n&rsquo;avez pas besoin de changer le nom du champ (mais vous pouvez le faire si n\u00e9cessaire).<\/li>\n<li><strong>Type de champ <\/strong>&#8211; il s&rsquo;agit du type d&rsquo;information que vous voulez recueillir. Par exemple, vous souhaitez qu&rsquo;un champ <strong>Num\u00e9ro<\/strong> recueille des informations sur le num\u00e9ro ou qu\u2019un champ<strong> E-mail<\/strong> recueille une adresse e-mail.<\/li>\n<\/ul>\n<p>Pour ce premier champ, vous voudriez un type de champ de<strong> bouton radio :<\/strong><\/p>\n<figure style=\"width: 1608px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/06\/advanced-custom-fields-tutoriel-7.png\" alt=\"Configuration d'un champ\" width=\"1608\" height=\"1024\"><figcaption class=\"wp-caption-text\">Configuration d&rsquo;un champ<\/figcaption><\/figure>\n<p>Plus bas, vous pouvez saisir les options de s\u00e9lection des boutons radio dans la case<strong> Choix :<\/strong><\/p>\n<figure style=\"width: 1610px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/06\/advanced-custom-fields-tutoriel-8.png\" alt=\"Saisissez les options de la bo\u00eete radio\" width=\"1610\" height=\"784\"><figcaption class=\"wp-caption-text\">Saisissez les options de la bo\u00eete radio<\/figcaption><\/figure>\n<p>Vous pouvez \u00e9galement faire un certain nombre d&rsquo;autres choix, par exemple si un champ est obligatoire ou non et une valeur par d\u00e9faut. N&rsquo;h\u00e9sitez pas \u00e0 les configurer selon vos besoins.<\/p>\n<p>Prenons un autre exemple : un champ personnalis\u00e9 pour collecter la distance de la course. Cette fois, vous voudrez un type de champ<strong> Nombre :<\/strong><\/p>\n<figure style=\"width: 1611px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/06\/advanced-custom-fields-tutoriel-9.png\" alt=\"Cr\u00e9ation d'un champ num\u00e9rique\" width=\"1611\" height=\"1127\"><figcaption class=\"wp-caption-text\">Cr\u00e9ation d&rsquo;un champ num\u00e9rique<\/figcaption><\/figure>\n<p>Vous pourriez aussi rendre les choses un peu plus conviviales en choisissant d&rsquo;<strong>ajouter l&rsquo;<\/strong>unit\u00e9 de distance. Et si vous le souhaitez, vous pouvez \u00e9galement ajouter une validation avec une <strong>valeur minimum<\/strong> et une <strong>valeur maximum<\/strong>. Par exemple, vous n&rsquo;allez probablement pas faire des courses de 1000 milles (et si vous le faites&#8230; OMG, vous \u00eates Forrest Gump) !<\/p>\n<figure style=\"width: 1608px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/06\/advanced-custom-fields-tutoriel-10.png\" alt=\"Plus de r\u00e9glages de champ\" width=\"1608\" height=\"958\"><figcaption class=\"wp-caption-text\">Plus de r\u00e9glages de champ<\/figcaption><\/figure>\n<p>R\u00e9p\u00e9tez simplement le processus pour tous les autres champs personnalis\u00e9s que vous souhaitez collecter. Une fois termin\u00e9, cela devrait ressembler \u00e0 ceci :<\/p>\n<figure style=\"width: 1607px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/06\/advanced-custom-fields-tutoriel-11.png\" alt=\"5 champs ACF diff\u00e9rents\" width=\"1607\" height=\"940\"><figcaption class=\"wp-caption-text\">5 champs ACF diff\u00e9rents<\/figcaption><\/figure>\n<h3>3. Configurer les r\u00e9glages et publier<\/h3>\n<p>Pour terminer, faites d\u00e9filer vers le bas jusqu&rsquo;\u00e0 la case<strong> R\u00e9glages. <\/strong>Ici, vous pouvez contr\u00f4ler l&rsquo;affichage de vos zones dans l\u2019<a href=\"https:\/\/kinsta.com\/fr\/?s=wordpress+editor\">\u00e9diteur WordPress<\/a>.<\/p>\n<p>La plupart du temps, vous pouvez les laisser comme valeurs par d\u00e9faut. Mais n&rsquo;h\u00e9sitez pas \u00e0 changer les choses si vous voulez. Par exemple, vous pouvez choisir d&rsquo;afficher vos champs personnalis\u00e9s au-dessus de l&rsquo;\u00e9diteur WordPress :<\/p>\n<figure style=\"width: 1616px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/06\/advanced-custom-fields-tutoriel-12.png\" alt=\"Configuration des r\u00e9glages du groupe de champs ACF\" width=\"1616\" height=\"1143\"><figcaption class=\"wp-caption-text\">Configuration des r\u00e9glages du groupe de champs ACF<\/figcaption><\/figure>\n<p>Une fois que vous avez fait vos choix, <strong>publiez<\/strong> votre groupe de champs.<\/p>\n<h3>4. Ajouter des informations dans l&rsquo;\u00e9diteur WordPress<\/h3>\n<p>Une fois que vous avez publi\u00e9 votre groupe de champs, vous verrez vos champs appara\u00eetre lorsque vous allez cr\u00e9er un nouvel article.<\/p>\n<p>Par d\u00e9faut, ils appara\u00eetront ensemble sous l&rsquo;\u00e9diteur dans l&rsquo;\u00e9diteur TinyMCE classique et dans le nouvel \u00e9diteur de blocs :<\/p>\n<figure id=\"attachment_48452\" aria-describedby=\"caption-attachment-48452\" style=\"width: 2262px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-48452\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2019\/06\/advanced-custom-fields-tutorial-13.png\" alt=\"Advanced Custom Fields dans l'\u00e9diteur de blocs\" width=\"2262\" height=\"1388\"><figcaption id=\"caption-attachment-48452\" class=\"wp-caption-text\">Advanced Custom Fields dans l&rsquo;\u00e9diteur de blocs<\/figcaption><\/figure>\n<p>Les informations que vous saisissez ici seront stock\u00e9es dans la base de donn\u00e9es de votre site <a href=\"https:\/\/kinsta.com\/fr\/blog\/bases-de-donnees-wordpress\/\">WordPress<\/a> pour les retrouver facilement (vous le verrez dans la prochaine partie de notre tutoriel sur Advanced Custom Fields).<\/p>\n<h3>Exploration de la logique conditionnelle<\/h3>\n<p>Avant d&rsquo;aller de l&rsquo;avant, faisons un petit d\u00e9tour.<\/p>\n<p>Vous voyez, l&rsquo;une des raisons pour lesquelles Advanced Custom Fields est si populaire est \u00e0 cause de toutes les impl\u00e9mentations int\u00e9ressantes qu&rsquo;il permet.<\/p>\n<p>Et une option puissante ici est la <strong>logique conditionnelle<\/strong>, qui vous permet d&rsquo;afficher\/masquer les champs en fonction de la fa\u00e7on dont un champ pr\u00e9c\u00e9dent a r\u00e9pondu.<\/p>\n<p>Voyons un exemple rapide du fonctionnement&#8230;<\/p>\n<p>Disons que vous souhaitez <a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-debuter-blog-alimentaire\/\">un blog culinaire<\/a>, sur vos <a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-creer-un-blog-de-voyage\/\">voyages<\/a>, ou quoi que ce soit d&rsquo;autre que la course. Lorsque vous \u00e9crivez sur un sujet sans rapport avec la course, il n&rsquo;est pas tr\u00e8s logique d&rsquo;afficher les champs personnalis\u00e9s pour obtenir des informations sur la course, non ?<\/p>\n<p>Et si, au lieu d&rsquo;afficher automatiquement tous les champs personnalis\u00e9s que vous venez de cr\u00e9er, vous pouviez ajouter un champ personnalis\u00e9 qui dit \u00ab\u00a0Cet article est-il une course ?\u00a0\u00bb<\/p>\n<figure style=\"width: 2260px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full \" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/06\/advanced-custom-fields-tutoriel-14.png\" alt=\"Exemple de logique conditionnelle\" width=\"2260\" height=\"1147\"><figcaption class=\"wp-caption-text\">Exemple de logique conditionnelle<\/figcaption><\/figure>\n<p>Si vous cochez cette case, les champs d&rsquo;information de course apparaissent automatiquement. Si vous ne la cochez pas, ils restent cach\u00e9s :<\/p>\n<figure style=\"width: 2260px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/06\/advanced-custom-fields-tutoriel-15.png\" alt=\"Les autres champs s'affichent si coch\u00e9e\" width=\"2260\" height=\"1047\"><figcaption class=\"wp-caption-text\">Les autres champs s&rsquo;affichent si coch\u00e9e<\/figcaption><\/figure>\n<p>C&rsquo;est ce que la logique conditionnelle vous permet de faire !<\/p>\n<p>Pour ce faire, vous pouvez \u00e9diter votre groupe de champs et ajouter un nouveau champ<strong> Vrai \/ Faux<\/strong> pour \u00ab\u00a0Est-ce une course ?\u00a0\u00bb<\/p>\n<figure style=\"width: 1693px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/06\/advanced-custom-fields-tutoriel-16.png\" alt=\"Ajout d'un champ Vrai\/Faux\" width=\"1693\" height=\"915\"><figcaption class=\"wp-caption-text\">Ajout d&rsquo;un champ Vrai\/Faux<\/figcaption><\/figure>\n<p>Ensuite, vous modifiez les champs existants et activez la <strong>logique conditionnelle <\/strong>pour que chaque champ ne s&rsquo;affiche que lorsque le champ \u00ab\u00a0Est-ce une course\u00a0\u00bb est coch\u00e9 :<\/p>\n<figure style=\"width: 1622px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/06\/advanced-custom-fields-tutoriel-17.png\" alt=\"Ajout de la logique conditionnelle \u00e0 d'autres champs\" width=\"1622\" height=\"615\"><figcaption class=\"wp-caption-text\">Ajout de la logique conditionnelle \u00e0 d&rsquo;autres champs<\/figcaption><\/figure>\n<h2 id=\"display\">Comment afficher Advanced Custom Fields sur l\u2019interface publique<\/h2>\n<p>Ok, nous sommes \u00e0 mi-chemin de notre voyage dans Advanced Custom Fields. Vous pouvez maintenant ajouter des informations \u00e0 vos champs personnalis\u00e9s, les associer au type de publication correspondant et les stocker dans votre base de donn\u00e9es.<\/p>\n<p>Cependant, il y a encore un probl\u00e8me potentiel : les informations de vos champs personnalis\u00e9s n&rsquo;apparaissent pas encore sur l\u2019interface publique !<\/p>\n<p>M\u00eame si vous avez ajout\u00e9 des champs personnalis\u00e9s \u00e0 l&rsquo;\u00e9diteur pour vos articles de blog, votre article de blog ressemble toujours \u00e0 un article normal de blog sur l\u2019interface publique :<\/p>\n<figure style=\"width: 1867px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/06\/advanced-custom-fields-tutoriel-18.png\" alt=\"Aucun champ personnalis\u00e9 sur l\u2019interface publique\" width=\"1867\" height=\"1003\"><figcaption class=\"wp-caption-text\">Aucun champ personnalis\u00e9 sur l\u2019interface publique<\/figcaption><\/figure>\n<p>Arrangeons \u00e7a.<\/p>\n<p>Il y a plusieurs fa\u00e7ons d&rsquo;afficher les donn\u00e9es des champs personnalis\u00e9s avanc\u00e9s sur l\u2019interface publique de votre site. La m\u00e9thode exacte que vous choisirez d\u00e9pendra de vos besoins et de votre niveau de connaissances. Voici trois fa\u00e7ons diff\u00e9rentes d&rsquo;y parvenir :<\/p>\n<ol>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/advanced-custom-fields\/#theme\">Les fichiers mod\u00e8les de votre th\u00e8me<\/a> &#8211; cela demande un peu de connaissances techniques, mais c&rsquo;est la meilleure approche la plupart du temps, surtout si vous \u00eates \u00e0 l&rsquo;aise de travailler dans les fichiers mod\u00e8les de votre th\u00e8me.<\/li>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/advanced-custom-fields\/#shortcode\">Avec un code court<\/a> &#8211; c&rsquo;est super simple et une bonne option si vous voulez juste ins\u00e9rer des donn\u00e9es de champ personnalis\u00e9es au cas par cas. Cependant, cela n\u00e9cessite beaucoup plus de travail manuel parce que vous aurez besoin d&rsquo;ajouter <a href=\"https:\/\/kinsta.com\/fr\/blog\/shortcodes-wordpress\/\">des codes courts<\/a> pour chaque articles.<\/li>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/advanced-custom-fields\/#elementor\">Avec Elementor Pro<\/a> &#8211; c&rsquo;est g\u00e9nial parce que cela \u00e9limine compl\u00e8tement le besoin de travailler avec PHP, mais c&rsquo;est un produit payant et cela signifie aussi que vous devrez utiliser Elementor Pro pour votre mod\u00e8le.<\/li>\n<\/ol>\n<p>Vous pouvez cliquer ci-dessus pour passer directement \u00e0 une m\u00e9thode sp\u00e9cifique ou vous pouvez les lire toutes. C&rsquo;est \u00e0 vous de voir.<\/p>\n<h3 id=\"theme\">Comment ajouter Advanced Custom Fields dans les fichiers mod\u00e8les du th\u00e8mes<\/h3>\n<p>La premi\u00e8re fa\u00e7on d&rsquo;afficher vos informations de champs personnalis\u00e9s est d&rsquo;ajouter les fonctions PHP de Advanced Custom Fields directement <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/\">dans les fichiers mod\u00e8les de votre th\u00e8me enfant<\/a>.<\/p>\n<p>C&rsquo;est un peu avanc\u00e9 car cela vous oblige \u00e0 creuser dans les fichiers mod\u00e8les de votre th\u00e8me, mais cela garantit que vos champs personnalis\u00e9s s&rsquo;afficheront automatiquement au m\u00eame endroit \u00e0 chaque fois.<\/p>\n<p>Plus pr\u00e9cis\u00e9ment, vous devrez modifier le mod\u00e8le<strong> single<\/strong> pour le type d\u2019article en question.<\/p>\n<p>Pour un article normal de blog, c&rsquo;est <strong>single.php<\/strong>. Ou, certains th\u00e8mes divisent les choses en parties de mod\u00e8le. Par exemple, pour le <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-nineteen\/\">th\u00e8me TwentyNineteen<\/a>, vous avez en fait besoin de modifier <strong>content-single.php<\/strong>.<\/p>\n<p>Si vous vous sentez perdu ici, vous voudrez peut-\u00eatre utiliser une autre m\u00e9thode.<\/p>\n<p>Une fois que vous avez trouv\u00e9 le fichier mod\u00e8le de th\u00e8me pour votre article unique, vous pouvez utiliser la fonction<strong> the_field() <\/strong>de Advanced Custom Fields pour afficher les informations d&rsquo;un champ. Par exemple,<\/p>\n<pre><code class=\"language-php\">&lt;?php the_field('FIELD_NAME'); ?&gt;<\/code><\/pre>\n<p><a href=\"https:\/\/www.advancedcustomfields.com\/resources\/the_field\/\">Pour en savoir plus, cliquez ici<\/a>.<\/p>\n<p>Par exemple, pour afficher le champ \u00ab Objet \u00bb, vous utiliseriez :<\/p>\n<pre><code class=\"language-php\">&lt;?php the_field('purpose'); ?&gt;<\/code><\/pre>\n<p>Vous pouvez trouver le nom du champ lorsque vous modifiez un groupe de champs :<\/p>\n<figure style=\"width: 1680px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/06\/advanced-custom-fields-tutoriel-19.png\" alt=\"O\u00f9 trouver le nom du champ ACF\" width=\"1680\" height=\"774\"><figcaption class=\"wp-caption-text\">O\u00f9 trouver le nom du champ ACF<\/figcaption><\/figure>\n<p>Donc, en combinant une petite balise HTML avec le PHP, vous pourriez obtenir quelque chose comme ceci pour afficher tous les champs :<\/p>\n<pre><code class=\"language-php\">&lt;div class=\"run-information\"&gt;\n&lt;ul&gt;\n&lt;li&gt;&lt;strong&gt;Purpose:&lt;\/strong&gt; &lt;?php the_field('purpose'); ?&gt;&lt;\/li&gt;\n&lt;li&gt;&lt;strong&gt;Distance:&lt;\/strong&gt; &lt;?php the_field('distance'); ?&gt;&lt;\/li&gt;\n&lt;li&gt;&lt;strong&gt;Start Time:&lt;\/strong&gt; &lt;?php the_field('start_time'); ?&gt;&lt;\/li&gt;\n&lt;li&gt;&lt;strong&gt;End Time:&lt;\/strong&gt; &lt;?php the_field('finish_time'); ?&gt;&lt;\/li&gt;\n&lt;li&gt;&lt;strong&gt;Location:&lt;\/strong&gt; &lt;?php the_field('location'); ?&gt;&lt;\/li&gt;\n&lt;\/ul&gt;\n&lt;\/div&gt;<\/code><\/pre>\n<p>Pour l&rsquo;ajouter au-dessus du contenu de l\u2019article normal, vous l&rsquo;ajouteriez \u00e0 votre fichier de mod\u00e8le de th\u00e8me au-dessus de <strong>the_content()<\/strong> :<\/p>\n<figure style=\"width: 1819px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/06\/advanced-custom-fields-tutoriel-20.png\" alt=\"O\u00f9 ajouter du code dans le fichier mod\u00e8le du th\u00e8me\" width=\"1819\" height=\"1047\"><figcaption class=\"wp-caption-text\">O\u00f9 ajouter du code dans le fichier mod\u00e8le du th\u00e8me<\/figcaption><\/figure>\n<p>Et maintenant, apr\u00e8s avoir rafra\u00eechi l\u2019article du blog, vous pouvez voir les donn\u00e9es des champs personnalis\u00e9s au-dessus du contenu WordPress :<\/p>\n<figure style=\"width: 1730px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/06\/advanced-custom-fields-tutoriel-21.png\" alt=\"Vous pouvez maintenant voir les champs sur l\u2019interface publique\" width=\"1730\" height=\"861\"><figcaption class=\"wp-caption-text\">Vous pouvez maintenant voir les champs sur l\u2019interface publique<\/figcaption><\/figure>\n<p>Pour en savoir plus, <a href=\"https:\/\/www.advancedcustomfields.com\/resources\/#functions\">consultez la documentation compl\u00e8te<\/a>\u00a0pour Advanced Custom Fields.<\/p>\n<h3 id=\"shortcode\">Comment afficher des donn\u00e9es d\u2019Advanced Custom Fields avec un code court<\/h3>\n<p>Pour une fa\u00e7on beaucoup plus simple d&rsquo;afficher les donn\u00e9es de vos champs personnalis\u00e9s, vous pouvez \u00e9galement utiliser des codes courts. L&rsquo;inconv\u00e9nient ici, cependant, est que vous devrez ajouter le code court \u00e0 chaque fois que vous voulez afficher un champ personnalis\u00e9. Il n&rsquo;y a pas de moyen facile d&rsquo;automatiser cette t\u00e2che.<\/p>\n<p>Le code court est le suivant :<\/p>\n<pre><code>[acf field=\"FIELD_NAME\"]<\/code><\/pre>\n<p>Par exemple, si vous saisissez ceci dans l&rsquo;\u00e9diteur WordPress :<\/p>\n<figure style=\"width: 2250px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/06\/advanced-custom-fields-tutoriel-22.png\" alt=\"Utilisation de codes courts pour afficher les donn\u00e9es ACF\" width=\"2250\" height=\"1073\"><figcaption class=\"wp-caption-text\">Utilisation de codes courts pour afficher les donn\u00e9es ACF<\/figcaption><\/figure>\n<p>Ensuite, l\u2019interface publique de votre site aura exactement la m\u00eame apparence que la m\u00e9thode pr\u00e9c\u00e9dente du mod\u00e8le de th\u00e8me :<\/p>\n<figure style=\"width: 1725px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/06\/advanced-custom-fields-tutoriel-23.png\" alt=\"Les codes courts sont identiques au fichier mod\u00e8le du th\u00e8me\" width=\"1725\" height=\"816\"><figcaption class=\"wp-caption-text\">Les codes courts sont identiques au fichier mod\u00e8le du th\u00e8me<\/figcaption><\/figure>\n<h3 id=\"elementor\">Comment afficher Advanced Custom Fields avec Elementor Pro<\/h3>\n<p>Elementor est l&rsquo;un des plus populaires<a href=\"https:\/\/kinsta.com\/fr\/blog\/constructeurs-pages-wordpress\/#elementor\"> constructeurs de pages WordPress<\/a>. Il vous permet de cr\u00e9er vos desings \u00e0 l&rsquo;aide d&rsquo;un \u00e9diteur visuel en glisser-d\u00e9poser. En passant,<a href=\"https:\/\/kinsta.com\/fr\/hebergement-wordpress\/elementor\/\"> Elementor est l&rsquo;un des partenaires officiels de Kinsta<\/a>.<\/p>\n<p>Avec Elementor Pro, le module payant, vous pouvez \u00e9galement construire les fichiers mod\u00e8les de votre th\u00e8me, y compris une option pour ins\u00e9rer des donn\u00e9es de champs personnalis\u00e9s dynamiques \u00e0 partir de Advanced Custom Fields dans vos designs.<\/p>\n<p>C&rsquo;est une excellente option si vous voulez avoir la flexibilit\u00e9 d&rsquo;inclure automatiquement des donn\u00e9es de champ personnalis\u00e9es dans vos mod\u00e8les, mais ne vous sentez pas \u00e0 l&rsquo;aise de<a href=\"https:\/\/kinsta.com\/fr\/blog\/modifier-code-wordpress\/\"> faire des modifications de code directe<\/a>ment dans les fichiers mod\u00e8les de votre th\u00e8me.<\/p>\n<p>Pour commencer, allez dans <strong>Mod\u00e8les &gt; Constructeur de th\u00e8me <\/strong>et cr\u00e9ez un nouveau mod\u00e8le Elementor pour votre article :<\/p>\n<figure style=\"width: 2167px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/06\/advanced-custom-fields-tutoriel-24.png\" alt=\"Cr\u00e9er un nouveau mod\u00e8le Elementor\" width=\"2167\" height=\"1284\"><figcaption class=\"wp-caption-text\">Cr\u00e9er un nouveau mod\u00e8le Elementor<\/figcaption><\/figure>\n<p>Vous pouvez ajouter les widgets normaux d&rsquo;El\u00e9mentor pour votre <strong>titre d\u2019article<\/strong> et votre <strong>contenu d\u2019article<\/strong>. Ensuite, pour afficher les donn\u00e9es des champs personnalis\u00e9s, vous pouvez ajouter des widgets normaux de l&rsquo;<strong>\u00e9diteur de texte. La<\/strong> seule diff\u00e9rence ici, au lieu de modifier le texte, vous s\u00e9lectionneriez l&rsquo;option<strong> Dynamique<\/strong> :<\/p>\n<figure style=\"width: 1807px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/06\/advanced-custom-fields-tutoriel-25.png\" alt=\"The Elementor Pro \" width=\"1807\" height=\"938\"><figcaption class=\"wp-caption-text\">L&rsquo;option \u00ab\u00a0Dynamique\u00a0\u00bb\u00a0\u00bb d&rsquo;Elementor Pro<\/figcaption><\/figure>\n<p>Apr\u00e8s cela, vous pouvez s\u00e9lectionner <strong>Champ ACF<\/strong> dans le menu d\u00e9roulant :<\/p>\n<figure style=\"width: 1901px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/06\/advanced-custom-fields-tutoriel-26.png\" alt=\"SelectS\u00e9lectionner le \u00ab\u00a0Champ ACF\u00a0\u00bb.\" width=\"1901\" height=\"941\"><figcaption class=\"wp-caption-text\">S\u00e9lectionner le \u00ab\u00a0Champ ACF\u00a0\u00bb.<\/figcaption><\/figure>\n<p>De l\u00e0, vous pouvez s\u00e9lectionner le champ sp\u00e9cifique que vous avez ajout\u00e9 avec Advanced Custom Fields :<\/p>\n<figure style=\"width: 1743px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/06\/advanced-custom-fields-tutoriel-27.png\" alt=\"S\u00e9lectionner le champ sp\u00e9cifique que vous voulez afficher\" width=\"1743\" height=\"833\"><figcaption class=\"wp-caption-text\">S\u00e9lectionner le champ sp\u00e9cifique que vous voulez afficher<\/figcaption><\/figure>\n<p>Vous pouvez \u00e9galement utiliser l&rsquo;onglet <strong>Avanc\u00e9<\/strong> pour ajouter ou ajouter des informations, ce qui vous permet d&rsquo;ajouter des libell\u00e9s et des unit\u00e9s :<\/p>\n<figure style=\"width: 1816px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/06\/advanced-custom-fields-tutoriel-28.png\" alt=\"Pr\u00e9parer ou ajouter des informations\" width=\"1816\" height=\"845\"><figcaption class=\"wp-caption-text\">Pr\u00e9parer ou ajouter des informations<\/figcaption><\/figure>\n<p>Facile, n&rsquo;est-ce pas ? R\u00e9p\u00e9tez l&rsquo;op\u00e9ration pour d&rsquo;autres champs personnalis\u00e9s !<\/p>\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>En utilisant Advanced Custom Fields, vous pouvez enrichir vos pages et vos articles de blog avec plus de donn\u00e9es et d&rsquo;informations gr\u00e2ce \u00e0 une solution facile \u00e0 utiliser. De plus : vous pouvez commencer \u00e0 collecter des informations suppl\u00e9mentaires pour n&rsquo;importe quel contenu sur votre site et ensuite les afficher sur l\u2019interface publique pour vos visiteurs.<\/p>\n<p>Pour ce faire, vous avez 3 options :<\/p>\n<ul>\n<li>Les fichiers mod\u00e8les de votre th\u00e8me<\/li>\n<li>Avec un code court<\/li>\n<li>Avec Elementor Pro<\/li>\n<\/ul>\n<p>Les connaissances que vous avez acquises dans cet article vous permettront de lib\u00e9rer le potentiel profond de WordPress pour construire des sites 100% personnalis\u00e9s qui vont bien au-del\u00e0 des racines du blog de WordPress.<\/p>\n<p>La seule question qui reste est la suivante :<\/p>\n<p>Qu&rsquo;allez-vous cr\u00e9er avec Advanced Custom Fields ? Partagez-le avec nous dans les commentaires ci-dessous<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Les champs personnalis\u00e9s WordPress sont une partie importante de ce qui fait de WordPress un outil de gestion de contenu flexible plut\u00f4t qu&rsquo;une \u00ab\u00a0simple plateforme de &#8230;<\/p>\n","protected":false},"author":103,"featured_media":30862,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[47,33],"topic":[1028],"class_list":["post-30834","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-webdev","tag-wordpress","topic-developpement-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Tutoriel sur Advanced Custom Fields : Votre guide ultime<\/title>\n<meta name=\"description\" content=\"Advanced Custom Fields est un plugin exceptionnel pour g\u00e9rer les champs personnalis\u00e9s WordPress. Apprenez tout ce dont vous avez besoin sur ACF avec notre guide complet !\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/fr\/blog\/advanced-custom-fields\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tutoriel sur Advanced Custom Fields : Votre guide ultime\" \/>\n<meta property=\"og:description\" content=\"Advanced Custom Fields est un plugin exceptionnel pour g\u00e9rer les champs personnalis\u00e9s WordPress. Apprenez tout ce dont vous avez besoin sur ACF avec notre guide complet !\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/advanced-custom-fields\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstafrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-09-03T13:49:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-04T10:45:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/09\/advanced-custom-fields.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Matteo Du\u00f2\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Advanced Custom Fields est un plugin exceptionnel pour g\u00e9rer les champs personnalis\u00e9s WordPress. Apprenez tout ce dont vous avez besoin sur ACF avec notre guide complet !\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/09\/advanced-custom-fields.png\" \/>\n<meta name=\"twitter:creator\" content=\"@matteoduo\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Matteo Du\u00f2\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"20 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/advanced-custom-fields\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/advanced-custom-fields\/\"},\"author\":{\"name\":\"Matteo Du\u00f2\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/9d811e805493f00205e6409451055174\"},\"headline\":\"Tutoriel sur Advanced Custom Fields : Votre guide ultime\",\"datePublished\":\"2019-09-03T13:49:25+00:00\",\"dateModified\":\"2023-10-04T10:45:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/advanced-custom-fields\/\"},\"wordCount\":3976,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/advanced-custom-fields\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/09\/advanced-custom-fields.png\",\"keywords\":[\"webdev\",\"WordPress\"],\"articleSection\":[\"Meilleurs Tutoriels WordPress\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/advanced-custom-fields\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/advanced-custom-fields\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/advanced-custom-fields\/\",\"name\":\"Tutoriel sur Advanced Custom Fields : Votre guide ultime\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/advanced-custom-fields\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/advanced-custom-fields\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/09\/advanced-custom-fields.png\",\"datePublished\":\"2019-09-03T13:49:25+00:00\",\"dateModified\":\"2023-10-04T10:45:06+00:00\",\"description\":\"Advanced Custom Fields est un plugin exceptionnel pour g\u00e9rer les champs personnalis\u00e9s WordPress. Apprenez tout ce dont vous avez besoin sur ACF avec notre guide complet !\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/advanced-custom-fields\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/advanced-custom-fields\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/advanced-custom-fields\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/09\/advanced-custom-fields.png\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/09\/advanced-custom-fields.png\",\"width\":1460,\"height\":730,\"caption\":\"Tutoriel sur Advanced Custom Fields : Votre guide ultime\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/advanced-custom-fields\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"D\u00e9veloppement WordPress\",\"item\":\"https:\/\/kinsta.com\/fr\/sujets\/developpement-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Tutoriel sur Advanced Custom Fields : Votre guide ultime\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/fr\/#website\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstafrance\/\",\"https:\/\/x.com\/kinsta_fr\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/9d811e805493f00205e6409451055174\",\"name\":\"Matteo Du\u00f2\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g\",\"caption\":\"Matteo Du\u00f2\"},\"description\":\"Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.\",\"sameAs\":[\"https:\/\/www.matteoduo.com\",\"https:\/\/www.linkedin.com\/in\/matteoduo\/\",\"https:\/\/x.com\/matteoduo\"],\"url\":\"https:\/\/kinsta.com\/fr\/blog\/author\/matteoduo\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Tutoriel sur Advanced Custom Fields : Votre guide ultime","description":"Advanced Custom Fields est un plugin exceptionnel pour g\u00e9rer les champs personnalis\u00e9s WordPress. Apprenez tout ce dont vous avez besoin sur ACF avec notre guide complet !","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/fr\/blog\/advanced-custom-fields\/","og_locale":"fr_FR","og_type":"article","og_title":"Tutoriel sur Advanced Custom Fields : Votre guide ultime","og_description":"Advanced Custom Fields est un plugin exceptionnel pour g\u00e9rer les champs personnalis\u00e9s WordPress. Apprenez tout ce dont vous avez besoin sur ACF avec notre guide complet !","og_url":"https:\/\/kinsta.com\/fr\/blog\/advanced-custom-fields\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2019-09-03T13:49:25+00:00","article_modified_time":"2023-10-04T10:45:06+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/09\/advanced-custom-fields.png","type":"image\/png"}],"author":"Matteo Du\u00f2","twitter_card":"summary_large_image","twitter_description":"Advanced Custom Fields est un plugin exceptionnel pour g\u00e9rer les champs personnalis\u00e9s WordPress. Apprenez tout ce dont vous avez besoin sur ACF avec notre guide complet !","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/09\/advanced-custom-fields.png","twitter_creator":"@matteoduo","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Matteo Du\u00f2","Dur\u00e9e de lecture estim\u00e9e":"20 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/advanced-custom-fields\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/advanced-custom-fields\/"},"author":{"name":"Matteo Du\u00f2","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/9d811e805493f00205e6409451055174"},"headline":"Tutoriel sur Advanced Custom Fields : Votre guide ultime","datePublished":"2019-09-03T13:49:25+00:00","dateModified":"2023-10-04T10:45:06+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/advanced-custom-fields\/"},"wordCount":3976,"commentCount":1,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/advanced-custom-fields\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/09\/advanced-custom-fields.png","keywords":["webdev","WordPress"],"articleSection":["Meilleurs Tutoriels WordPress"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/fr\/blog\/advanced-custom-fields\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/advanced-custom-fields\/","url":"https:\/\/kinsta.com\/fr\/blog\/advanced-custom-fields\/","name":"Tutoriel sur Advanced Custom Fields : Votre guide ultime","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/advanced-custom-fields\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/advanced-custom-fields\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/09\/advanced-custom-fields.png","datePublished":"2019-09-03T13:49:25+00:00","dateModified":"2023-10-04T10:45:06+00:00","description":"Advanced Custom Fields est un plugin exceptionnel pour g\u00e9rer les champs personnalis\u00e9s WordPress. Apprenez tout ce dont vous avez besoin sur ACF avec notre guide complet !","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/advanced-custom-fields\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/advanced-custom-fields\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/advanced-custom-fields\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/09\/advanced-custom-fields.png","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/09\/advanced-custom-fields.png","width":1460,"height":730,"caption":"Tutoriel sur Advanced Custom Fields : Votre guide ultime"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/advanced-custom-fields\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"D\u00e9veloppement WordPress","item":"https:\/\/kinsta.com\/fr\/sujets\/developpement-wordpress\/"},{"@type":"ListItem","position":3,"name":"Tutoriel sur Advanced Custom Fields : Votre guide ultime"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/fr\/#website","url":"https:\/\/kinsta.com\/fr\/","name":"Kinsta\u00ae","description":"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es","publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/fr\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstafrance\/","https:\/\/x.com\/kinsta_fr","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/9d811e805493f00205e6409451055174","name":"Matteo Du\u00f2","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g","caption":"Matteo Du\u00f2"},"description":"Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.","sameAs":["https:\/\/www.matteoduo.com","https:\/\/www.linkedin.com\/in\/matteoduo\/","https:\/\/x.com\/matteoduo"],"url":"https:\/\/kinsta.com\/fr\/blog\/author\/matteoduo\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/30834","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/users\/103"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/comments?post=30834"}],"version-history":[{"count":7,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/30834\/revisions"}],"predecessor-version":[{"id":32219,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/30834\/revisions\/32219"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/30834\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/30834\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/30834\/translations\/pt"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/30834\/translations\/it"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/30834\/translations\/dk"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/30834\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/30834\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/30834\/translations\/nl"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/30834\/translations\/jp"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/30834\/translations\/se"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/30834\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/30862"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=30834"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=30834"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=30834"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}