TechBlogSD - Все для WordPress і WEB розробки
WEB і WordPress інструкції, новини, огляди тем та плагінів

Виправте проблему з медіатекою WordPress, яка не відображає зображення

6

Важко зрозуміти проблему, коли це раптом відбувається на вашому сайті WordPress. Щодо складніших елементів, усунення несправностей є одним із найбільших головних болів під час запуску сайту WordPress. Нещодавно ми помітили, що на одному з наших сайтів є дивна проблема, що зображення не можна переглядати на сайті. Крім того, медіатека не показувала попередній перегляд зображень, хоча всі зображення фактично доступні на сервері. Якщо у вас така ж проблема, ось деякі рішення, які ви можете спробувати виправити, коли бібліотека мультимедіа WordPress не відображає зображення.

Перевірте сайт за допомогою Консолі розробника

Якщо у вас проблема із зображенням, спочатку відкрийте сайт у браузері та перевірте, чи можна переглядати зображення чи ні. Якщо ви можете переглянути зображення на веб -сайті, проблема може бути іншою. Наприклад, ви могли завантажити зображення через FTP, а не через Медіатеку на панелі адміністрування WordPress. Усі зображення, завантажені безпосередньо через FTP, неможливо переглянути в медіатеці на панелі адміністратора. Перегляньте статтю про те, як зробити завантаження зображень FTP видимим у медіатеці.

У деяких випадках зображення також не відображатимуться на веб -сайті. Якщо це ваш випадок, просто клацніть правою кнопкою миші елемент заповнювача зображення, який відображається як порожній. Перевірте деталі на консолі розробника. Він повинен показувати "Не вдалося завантажити зображення", як показано на малюнку нижче.

Виправте проблему з медіатекою WordPress, яка не відображає зображення

Не вдалося завантажити зображення у Firefox

Ви не побачите попереднього перегляду зображень під час перегляду в розділі "Медіа> Бібліотека" на панелі адміністрування WordPress.

Виправте проблему з медіатекою WordPress, яка не відображає зображення

Попередній перегляд зображень не відображається в Медіатеці

Тепер, коли ви можете зрозуміти, що зображення не завантажуються через певні обмеження або проблеми. Проблема зупиняє завантаження зображень на веб -сайт як у бекенд, так і в інтерфейс. Щоб вирішити проблему, виконайте наведені нижче рішення.

  • Вимкніть функцію гарячих посилань
  • Перевірте та змініть дозвіл файлу папки завантажень

1 Вимкніть "Гарячу посилання" зображення

1.1. Вимкніть функцію Hotlinking Image із cPanel

Багато власників сайтів просто скасовують вміст з інших веб -сайтів у мережі та відтворюють їх на своєму сайті. Переходячи до зображень, вони просто копіюють вихідну URL -адресу зображення з вашого сайту та посилають її на свій сайт. Іноді це може бути із законних причин, коли люди хочуть показати деталі з вашого сайту. Але проблема тут у тому, що зображення, завантажені на інших сайтах, також споживають пропускну здатність вашого власного сервера.

Для того, щоб інші користувачі не використовували ваші ресурси сервера, хостинг -компанії дозволяють захищати зображення за допомогою процесу "гарячих посилань". Це допомагає власникам сайтів дозволяти завантаження зображень лише з дозволених сайтів. Якщо ви нещодавно ввімкнули "гаряче посилання", це може спричинити помилку "Не вдалося завантажити зображення" у веб -переглядачі. Тому що ви могли неправильно активувати гарячі посилання на своєму власному сайті. Це відбувається особливо, коли ви розміщуєте кілька сайтів в одному обліковому записі хостингу.

Щоб вимкнути гарячу посилання зображення на своєму сайті, виконайте наведені нижче дії.

  • Увійдіть у свій хостинг cPanel або подібний обліковий запис.
  • Знайдіть опцію "гарячої лінії".

Виправте проблему з медіатекою WordPress, яка не відображає зображення

Варіант «гарячого посилання» зображення в cPanel Bluehost

  • Натисніть на нього та переконайтесь, що вимкнено на всіх ваших сайтах.

Виправте проблему з медіатекою WordPress, яка не відображає зображення

Вимкніть захист гарячої лінії

Зверніться до свого хоста та знову належним чином увімкніть опцію гарячого посилання, якщо вона вам потрібна. Увімкнувши, ви повинні додати всі власні сайти до списку винятків. Добре додати всі версії кожного сайту, такі як http, https, www та non-www версії. Нижче наведено приклад для довідки; вам слід додати всі версії всіх сайтів, розміщених у вашому обліковому записі, щоб звільнити їх від гарячих посилань.

Залежно від компанії, програма захисту гарячої лінії може бути доступна в іншому місці на вашому сервері хостингу. Наприклад, SiteGround використовує Інструменти сайту, які допомагають налаштувати захист на основі одного сайту. Bluehost та багато інших компаній використовують інтерфейс cPanel, де можна знайти додаток.

1.2. Вимкніть "Гарячі посилання" в .htaccess

По суті, включення гарячого посилання на зображення встановить директиви у файлі .htaccess, розташованому в корені вашого сайту. Отже, також можна ввімкнути гаряче посилання зображення, додавши записи безпосередньо у файл htaccess або за допомогою плагінів. Як правило, більшість плагінів безпеки пропонують функцію «гарячого посилання» зображення. Якщо ви увімкнули таку функцію, вимкніть її та перевірте, чи завантажуються зображення на ваш сайт.

Дотримуйтесь наведених нижче вказівок, щоб вимкнути гаряче посилання зображення у файлі htaccess:

  • Увійдіть у свій обліковий запис FTP за допомогою FileZilla або будь -якого іншого програмного забезпечення клієнта FTP.
  • Перейдіть до кореневого каталогу сайту, як правило, це ‘/public_html/’.
  • Знайдіть файл .htaccess. Іноді програмне забезпечення FTP може не відображати файли, що починаються з крапки. Тому переконайтеся, що включено перегляд прихованих файлів.

Виправте проблему з медіатекою WordPress, яка не відображає зображення

Показ прихованих файлів у FileZilla

  • Клацніть правою кнопкою миші файл htaccess і відредагуйте.

Виправте проблему з медіатекою WordPress, яка не відображає зображення

Редагуйте файл .htaccess за допомогою FileZilla

  • Перевірте та видаліть записи, пов’язані з гарячими посиланнями зображення. Це повинно бути приблизно так:
RewriteCond %{HTTP_REFERER} !^https://www.webnots.com$ [NC] RewriteRule .*.(jpg|jpeg|gif|png|bmp)$ - [F,NC]

Примітка: Коли ви вмикаєте гарячу посилання на зображення, жоден із ваших соціальних профілів не відображатиме зображення із вмістом спільного допису. Це хороший показник того, що ваш сервер блокує завантаження зображень.

2 Перевірте дозволи файлів

Інше рішення – перевірити та виправити дозволи на файли в каталозі завантаження зображень. WordPress керує видимістю файлу на основі дозволу для папки, в якій він зберігається. Коли хтось змінив дозвіл на файл, ви не можете переглядати зображення в медіатеці.

Дотримуйтесь наведених нижче вказівок, щоб скинути дозвіл файлу:

  • Увійдіть у свій обліковий запис FTP.
  • Перейдіть до каталогу ‘/wp-content/’ і перевірте наявність каталогу ‘uploads’. Якщо ви змінили папку для завантаження зображень, слід шукати цю папку на своєму сервері.
  • Перетягніть горизонтальну смугу прокрутки на програмне забезпечення FTP і перевірте дозвіл файлу для цієї папки для завантаження зображень та зображень у папці.
  • Зазвичай "Дозволи" повинні відображатися як "0644" або "0755", а "Власник/група" – "505/503", як показано нижче.

Виправте проблему з медіатекою WordPress, яка не відображає зображення

Встановіть дозволи на файли у FTP

  • Якщо ви бачите, що це інше, клацніть правою кнопкою миші папку завантажень і виберіть "Дозволи".
  • У спливаючому діалоговому вікні встановіть дозволи на 0644 або 0755.

Виправте проблему з медіатекою WordPress, яка не відображає зображення

Налаштування дозволів на файли у FileZilla

  • Переконайтеся, що встановлено прапорець "Повторити в підкаталоги" та виберіть опцію "Застосувати до всіх файлів і каталогів". Це гарантуватиме, що всі файли зображень у папці "uploads" мають правильні дозволи.
  • Натисніть "OK" і перевірте, чи правильно відображається дозвіл на файл.

Виправте проблему з медіатекою WordPress, яка не відображає зображення

Налаштування дозволів на файли

Зауважте, що в нашому випадку ми маємо зображення в каталозі "media", розміщеному поза каталогом "/wp-content/uploads/". Вам слід змінити дозволи на файли у каталозі зображень, які мають бути ‘/wp-content/uploads/’.

Тепер відкрийте медіатеку та перевірте, чи відображаються зображення. Ваш веб -сайт також повинен нормально відображати зображення без проблем.

Виправте проблему з медіатекою WordPress, яка не відображає зображення

Медіатека із зображеннями

Джерело запису: webnots.com
Залиште відповідь

Цей веб -сайт використовує файли cookie, щоб покращити ваш досвід. Ми припустимо, що з цим все гаразд, але ви можете відмовитися, якщо захочете. Прийняти Читати далі