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

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