Actualizar automáticamente la hoja de estilos de WordPress

Question

Actualizar automáticamente la hoja de estilos de WordPress

11 oct 2017, 00:54:56

Vistas: 19.7K

Votos: 5

Actualmente estoy usando una computadora Mac y no logro descubrir cómo actualizar mi sitio web cuando hago cambios en mi archivo de hoja de estilos de WordPress. He intentado usar Cmd+R para una recarga forzada, he intentado vaciar las cachés, pero nada parece funcionar – la versión antigua sigue cargándose de todos modos.

Antes he usado una computadora Windows y cada vez que hacía un cambio de estilo en mi archivo style.css, simplemente presionaba ctrl + F5 y se actualizaba forzadamente de inmediato.

¿Alguien conoce algún truco además de Cmd+R o limpiar las cachés para actualizar automáticamente la hoja de estilos?

Cakers

181

caché css

Comentarios

puedes establecer la versión con wp_enqueue_style luego cada vez que cambies algo, modifica el número de versión y esto forzará la recarga porque la URL termina con "...css?ver=12" https://developer.wordpress.org/reference/functions/wp_enqueue_style/

mmm

11 oct 2017 00:58:26

mmm he tenido este problema durante casi 20 días. He estado en soporte con el host 3 veces. ¡Tu solución podría haberme ahorrado horas de frustración, si la hubiera encontrado primero!

Nora McDougall-Collins

5 mar 2021 05:22:17

Todas las respuestas a la pregunta

Comentarios

A mí también me encanta usar el truco del time(). Es especialmente útil para pruebas en móviles porque los teléfonos tienden a cachear todo y son menos propensos a refrescar.

MarkPraschan

9 abr 2018 16:50:53

Hmm, un comentario en el codex sugería no usar time() como cuarto parámetro. https://developer.wordpress.org/reference/functions/wp_enqueue_style/#comment-2056

Rocky Kev

29 may 2020 00:03:38

WP Vlad 41 · Answer 1 · 2018-04-09T13:28:52Z

"Solución rápida": Haz clic derecho -> ver código fuente (ctrl+U), busca el archivo .css que modificaste, ábrelo en una nueva pestaña y recarga (deberías ver el cambio en el lugar donde lo hiciste).

SÓLO en modo desarrollo añade la función php time() en lugar del número de versión

wp_enqueue_style( $handle, $src, array(), time() , 'all' );

Borra la caché si usas algún plugin de caching.

WP Vlad

41

9 abr 2018 13:28:52

Greg Much 81 · Answer 2 · 2018-04-09T14:07:02Z

Si estás usando caché para tus estilos, necesitas refrescar el caché, desactivar un plugin de caché o simplemente agregar la función "time()" a la versión de tus estilos.

wp_enqueue_style( 'some-style', get_stylesheet_directory_uri() . '/yourpath.css', array(), time());

Más información puedes encontrar aquí sobre estilos en WordPress. wp_enqueue_style

Greg Much

81

9 abr 2018 14:07:02

Canelo Digital 141 · Answer 3 · 2018-04-09T16:47:35Z

esto puede ser en realidad un problema complejo y puede tener muchas dimensiones:

Por favor define más: ¿Estás desarrollando localmente (servidor, base de datos está en tu computadora) o de manera remota (Hosting, FTP, etc.)?

El caché puede ser realmente un dolor: El hosting web puede tener un mecanismo de caché funcionando (ej. Varnish Cache) WordPress puede tener un mecanismo de caché (como W3 Total Cache) Con el caché del navegador has configurado un caché largo para archivos CSS (.htaccess)

Así que si tienes una buena configuración de htaccess, etc., los tres tipos de caché pueden hacer más difícil actualizar (especialmente) cambios en CSS. Como señaló mmm, incluir la versión en el functions.php es un método muy útil y recomendado, pero no siempre funciona (por ejemplo con Varnish Cache).

Así que si estás en desarrollo, es recomendable desactivar todos los cachés mientras haces cambios CSS, y quedarte con el "refresh del número de versión", es el método más recomendado. Si ya es un sitio en producción, te recomiendo acostumbrarte a vaciar los tres cachés antes de actualizar (para unos pocos cambios no hay problema).

Pero no hay una manera más fácil, para eso existen los cachés y las vidas largas.