TechBlogSD - Todo para WordPress y desarrollo WEB
Instrucciones de WEB y WordPress, noticias, reseñas de temas y complementos

Solucionar el problema de la biblioteca de medios de WordPress que no muestra imágenes

29

Es difícil entender el problema cuando ocurre repentinamente en su sitio de WordPress. Con elementos más complejos, solucionar un problema es uno de los mayores dolores de cabeza al ejecutar un sitio de WordPress. Recientemente, nos hemos dado cuenta de que uno de nuestros sitios tiene un problema extraño en el que las imágenes no se pueden ver en el sitio. Además, la biblioteca de medios no mostraba una vista previa de las imágenes, aunque todas las imágenes están disponibles en el servidor. Si tiene el mismo problema, aquí hay algunas soluciones que puede intentar para corregir la biblioteca de medios de WordPress que no muestra imágenes.

Consulte el sitio con la consola de desarrollo

Cuando tenga el problema de la imagen, primero abra el sitio en el navegador y verifique si puede ver las imágenes o no. Si puede ver la imagen en un sitio en vivo, el problema podría ser diferente. Por ejemplo, es posible que haya cargado las imágenes a través de FTP en lugar de cargarlas a través de la Biblioteca de medios en el panel de administración de WordPress. Todas las imágenes cargadas directamente a través de FTP no se pueden ver en la biblioteca de medios en el panel de administración. Consulte el artículo sobre cómo hacer visibles las cargas de imágenes FTP en la biblioteca de medios.

En algunos casos, tampoco verá las imágenes en el sitio en vivo. Si este es su caso, simplemente haga clic con el botón derecho en el elemento de marcador de posición de la imagen que se muestra en blanco. Verifique los detalles en la consola del desarrollador. Debería mostrar ‘No se pudo cargar la imagen’ como se muestra en la imagen de abajo.

Solucionar el problema de la biblioteca de medios de WordPress que no muestra imágenes

La imagen no se pudo cargar en Firefox

No verá las vistas previas de las imágenes cuando las vea en ‘Medios> Biblioteca’ en el panel de administración de WordPress.

Solucionar el problema de la biblioteca de medios de WordPress que no muestra imágenes

No se muestran vistas previas de imágenes en la biblioteca multimedia

Ahora que puede comprender que las imágenes no se cargan debido a alguna restricción o problema. El problema detiene la carga de imágenes en el sitio tanto en el backend como en el frontend. Siga las siguientes soluciones para solucionar el problema:

  • Desactivar la función de hotlinking
  • Verifique y cambie el permiso de archivo de la carpeta de cargas

1 Deshabilitar el enlace directo de imágenes

1.1. Deshabilitar el enlace directo de imágenes desde cPanel

Hay muchos propietarios de sitios que simplemente eliminan el contenido de otros sitios en la web y lo reproducen en su sitio. Cuando acceden a las imágenes, simplemente copian la URL de la imagen original de su sitio y la vinculan a su sitio. A veces, puede ser por una razón legítima que las personas quieran mostrar detalles de su sitio. Pero el problema aquí es que las imágenes cargadas en otros sitios también consumen el ancho de banda de su propio servidor.

Para evitar que otros utilicen los recursos de su servidor, las empresas de alojamiento le permiten proteger las imágenes mediante el proceso de "hotlinking". Esto ayuda a los propietarios de sitios a permitir la carga de imágenes solo desde los sitios que lo permiten. Si ha habilitado recientemente el enlace directo, eso podría causar el error ‘No se pudo cargar la imagen’ en el navegador. Porque es posible que haya habilitado el hotlinking incorrectamente en su propio sitio. Esto sucede especialmente cuando aloja varios sitios en la misma cuenta de alojamiento.

Siga el proceso a continuación para deshabilitar el enlace directo de imágenes en su sitio:

  • Inicie sesión en su cPanel de hosting o cuenta similar.
  • Busque la opción ‘hotlinking’.

Solucionar el problema de la biblioteca de medios de WordPress que no muestra imágenes

Opción de enlace directo de imagen en Bluehost cPanel

  • Haga clic en él y asegúrese de deshabilitarlo en todos sus sitios.

Solucionar el problema de la biblioteca de medios de WordPress que no muestra imágenes

Deshabilitar la protección de Hotlink

Consulte con su anfitrión y habilite correctamente la opción de enlace directo nuevamente si lo necesita. Al habilitarlo, debe agregar todos sus propios sitios en la lista de excepciones. Es bueno agregar todas las versiones de cada sitio como http, https, www y versiones sin www. A continuación se muestra un ejemplo para su referencia; debe agregar todas las versiones de todos los sitios alojados en su cuenta para estar exentos de hotlinking.

La aplicación de protección de hotlink puede estar disponible en una ubicación diferente en su servidor de alojamiento dependiendo de la empresa. Por ejemplo, SiteGround utiliza herramientas del sitio que le ayudan a configurar la protección en un solo sitio. Bluehost y muchas otras empresas utilizan la interfaz cPanel donde puede encontrar la aplicación.

1.2. Deshabilitar Hotlinking en .htaccess

Básicamente, habilitar el enlace directo de imágenes configurará las directivas en el archivo .htaccess ubicado en la raíz de su sitio. Por lo tanto, también es posible habilitar el enlace directo de imágenes agregando entradas en el archivo htaccess directamente o usando complementos. Generalmente, la mayoría de los complementos de seguridad ofrecen una función de enlace directo de imágenes. Si ha habilitado dicha función, deshabilítela y verifique que las imágenes se estén cargando en su sitio.

Siga las instrucciones a continuación para deshabilitar el enlace directo de imágenes en el archivo htaccess:

  • Inicie sesión en su cuenta FTP utilizando FileZilla o cualquier otro software de cliente FTP.
  • Navegue al directorio raíz del sitio, generalmente es ‘/ public_html /’.
  • Busque el archivo .htaccess. A veces, es posible que su software FTP no muestre los archivos que comienzan con un punto. Así que asegúrese de habilitar la opción de visualización de archivos ocultos.

Solucionar el problema de la biblioteca de medios de WordPress que no muestra imágenes

Mostrar archivos ocultos en FileZilla

  • Haga clic derecho en el archivo htaccess y edite.

Solucionar el problema de la biblioteca de medios de WordPress que no muestra imágenes

Edite el archivo .htaccess con FileZilla

  • Compruebe y elimine las entradas relacionadas con el enlace directo de imágenes. Debería ser algo como a continuación:
RewriteCond %{HTTP_REFERER} !^https://www.webnots.com$ [NC] RewriteRule .*.(jpg|jpeg|gif|png|bmp)$ - [F,NC]

Nota: cuando habilita el enlace directo de imágenes, ninguno de sus perfiles sociales mostrará imágenes destacadas del contenido de la publicación compartida. Esta es una buena indicación de que su servidor bloquea la carga de las imágenes.

2 Verifique los permisos de archivo

La otra solución es verificar y corregir los permisos de archivo del directorio de carga de imágenes. WordPress controla la visibilidad de un archivo según el permiso establecido para la carpeta en la que está almacenado. Cuando alguien cambia el permiso del archivo, no puede ver las imágenes en la biblioteca de medios.

Siga las instrucciones a continuación para restablecer el permiso del archivo:

  • Inicie sesión en su cuenta FTP.
  • Navegue al directorio ‘/ wp-content /’ y busque el directorio ‘uploads’. Si ha cambiado la carpeta de carga de imágenes, debe buscar esa carpeta en su servidor.
  • Arrastre la barra de desplazamiento horizontal en el software FTP y verifique el permiso de archivo de esa carpeta de carga de imágenes y las imágenes dentro de la carpeta.
  • Generalmente, los ‘Permisos’ deben mostrarse como ‘0644’ o ‘0755’ y el ‘Propietario / Grupo’ debe mostrar ‘505/503’ como se muestra a continuación.

Solucionar el problema de la biblioteca de medios de WordPress que no muestra imágenes

Establecer permisos de archivo en FTP

  • Si ve que es diferente, haga clic derecho en la carpeta de cargas y elija ‘Permisos’.
  • En el cuadro de diálogo emergente, establezca los permisos en 0644 o 0755.

Solucionar el problema de la biblioteca de medios de WordPress que no muestra imágenes

Configuración de permisos de archivo en FileZilla

  • Asegúrese de seleccionar la casilla de verificación que dice ‘Recurrir a subdirectorios’ y elija la opción ‘Aplicar a todos los archivos y directorios’. Esto asegurará que todos los archivos de imagen dentro de la carpeta ‘uploads’ tengan los permisos correctos.
  • Haga clic en ‘Aceptar’ y verifique que el permiso del archivo se muestre correctamente.

Solucionar el problema de la biblioteca de medios de WordPress que no muestra imágenes

Configuración de permisos de archivos

Tenga en cuenta que en nuestro caso tenemos imágenes en el directorio ‘media’ alojadas fuera del directorio ‘/ wp-content / uploads /’. Debe cambiar los permisos de archivo de su directorio de imágenes, que debe ser ‘/ wp-content / uploads /’.

Ahora abra la biblioteca de medios y verifique que se muestren las imágenes. Su sitio también debería mostrar las imágenes normalmente sin ningún problema.

Solucionar el problema de la biblioteca de medios de WordPress que no muestra imágenes

Biblioteca multimedia que muestra imágenes

Fuente de grabación: webnots.com

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. AcceptRead More