En el episodio 201 de WordPress Semanal explico por qué no se ven los cambios que intentas hacer en tu web con WordPress y cómo darle solución.
Escuchar en iTunes Escuchar en iVoox Escuchar en Spotify¿Por qué no veo los cambios en mi web con WordPress?Si modificas el contenido o el diseño de tu web (con css copiado de la Zona Código, por ejemplo) pero esos cambios no se hacen efectivos en tu web, seguramente se deba a una de estas 5 causas:
Caché del navegador (browser caching) Ver Solución
Caché del servidor (server-side caching) Ver Solución
Plugins de caché Ver Solución
La especificidad del css Ver Solución
Cambios en el archivo incorrecto Ver Solución
“Hago los cambios y no pasa nada”. ¿Te suena esto? Si es así, prueba las siguientes soluciones.
1) Limpia la caché del navegadorCuando accedes a una web por primera vez tarda un tiempo en cargar pero, si sigues navegando o vuelves en otro momento, notarás que las páginas cargan más rápido.
Esto es gracias a que tu navegador (chrome, firefox, safari…) guarda información de esa página en tu ordenador. Así que, en el futuro, el navegador cargará la página desde tu ordenador en vez desde el servidor donde esté alojada la web.
El lugar donde se guarda esa información se llama caché.
Si haces grandes cambios a la web, el navegador que uses debería notarlo y actualizar la caché automáticamente. Pero si considera que los cambios son pequeños, entonces puede que no se detecten y se cargue una versión antigua de tu página.
Si eso ocurre, debes limpiar la caché. Así es como lo haces:
Para limpiar la caché en Chrome teclea ??? (Mac) o ?CTRL? (Windows)
Para limpiar la caché en Firefox teclea ??? (Mac) o ?CTRL? (Windows)
Para limpiar la caché en Safari teclea ??E
Para limpiar la caché en Opera teclea ??? (Mac) o ?CTRL? (Windows)
Para limpiar la caché en Internet Explorer teclea ?CTRL?
Si aún así no se limpia. Puedes probar el plugin Prevent Brower Caching mientras estás haciendo las modificaciones.
2) Limpia la caché del servidor (tu servicio de hosting)Algunos hostings usan plugins de caché sin decírselo expresamente a sus usuarios.
Desactívalo desde el panel de opciones de tu hosting. Si no, siempre puedes preguntar al soporte técnico.
En muchos casos (como en SiteGround) tendrás opciones de caché en tu hosting y podrás, entre otras cosas, limpiar la caché.
Opciones de cache de SiteGroundTambién hay otro tipo de sistema de caché (HTTP reverse proxy) que se usa a nivel de servidor
El más conocido es Varnish
Normalmente un servidor recoge una petición http y devuelve una reacción (lo que nuestros visitantes ven)
Sistemas como el de Varnish, optimizan esa reacción
Cuando esto ocurre puede que los cambios que hagas en tu web, tarden en verse
Tendrás que ajustar las opciones de tu sistema de caché para solucionarlo
3) Purga la caché de tu plugin (o theme)Algunos plugins de WordPress añaden la funcionalidad de caché a tu web para que cargue más rápido.
Lo normal es que, cuando publiques nuevo contenido, la caché se limpie. Pero si haces cambios a tu theme (como de css), puede que esto no ocurra.
Típico botón de limpiar la caché gestionada por un pluginEn ese caso, debes buscar un botón que ponga “purgar caché“, “vaciar caché“, “limpiar caché” o similar.
SG Optimizer
WP Super Cache: vídeo sobre su configuración (a partir de min. 9)
Cache Enabler
WP Rocket
Divi Theme (trae en un sistema de caché fuerte)
4) Ten en cuenta las reglas del cssCCS: Hojas de Estilo en Cascada
Herencia: los estilos css se heredan del elemento que contiene a otros elementos
Especificidad: así que hay a veces que ser más específico a la hora de dar estilos a un elemento contenido dentro de otros
Las clases y los IDs también entran en juego en la especificidad
Vídeo sobre herencia y especificidad en el CSS
Si te interesa, puedes ver la calculadora de especificidad
5) ¿Has puesto los cambios en el archivo correcto?¿Estás en la carpeta correcta?
¿Es la hoja de estilos o archivo js adecuado?
Compruébalo haciendo un cambio sencillo
Vídeo sobre cómo saber qué archivo debes editar
Plugin de la semana y enlacesEn este episodio he mencionado los siguientes recursos:
Plugin de la semana: integra WordPress con Telegram gracias al plugin WP Telegram Pro
Nuevo vídeo de la Zona código: poner el buscador de WordPress donde quieras a través de Shortcode
Curso del mes: Curso de Stripe
Recomendado: Cursos de html y css básicos enfocados a WordPress
Sí. Puedes crear y gestionar webs profesionales sin programarAcceso completo a más de 43 cursos para crear y gestionar páginas web que de verdad lleguen a la gente.
Ver cursos
La entrada 201 | Hago modificaciones en WordPress y no se ven los cambios es una artículo de Gonzalo Navarro.
Comentarios
Muy interesante el episodio, puede actuar a modo de checklist antes de mandar algún email al soporte cuando algo no nos sale. Respecto al plugin de Telegram, ¿tienes presencia ya en Telegram? A mí me parece muy interesante, da pie a crear grupos sobre temáticas como WordPress, etc. Aún es bastante nicho, pero tiene muchas posibilidades. :)