Ir al contenido principal

¿Qué hacer cuando Elementor no muestra imágenes?

¿Te ha pasado alguna vez que no se ven las imágenes de tu sitio web cuando usas Elementor? ¡Aquí te enseñamos cómo solucionarlo!

¡Hola SEONauta! En esta ocasión te traigo una solución a uno de los errores más frecuentes de Elementor PRO. Si eres un usuario que utiliza este maquetador de sitios web, te habrá pasado que en ocasiones Elementor no carga bien las imágenes que tienes configuradas.

Déjame decirte que este es un error muy común y que, casi siempre, la solución es tan sencilla como irte a herramientas y decirle que vuelva a escanear la biblioteca de medios y que regenere los archivos CSS, pero… ¿Por qué Elementor deja de mostrar las imágenes publicadas en tu sitio web?

¿Por qué Elementor no muestra las imágenes en mi sitio web?

Cuando este error ocurre, lo más frecuente es porque sea por alguno de estos motivos que te voy a listar:

  1. Has migrado el sitio a otro hosting o dominio: Cuando hacemos una migración, ya sea de hosting o de dominio, Elementor necesita volver a escanear tu sitio web, para detectar los elementos que ha perdido y para volver a regenerar los estilos visuales, CSS, que necesita para mostrarlos.
  2. Has restaurado una copia de seguridad: Cuando restauramos una copia de seguridad, ocurre lo mismo que si hubieras realizado una migración del sitio web y Elementor necesita volver a regenerar el CSS y escanear los medios perdidos.
  3. Se han corrompido las imágenes y archivos de medios: Si usas algún plugin para comprimir imágenes, estos no son del todo fiables y en ocasiones son capaces de corromper las imágenes que comprimen, evitando así que se puedan visualizar.
  4. Se ha producido un error con la carpeta Upload de WordPress: Puede darse el caso de que hayas estado tocando a través de FTP o algún plugin o alguna otra cosa y que esto produzca que las imágenes dentro de esta carpeta se eliminen, corrompan o algo por el estilo. Esto es algo muy raro que ocurra, pero ya me he encontrado algún caso parecido.
  5. Has eliminado las imágenes: También puede ser que hayas eliminado las imágenes por error y que estas ya no estén disponibles para verse porque ya no están alojadas en tu sitio.

¿Cómo solucionar el error de Elementor no muestra imágenes destacadas en mi sitio web?

Vale, ahora ya sabemos el porqué se ha podido producir el error, aunque hay varios motivos más para que este surja, pero estos son los que más he llegado a ver y por eso te los pongo.

¿Y ahora qué? ¿Cómo se repara el error?

En el caso de que hayas realizado una migración o restaurado una copia de seguridad, tendrás que decirle a Elementor que regenere los archivos CSS y que reescanee la biblioteca de medios.

Para hacer eso vamos a Elementor –> Herramientas

Ahora podremos ver las opciones de Regenerar el CSS y reescanear la biblioteca de medios.


Si tienes algún plugin de caché, borra la caché para que se apliquen los cambios en los archivos visuales de la caché

Bueno, esto es todo. Espero que te sirva y que hayas podido solucionar tu error. Como ya te he comentado anteriormente, existen más motivos para que Elementor no te muestre las imágenes y tienen diferentes soluciones. Si no hemos resuelto tu problema, escríbelo en los comentarios para poder ampliar el artículo.

Comentarios

Entradas populares de este blog

PRO Elements - La alternativa GPL a Elementor PRO

Desbloquea Elementor Pro Gratis GPL ¿Qué es Elementor PRO? Elementor FREE es un plugin gratuito para WordPress que permite a los usuarios crear y maquetar páginas web de forma fácil y rápida. Al utilizar Elementor, los usuarios pueden crear sitios web profesionales y píxel perfectos con un maquetador visual de arrastrar y soltar, sin necesidad de conocer código. Elementor también ofrece una amplia gama de plantillas y extensiones, lo que permite a los usuarios personalizar y ampliar sus sitios web de manera sencilla. Elementor Pro es la versión de pago de Elementor y viene con características adicionales como widgets adicionales, soporte premium y una biblioteca de plantillas completa. Algunas de las funciones adicionales incluidas en Elementor Pro son la posibilidad de crear tipos de entrada personalizados, controles de diseño avanzados y acceso a plantillas premium. Además, Elementor Pro incluye soporte para WooCommerce, lo que permite a los usu...

Cómo Abrir Vídeos de YouTube en una Ventana Emergente Pop-up: ¡Descubre el Truco para Enganchar a tu Audiencia!

  ¿Te gustaría destacar tus videos de YouTube de una manera llamativa en tu blog? ¡Estás en el lugar correcto! En este tutorial, te enseñaremos cómo abrir vídeos de YouTube en una ventana emergente pop-up con un diseño moderno y no intrusivo. Prepárate para impresionar a tus lectores y aumentar la interacción con tus contenidos multimedia. ¡Vamos a sumergirnos en el fascinante mundo de los pop-ups! Paso 1: Copiar y Pegar el Código HTML Entra en la sección "Vista HTML" de la edición de entradas en tu blog de Blogger. Copia y pega el primer código HTML proporcionado a continuación. Este código es la clave para activar la ventana emergente que resaltará tu video. Paso 2: Elige tu Video y Reemplaza los Detalles Selecciona el video de YouTube que deseas mostrar en la ventana emergente. Copia la identidad del video y reemplázala en el código. Además, modifica el enlace URL de la imagen que se mostrará como el enlace de apertura para el pop-up. Paso 3: Ajusta las M...

Como poner un widget de las últimas entradas publicadas en Blogger

Uno de los aspectos fundamentales de esta estrategia es mantener una sección de "Últimas Entradas Publicadas". En este artículo, exploraremos por qué las últimas entradas son tan importantes, cómo pueden beneficiar tanto a los bloggers como a los lectores y como podemos poner el widget en tu blog de blogger. Como poner un widget de las últimas entradas publicadas en Blogger Inicia sesión en tu cuenta de Blogger. Abre el panel de control de tu blog. Dirígete a "Diseño" en el menú lateral. Encuentra el área donde deseas agregar el efecto de nieve, como un widget o una entrada. Si estás utilizando un widget, agrega un nuevo widget "HTML/JavaScript". Pega el siguiente código en el campo del widget. Guarda los cambios en tu diseño. <style type='text/css'> img.recent_thumb {padding:2px;width:70px;height:70px;border:0; float:left;margin:5px 10px 10px 0; border: 1px solid #ccc;} .recent_posts_with_thumbs {float: left;width: 100%;min-height: 100px;m...