{"id":232716,"date":"2023-01-26T12:38:00","date_gmt":"2023-01-26T09:38:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=232716"},"modified":"2023-01-26T12:41:40","modified_gmt":"2023-01-26T09:41:40","slug":"comment-dire-aux-navigateurs-de-mettre-a-jour-les-fichiers-css-js-lorsque-les-fichiers-sont-modifies-dans-wordpress","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fr\/comment-dire-aux-navigateurs-de-mettre-a-jour-les-fichiers-css-js-lorsque-les-fichiers-sont-modifies-dans-wordpress\/","title":{"rendered":"Comment dire aux navigateurs de mettre \u00e0 jour les fichiers CSS\/JS lorsque les fichiers sont modifi\u00e9s dans WordPress\u00a0?"},"content":{"rendered":"<p>Dans les en-t\u00eates <a href=\"https:\/\/wordpress.mediadoma.com\/fr\/script-php-pour-securiser-les-dossiers-wordpress-en-definissant-les-autorisations-de-fichier-correctes\/\" title=\"wordpress\">wordpress<\/a>, vous avez probablement remarqu\u00e9 que les actifs statiques <a href=\"https:\/\/helloacm.com\/css-for-image-onmouseover-event\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">CSS<\/a> et <a href=\"https:\/\/helloacm.com\/tutorial-example-how-to-access-microsoft-excel-chart-using-the-windows-scripting-host-jscript\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">JS sont r\u00e9f\u00e9renc\u00e9s comme ceci\u00a0:<\/a><\/p>\n<pre><code>https:\/\/justyy.com\/wp-content\/themes\/twentytwelve\/style.css?ver=4.4.2<\/code><\/pre>\n<p>La cha\u00eene de requ\u00eate <strong>?ver=<\/strong> est utilis\u00e9e pour indiquer aux navigateurs d&rsquo;effectuer une mise \u00e0 jour forc\u00e9e sur les ressources statiques lorsque la version principale de wordpress a chang\u00e9, car certains navigateurs peuvent ne pas \u00eatre en mesure d&rsquo;ignorer les fichiers de cache puisque l&rsquo;URL n&rsquo;a pas chang\u00e9.<\/p>\n<p>Parfois, je veux changer le <strong>style.css<\/strong> dans le <a href=\"https:\/\/helloacm.com\/schema-2-0-dont-let-google-penalize-your-slow-loading-website\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">th\u00e8me enfant<\/a> mais le navigateur r\u00e9cup\u00e8re toujours le fichier mis en cache puisque la version wordpress n&rsquo;a pas chang\u00e9. et je dois aller sur <a href=\"https:\/\/helloacm.com\/cloudflare-weaker-sha1-ssl-to-support-all-browsers\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">CloudFlare<\/a> pour purger le cache. Une meilleure solution consiste \u00e0 remplacer <strong>?ver=<\/strong> par <strong>?filetime=<\/strong> afin qu&rsquo;\u00e0 chaque modification du fichier, l&rsquo;URL change.<\/p>\n<p>Vous pouvez ajouter ce qui suit dans le mod\u00e8le children-theme functions.php pour que cela se produise.<\/p>\n<pre><code>function justyy_remove_cssjs_ver( $src) {\n\u00a0 $newsrc = $src;\n\u00a0 if( strpos( $newsrc, '?ver=')) {\n\u00a0 \u00a0 $newsrc = remove_query_arg( 'ver', $newsrc );\n\u00a0 }\n\u00a0 $rootdir = '\/var\/www'; \/\/ the path to your domain on the server\n\u00a0 $url = parse_url($newsrc, PHP_URL_PATH);\n\u00a0 $source = $rootdir .'\/'. $url;\n\u00a0 if (is_file($source)) {\n\u00a0 \u00a0 $newsrc .= \"?m=\".filemtime($source);\n\u00a0 \u00a0 return $newsrc;\n\u00a0 } \u00a0 \u00a0 \n\u00a0 return $src; \/\/ keep unchanged if file is not accessible.\n}\nadd_filter( 'style_loader_src', 'justyy_remove_cssjs_ver', 10, 2 );\nadd_filter( 'script_loader_src', 'justyy_remove_cssjs_ver', 10, 2 );<\/code><\/pre>\n<p>Vous pouvez utiliser <a href=\"https:\/\/helloacm.com\/file_put_contents-substitute-in-php\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">le contenu du fichier<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/helloacm.com\" class=\"external external_icon\">helloacm.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Comment dire aux navigateurs de mettre \u00e0 jour les fichiers CSS\/JS lorsque les fichiers sont modifi\u00e9s dans WordPress\u00a0?<\/p>\n","protected":false},"author":1,"featured_media":223973,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[915,893,717,832,801,841,1086,862],"tags":[1167],"class_list":["post-232716","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-autre","category-code-2","category-developpeur","category-guide-pour-les-debutants","category-php-3","category-tutoriels","category-vitesse-du-site","category-wordpress-3","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/232716","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/comments?post=232716"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/232716\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media\/223973"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media?parent=232716"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/categories?post=232716"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/tags?post=232716"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}