{"id":232664,"date":"2023-01-26T12:45:00","date_gmt":"2023-01-26T09:45:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=232664"},"modified":"2023-01-26T12:46:50","modified_gmt":"2023-01-26T09:46:50","slug":"como-decirle-a-los-navegadores-que-vuelvan-a-actualizar-los-archivos-css-js-cuando-se-cambian-los-archivos-en-wordpress","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/es\/como-decirle-a-los-navegadores-que-vuelvan-a-actualizar-los-archivos-css-js-cuando-se-cambian-los-archivos-en-wordpress\/","title":{"rendered":"\u00bfC\u00f3mo decirle a los navegadores que vuelvan a actualizar los archivos CSS\/JS cuando se cambian los archivos en WordPress?"},"content":{"rendered":"<p>En los encabezados de <a href=\"https:\/\/wordpress.mediadoma.com\/es\/script-php-para-proteger-las-carpetas-de-wordpress-configurando-los-permisos-de-archivo-correctos\/\" title=\"wordpress\">wordpress<\/a>, probablemente notar\u00e1 que los activos est\u00e1ticos de <a href=\"https:\/\/helloacm.com\/css-for-image-onmouseover-event\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">CSS<\/a> y <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<\/a> se mencionan as\u00ed:<\/p>\n<pre><code>https:\/\/justyy.com\/wp-content\/themes\/twentytwelve\/style.css?ver=4.4.2<\/code><\/pre>\n<p>La cadena de consulta <strong>?ver=<\/strong> se usa para indicar a los navegadores que realicen una actualizaci\u00f3n forzada de los recursos est\u00e1ticos cuando la versi\u00f3n principal de wordpress ha cambiado porque es posible que algunos navegadores no puedan ignorar los archivos de cach\u00e9 ya que la URL no ha cambiado.<\/p>\n<p>A veces, quiero cambiar el <strong>archivo style.css<\/strong> en el <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\">tema secundario,<\/a> pero el navegador sigue recuperando el archivo en cach\u00e9 ya que la versi\u00f3n de wordpress no ha cambiado. y tengo que ir a <a href=\"https:\/\/helloacm.com\/cloudflare-weaker-sha1-ssl-to-support-all-browsers\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">CloudFlare<\/a> para purgar el cach\u00e9. Una mejor soluci\u00f3n es cambiar <strong>?ver=<\/strong> a <strong>?filetime=<\/strong> para que cada vez que se modifique el archivo, la URL cambie.<\/p>\n<p>Puede agregar lo siguiente en la plantilla child-theme functions.php para que esto suceda.<\/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>Podr\u00edas usar <a href=\"https:\/\/helloacm.com\/file_put_contents-substitute-in-php\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">el contenido del archivo<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/helloacm.com\" class=\"external external_icon\">helloacm.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfC\u00f3mo decirle a los navegadores que vuelvan a actualizar los archivos CSS\/JS cuando se cambian los archivos en WordPress?<\/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":[892,716,831,914,800,840,1085,861],"tags":[1172],"class_list":["post-232664","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codigo","category-desarrollador","category-guia-para-principiantes","category-otro","category-php-2","category-tutoriales","category-velocidad-del-sitio","category-wordpress-2","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/232664","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/comments?post=232664"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/232664\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media\/223973"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media?parent=232664"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/categories?post=232664"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/tags?post=232664"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}