201 | Hago modificaciones en WordPress y no se ven los cambios

WordPress Semanal

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:

1. Caché del navegador (browser caching) 👉 Ver Solución
2. Caché del servidor (server-side caching) 👉 Ver Solución
3. Plugins de caché 👉 Ver Solución
4. La especificidad del css 👉 Ver Solución
5. 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 navegador

Cuando 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 SiteGround

Tambié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 plugin

En 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 css

• CCS: 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 enlaces

En este episodio he mencionado los siguientes recursos:

1. Plugin de la semana: integra WordPress con Telegram gracias al plugin WP Telegram Pro
2. Nuevo vídeo de la Zona código: poner el buscador de WordPress donde quieras a través de Shortcode
3. Curso del mes: Curso de Stripe
4. Recomendado: Cursos de html y css básicos enfocados a WordPress

Sí. Puedes crear y gestionar webs profesionales sin programar

Acceso 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.