{"id":38288,"date":"2020-04-17T08:17:32","date_gmt":"2020-04-17T15:17:32","guid":{"rendered":"https:\/\/kinsta.com\/?p=4230"},"modified":"2023-08-22T11:57:45","modified_gmt":"2023-08-22T10:57:45","slug":"wp-enqueue-scripts","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/wp-enqueue-scripts\/","title":{"rendered":"wp_enqueue_scripts &#8211; Comment mettre vos ressources dans enqueue dans WordPress"},"content":{"rendered":"<p>Dans WordPress, au lieu de simplement les ajouter \u00e0 l&rsquo;en-t\u00eate, vous devriez utiliser une m\u00e9thode appel\u00e9e enqueueing qui est une fa\u00e7on standardis\u00e9e de g\u00e9rer vos ressources avec en prime la gestion des d\u00e9pendances. D\u00e9couvrez comment le faire ci-dessous en utilisant les scripts <code>wp_enqueue_scripts<\/code>.<\/p>\n<ul>\n<li><a href=\"#how-enqueueing-works\"> Comment fonctionne la mise en demeure <\/a><\/li>\n<li><a href=\"#enqueueing-basics\"> Les bases de la mise en file d&rsquo;attente avec wp_enqueue_scripts <\/a><\/li>\n<li><a href=\"#dependency-management\"> Gestion des d\u00e9pendances <\/a><\/li>\n<li><a href=\"#load-scripts-in-footer\"> Charger les scripts dans le pied de page <\/a><\/li>\n<li><a href=\"#specifying-media-for-styles\"> Sp\u00e9cification des supports pour les styles <\/a><\/li>\n<\/ul>\n<h2 id=\"how-enqueueing-works\">Comment fonctionne l&rsquo;enqueueing<\/h2>\n<p>Il y a deux \u00e9tapes \u00e0 franchir pour obtenir un script ou un style. Tout d&rsquo;abord, vous l&rsquo;enregistrez &#8211; dites \u00e0 WordPress qu&rsquo;il est l\u00e0 &#8211; puis vous le mettez en file d&rsquo;attente (enqueue), ce qui le fait appara\u00eetre dans l&rsquo;en-t\u00eate ou juste avant la balise de fermeture du corps.<\/p>\n<p>La raison pour laquelle il y a deux \u00e9tapes est li\u00e9e \u00e0 la modularit\u00e9. Parfois, vous voudrez faire conna\u00eetre une ressource \u00e0 WordPress, mais vous ne voudrez peut-\u00eatre pas l&rsquo;utiliser sur toutes les pages. Par exemple, il est possible que vous ne vouliez pas l&rsquo;utiliser sur toutes les pages : Si vous cr\u00e9ez un shortcode de galerie personnalis\u00e9 qui utilise Javascript, vous n&rsquo;avez besoin de charger le JS que lorsque le shortcode est utilis\u00e9 &#8211; probablement pas sur chaque page.<\/p>\n<p>Pour ce faire, il faut d&rsquo;abord enregistrer le script, et ne le mettre en enqueue que lorsque le shortcode est affich\u00e9 (lecture sugg\u00e9r\u00e9e : <a href=\"https:\/\/kinsta.com\/fr\/blog\/shortcodes-wordpress\/\">Le guide ultime des codes courts ou shortcodes WordPress<\/a>).<\/p>\n<h2 id=\"enqueueing-basics\">Les bases de l&rsquo;enqueueing avec wp_enqueue_scripts<\/h2>\n<p>Pour mettre en file d&rsquo;attente les scripts et les styles dans le front-end, vous devez utiliser le hook <code>wp_enqueue_scripts<\/code>. Dans la fonction hook, vous pouvez utiliser les fonctions <code>wp_register_script()<\/code>, <code>wp_enqueue_script()<\/code>, <code>wp_register_style()<\/code> et\u00a0<code>wp_enqueue_style()<\/code>.<\/p>\n<pre><code class=\"language-php\">add_action( 'wp_enqueue_scripts', 'my_plugin_assets' );\nfunction my_plugin_assets() {\n    wp_register_style( 'custom-gallery', plugins_url( '\/css\/gallery.css' , __FILE__ ) );\n    wp_register_script( 'custom-gallery', plugins_url( '\/js\/gallery.js' , __FILE__ ) );\n\n    wp_enqueue_style( 'custom-gallery' );\n    wp_enqueue_script( 'custom-gallery' );\n}<\/code><\/pre>\n<p>Dans l&rsquo;exemple ci-dessus, j&rsquo;ai enregistr\u00e9 et mis en file d&rsquo;attente les ressources au sein de la m\u00eame fonction, ce qui est un peu redondant. En fait, vous pouvez utiliser les fonctions enqueue pour enregistrer et mettre en file d&rsquo;attente imm\u00e9diatement, en utilisant les m\u00eames arguments que pour les fonctions register :<\/p>\n<pre><code class=\"language-php\">add_action( 'wp_enqueue_scripts', 'my_plugin_assets' );\nfunction my_plugin_assets() {\n    wp_enqueue_style( 'custom-gallery', plugins_url( '\/css\/gallery.css' , __FILE__ ) );\n    wp_enqueue_script( 'custom-gallery', plugins_url( '\/js\/gallery.js' , __FILE__ ) );\n}<\/code><\/pre>\n<p>Si je devais s\u00e9parer les deux fonctions, je le ferais en les utilisant dans des <a href=\"https:\/\/kinsta.com\/fr\/blog\/hooks-wordpress\/\">hooks<\/a> diff\u00e9rents. Dans un exemple concret, nous pourrions utiliser le hook <code>wp_enqueue_scripts<\/code> pour enregistrer les ressources et la fonction du shortcode pour les mettre en file d&rsquo;attente.<\/p>\n<pre><code class=\"language-php\">add_action( 'wp_enqueue_scripts', 'my_plugin_assets' );\nfunction my_plugin_assets() {\n    wp_register_style( 'custom-gallery', plugins_url( '\/css\/gallery.css' , __FILE__ ) );\n    wp_register_script( 'custom-gallery', plugins_url( '\/js\/gallery.js' , __FILE__ ) );\n\n}\n\nadd_shortcode( 'custom_gallery', 'custom_gallery' );\n\nfunction custom_gallery( $atts ){\n\n    wp_enqueue_style( 'custom-gallery' );\n    wp_enqueue_script( 'custom-gallery' );\n\n    \/\/ Gallery code here\n}<\/code><\/pre>\n<h2 id=\"dependency-management\">Gestion des d\u00e9pendances<\/h2>\n<p>Le m\u00e9canisme d&rsquo;enqueueing de WordPress a un support int\u00e9gr\u00e9 pour la gestion des d\u00e9pendances, utilisant le troisi\u00e8me argument des fonctions <code>wp_register_style()<\/code> et <code>wp_register_script()<\/code>. Vous pouvez \u00e9galement utiliser les fonctions de mise en file d&rsquo;attente imm\u00e9diatement si vous n&rsquo;avez pas besoin de les s\u00e9parer.<\/p>\n<p>Le troisi\u00e8me param\u00e8tre est un tableau de scripts\/styles enregistr\u00e9s qui doivent \u00eatre charg\u00e9s avant que la ressource actuelle ne soit mise en file d&rsquo;attente. Notre exemple ci-dessus s&rsquo;appuierait tr\u00e8s probablement sur jQuery, alors pr\u00e9cisons cela maintenant :<\/p>\n<pre><code class=\"language-php\">add_action( 'wp_enqueue_scripts', 'my_plugin_assets' );\nfunction my_plugin_assets() {\n    wp_enqueue_script( 'custom-gallery', plugins_url( '\/js\/gallery.js' , __FILE__ ), array( 'jquery' ) );\n}<\/code><\/pre>\n<p>Nous n&rsquo;avons pas besoin d&rsquo;enregistrer ou de mettre en file d&rsquo;attente jQuery nous-m\u00eames car il fait d\u00e9j\u00e0 partie de WordPress. Vous pouvez trouver une liste des <a href=\"https:\/\/codex.wordpress.org\/Function_Reference\/wp_enqueue_script#Default_Scripts_Included_and_Registered_by_WordPress\">scripts et des styles disponibles dans WordPress dans le Codex<\/a>.<\/p>\n<p>Si vous avez vos propres d\u00e9pendances, vous devrez les enregistrer, sinon vos scripts ne se chargeront pas. Voici un exemple :<\/p>\n<pre><code class=\"language-php\">add_action( 'wp_enqueue_scripts', 'my_plugin_assets' );\nfunction my_plugin_assets() {\n    wp_enqueue_script( 'custom-gallery', plugins_url( '\/js\/gallery.js' , __FILE__ ), array( 'jquery' ) );\n    wp_enqueue_script( 'custom-gallery-lightbox', plugins_url( '\/js\/gallery-lightbox.js' , __FILE__ ), array( 'custom-gallery' ) );\n}<\/code><\/pre>\n<p>Supposons que le premier sc\u00e9nario soit une galerie, le second est une extension qui fait s&rsquo;ouvrir les images dans une lightbox. Notez que m\u00eame si notre second script repose sur jQuery, nous n&rsquo;avons pas besoin de le pr\u00e9ciser, car notre premier script chargera d\u00e9j\u00e0 jQuery. Cela dit, il peut \u00eatre judicieux d&rsquo;indiquer toutes les d\u00e9pendances, juste pour s&rsquo;assurer que rien ne peut se casser si vous oubliez d&rsquo;inclure une d\u00e9pendance.<\/p>\n<p>WordPress sait maintenant de quels scripts nous avons besoin et peut calculer dans quel ordre ils doivent \u00eatre ajout\u00e9s \u00e0 la page.<\/p>\n<h2 id=\"load-scripts-in-footer\">Charger les scripts dans le pied de page<\/h2>\n<p>Chaque fois que vous pouvez vous en tirer en chargeant des scripts dans le pied de page, vous devriez le faire. Cela augmente le temps de chargement apparent des pages et peut \u00e9viter que votre site web ne soit suspendu pendant le chargement des scripts, surtout s&rsquo;ils contiennent des <a href=\"https:\/\/kinsta.com\/fr\/blog\/admin-ajax\/\">appels AJAX<\/a>.<\/p>\n<p>Le m\u00e9canisme de mise en file d&rsquo;attente peut ajouter des scripts au pied de page en utilisant le cinqui\u00e8me param\u00e8tre (le quatri\u00e8me \u00e9tant un num\u00e9ro de version optionnel). Notre exemple ci-dessus chargerait les scripts dans le pied de page si nous le modifions l\u00e9g\u00e8rement.<\/p>\n<pre><code class=\"language-php\">add_action( 'wp_enqueue_scripts', 'my_plugin_assets' );\nfunction my_plugin_assets() {\n    wp_enqueue_script( 'custom-gallery', plugins_url( '\/js\/gallery.js' , __FILE__ ), array( 'jquery' ), '1.0', true );\n    wp_enqueue_script( 'custom-gallery-lightbox', plugins_url( '\/js\/gallery-lightbox.js' , __FILE__ ), array( 'custom-gallery', 'jquery' ), '1.0', true );\n}<\/code><\/pre>\n<p>En sp\u00e9cifiant true comme cinqui\u00e8me param\u00e8tre, on met des scripts dans le pied de page, en utilisant false, ou en omettant le param\u00e8tre, on charge des choses dans l&rsquo;en-t\u00eate. Comme je l&rsquo;ai d\u00e9j\u00e0 mentionn\u00e9, dans la mesure du possible, chargez les scripts dans le pied de page.<\/p>\n<h2 id=\"specifying-media-for-styles\">Sp\u00e9cification des m\u00e9dias pour les styles<\/h2>\n<p>Le cinqui\u00e8me param\u00e8tre des fonctions register\/enqueue de style permet de contr\u00f4ler le type de m\u00e9dia pour lequel le script a \u00e9t\u00e9 d\u00e9fini (print, screen, handheld, etc.). Ce param\u00e8tre vous permet de limiter le chargement des styles au type de m\u00e9dia particulier, ce qui est une petite astuce d&rsquo;optimisation tr\u00e8s pratique.<\/p>\n<pre><code class=\"language-php\">add_action( 'wp_enqueue_scripts', 'my_plugin_assets' );\nfunction my_plugin_assets() {\n    wp_register_style( 'custom-gallery-print', plugins_url( '\/css\/gallery.css' , __FILE__ ), array(), '1.0', 'print' );\n\n}<\/code><\/pre>\n<p>Pour une liste compl\u00e8te des types de m\u00e9dias qui peuvent \u00eatre utilis\u00e9s, consultez les <a href=\"http:\/\/www.w3.org\/TR\/CSS2\/media.html#media-types\">sp\u00e9cifications CSS<\/a>.<\/p>\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>La mise en file d&rsquo;attente ou enqueueing des ressources est un moyen efficace de les g\u00e9rer. Elle vous permet, ainsi qu&rsquo;aux autres fabricants de plugins\/th\u00e8mes, de mieux contr\u00f4ler le syst\u00e8me dans son ensemble et vous d\u00e9charge de la gestion des d\u00e9pendances.<\/p>\n<p>Si cela ne suffisait pas, c&rsquo;est <strong>le<\/strong> moyen d&rsquo;ajouter vos ressources, de nombreux march\u00e9s de th\u00e8mes et le d\u00e9p\u00f4t WordPress lui-m\u00eame n&rsquo;approuveront pas votre travail si vous n&rsquo;utilisez pas cette m\u00e9thode.<\/p>\n<div id=\"gtx-trans\">\n<div class=\"gtx-trans-icon\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>When building a plugin or a theme you will inevitably need to use stylesheets and scripts. Especially today when so many third party tools are available like CSS reset stylesheets, lightboxes, galleries &#8211; each with their own set of assets. <\/p>\n","protected":false},"author":18,"featured_media":38293,"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,999],"class_list":["post-38288","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-webdev","tag-wordpress","topic-developpement-wordpress","topic-fonction-php"],"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>wp_enqueue_scripts - Comment mettre vos avoirs en file d&#039;attente dans WordPress<\/title>\n<meta name=\"description\" content=\"Utilisez wp_enqueue_scripts dans WordPress pour ajouter vos ressources Javascript et CSS \u00e0 votre site tout en g\u00e9rant leurs d\u00e9pendances de mani\u00e8re modulaire.\" \/>\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\/wp-enqueue-scripts\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"wp_enqueue_scripts - Comment mettre vos ressources dans enqueue dans WordPress\" \/>\n<meta property=\"og:description\" content=\"Utilisez wp_enqueue_scripts dans WordPress pour ajouter vos ressources Javascript et CSS \u00e0 votre site tout en g\u00e9rant leurs d\u00e9pendances de mani\u00e8re modulaire.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/wp-enqueue-scripts\/\" \/>\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=\"2020-04-17T15:17:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-22T10:57:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/04\/wp-enqueue-scripts.png\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"450\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Daniel Pataki\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Utilisez wp_enqueue_scripts dans WordPress pour ajouter vos ressources Javascript et CSS \u00e0 votre site tout en g\u00e9rant leurs d\u00e9pendances de mani\u00e8re modulaire.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/04\/wp-enqueue-scripts.png\" \/>\n<meta name=\"twitter:creator\" content=\"@danielpataki\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Daniel Pataki\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wp-enqueue-scripts\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wp-enqueue-scripts\/\"},\"author\":{\"name\":\"Daniel Pataki\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/b162216499225e1a4cdd35518f8ef0ff\"},\"headline\":\"wp_enqueue_scripts &#8211; Comment mettre vos ressources dans enqueue dans WordPress\",\"datePublished\":\"2020-04-17T15:17:32+00:00\",\"dateModified\":\"2023-08-22T10:57:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wp-enqueue-scripts\/\"},\"wordCount\":1029,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wp-enqueue-scripts\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/04\/wp-enqueue-scripts.png\",\"keywords\":[\"webdev\",\"WordPress\"],\"articleSection\":[\"D\u00e9veloppement WordPress\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/wp-enqueue-scripts\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wp-enqueue-scripts\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/wp-enqueue-scripts\/\",\"name\":\"wp_enqueue_scripts - Comment mettre vos avoirs en file d'attente dans WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wp-enqueue-scripts\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wp-enqueue-scripts\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/04\/wp-enqueue-scripts.png\",\"datePublished\":\"2020-04-17T15:17:32+00:00\",\"dateModified\":\"2023-08-22T10:57:45+00:00\",\"description\":\"Utilisez wp_enqueue_scripts dans WordPress pour ajouter vos ressources Javascript et CSS \u00e0 votre site tout en g\u00e9rant leurs d\u00e9pendances de mani\u00e8re modulaire.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wp-enqueue-scripts\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/wp-enqueue-scripts\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wp-enqueue-scripts\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/04\/wp-enqueue-scripts.png\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/04\/wp-enqueue-scripts.png\",\"width\":720,\"height\":450,\"caption\":\"wp_enqueue_scripts - Comment mettre vos avoirs en file d'attente dans WordPress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wp-enqueue-scripts\/#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\":\"wp_enqueue_scripts &#8211; Comment mettre vos ressources dans enqueue dans WordPress\"}]},{\"@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\/b162216499225e1a4cdd35518f8ef0ff\",\"name\":\"Daniel Pataki\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2a44c1ab807766aeaa5c8d76d4c5ea66?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2a44c1ab807766aeaa5c8d76d4c5ea66?s=96&d=mm&r=g\",\"caption\":\"Daniel Pataki\"},\"description\":\"Hi, my name is Daniel, I'm the CTO here at Kinsta. You may know me from Smashing Magazine, WPMU Dev, Tuts+ and other WordPress\/Development magazines. Aside from WordPress and PHP I spend most of my time around Node, React, GraphQL and other technologies in the Javascript space. When not working on making the best hosting solution in the Universe I collect board games, play table football in the office, travel or play guitar and sing in a pretty bad band.\",\"sameAs\":[\"http:\/\/danielpataki.com\",\"https:\/\/x.com\/danielpataki\"],\"url\":\"https:\/\/kinsta.com\/fr\/blog\/author\/danielpataki\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"wp_enqueue_scripts - Comment mettre vos avoirs en file d'attente dans WordPress","description":"Utilisez wp_enqueue_scripts dans WordPress pour ajouter vos ressources Javascript et CSS \u00e0 votre site tout en g\u00e9rant leurs d\u00e9pendances de mani\u00e8re modulaire.","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\/wp-enqueue-scripts\/","og_locale":"fr_FR","og_type":"article","og_title":"wp_enqueue_scripts - Comment mettre vos ressources dans enqueue dans WordPress","og_description":"Utilisez wp_enqueue_scripts dans WordPress pour ajouter vos ressources Javascript et CSS \u00e0 votre site tout en g\u00e9rant leurs d\u00e9pendances de mani\u00e8re modulaire.","og_url":"https:\/\/kinsta.com\/fr\/blog\/wp-enqueue-scripts\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2020-04-17T15:17:32+00:00","article_modified_time":"2023-08-22T10:57:45+00:00","og_image":[{"width":720,"height":450,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/04\/wp-enqueue-scripts.png","type":"image\/png"}],"author":"Daniel Pataki","twitter_card":"summary_large_image","twitter_description":"Utilisez wp_enqueue_scripts dans WordPress pour ajouter vos ressources Javascript et CSS \u00e0 votre site tout en g\u00e9rant leurs d\u00e9pendances de mani\u00e8re modulaire.","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/04\/wp-enqueue-scripts.png","twitter_creator":"@danielpataki","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Daniel Pataki","Dur\u00e9e de lecture estim\u00e9e":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/wp-enqueue-scripts\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wp-enqueue-scripts\/"},"author":{"name":"Daniel Pataki","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/b162216499225e1a4cdd35518f8ef0ff"},"headline":"wp_enqueue_scripts &#8211; Comment mettre vos ressources dans enqueue dans WordPress","datePublished":"2020-04-17T15:17:32+00:00","dateModified":"2023-08-22T10:57:45+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wp-enqueue-scripts\/"},"wordCount":1029,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wp-enqueue-scripts\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/04\/wp-enqueue-scripts.png","keywords":["webdev","WordPress"],"articleSection":["D\u00e9veloppement WordPress"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/fr\/blog\/wp-enqueue-scripts\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/wp-enqueue-scripts\/","url":"https:\/\/kinsta.com\/fr\/blog\/wp-enqueue-scripts\/","name":"wp_enqueue_scripts - Comment mettre vos avoirs en file d'attente dans WordPress","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wp-enqueue-scripts\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wp-enqueue-scripts\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/04\/wp-enqueue-scripts.png","datePublished":"2020-04-17T15:17:32+00:00","dateModified":"2023-08-22T10:57:45+00:00","description":"Utilisez wp_enqueue_scripts dans WordPress pour ajouter vos ressources Javascript et CSS \u00e0 votre site tout en g\u00e9rant leurs d\u00e9pendances de mani\u00e8re modulaire.","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wp-enqueue-scripts\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/wp-enqueue-scripts\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/wp-enqueue-scripts\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/04\/wp-enqueue-scripts.png","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/04\/wp-enqueue-scripts.png","width":720,"height":450,"caption":"wp_enqueue_scripts - Comment mettre vos avoirs en file d'attente dans WordPress"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/wp-enqueue-scripts\/#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":"wp_enqueue_scripts &#8211; Comment mettre vos ressources dans enqueue dans WordPress"}]},{"@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\/b162216499225e1a4cdd35518f8ef0ff","name":"Daniel Pataki","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2a44c1ab807766aeaa5c8d76d4c5ea66?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2a44c1ab807766aeaa5c8d76d4c5ea66?s=96&d=mm&r=g","caption":"Daniel Pataki"},"description":"Hi, my name is Daniel, I'm the CTO here at Kinsta. You may know me from Smashing Magazine, WPMU Dev, Tuts+ and other WordPress\/Development magazines. Aside from WordPress and PHP I spend most of my time around Node, React, GraphQL and other technologies in the Javascript space. When not working on making the best hosting solution in the Universe I collect board games, play table football in the office, travel or play guitar and sing in a pretty bad band.","sameAs":["http:\/\/danielpataki.com","https:\/\/x.com\/danielpataki"],"url":"https:\/\/kinsta.com\/fr\/blog\/author\/danielpataki\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/38288","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\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/comments?post=38288"}],"version-history":[{"count":5,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/38288\/revisions"}],"predecessor-version":[{"id":43452,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/38288\/revisions\/43452"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/38288\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/38288\/translations\/it"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/38288\/translations\/de"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/38288\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/38288\/translations\/fr"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/38288\/translations\/es"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/38288\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/38288\/translations\/nl"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/38288\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/38293"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=38288"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=38288"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=38288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}