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

Как исправить медиа-библиотеку WordPress, не отображающую проблему с изображениями

84

Трудно понять проблему, когда она внезапно возникает на вашем сайте WordPress. С более сложными элементами устранение неполадок – одна из самых больших проблем при работе с сайтом WordPress. Недавно мы заметили, что на одном из наших сайтов возникла странная проблема, заключающаяся в том, что изображения не могут быть просмотрены на сайте. Кроме того, медиабиблиотека не показывала предварительный просмотр изображений, хотя все изображения фактически доступны на сервере. Если у вас такая же проблема, вот несколько решений, которые вы можете попробовать исправить в медиатеке WordPress, не отображающей изображения.

Проверьте сайт с помощью консоли разработчика

Если у вас возникла проблема с изображением, сначала откройте сайт в браузере и проверьте, можете ли вы просматривать изображения. Если вы можете просмотреть изображение на живом сайте, проблема может быть в другом. Например, вы могли загрузить изображения через FTP вместо загрузки через медиа-библиотеку в панели администратора WordPress. Все изображения, загруженные напрямую через FTP, нельзя просмотреть в медиатеке в панели администратора. Ознакомьтесь со статьей о том, как сделать загрузку изображений по FTP видимыми в медиатеке.

В некоторых случаях вы также не увидите изображения на действующем сайте. Если это ваш случай, просто щелкните правой кнопкой мыши элемент-заполнитель изображения, отображаемый как пустой. Проверьте подробности в консоли разработчика. Должно появиться сообщение «Не удалось загрузить изображение», как показано на рисунке ниже.

Как исправить медиа-библиотеку WordPress, не отображающую проблему с изображениями

Изображение не может быть загружено в Firefox

Вы не увидите превью изображений при просмотре в «Медиа> Библиотека» в панели администратора WordPress.

Как исправить медиа-библиотеку WordPress, не отображающую проблему с изображениями

В медиатеке не отображаются превью изображений

Теперь, когда вы понимаете, что изображения не загружаются из-за некоторых ограничений или проблем. Проблема останавливает загрузку изображений на сайте как на внутреннем, так и на внешнем интерфейсе. Следуйте приведенным ниже решениям, чтобы устранить проблему:

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

1 Отключить хотлинкинг изображений

1.1. Отключить Hotlinking изображений из cPanel

Многие владельцы сайтов просто отбрасывают контент с других сайтов в Интернете и воспроизводят его на своем сайте. При переходе к изображениям они просто копируют исходный URL-адрес изображения с вашего сайта и ссылаются на него на своем сайте. Иногда люди хотят показывать подробности с вашего сайта по уважительной причине. Но проблема здесь в том, что изображения, загруженные на другие сайты, также потребляют пропускную способность вашего собственного сервера.

Чтобы избежать использования ресурсов вашего сервера другими лицами, хостинговые компании позволяют защищать изображения с помощью процесса «хотлинкинга». Это помогает владельцам сайтов разрешать загрузку изображений только с тех сайтов, которые они разрешают. Если вы недавно включили хотлинкинг, это могло вызвать ошибку «Не удалось загрузить изображение» в браузере. Потому что вы могли ошибочно включить хотлинкинг на своем собственном сайте. Это происходит, особенно когда вы размещаете несколько сайтов на одной учетной записи хостинга.

Чтобы отключить хотлинкинг изображений на своем сайте, выполните следующие действия:

  • Войдите в cPanel вашего хостинга или аналогичную учетную запись.
  • Найдите вариант «хотлинкинг».

Как исправить медиа-библиотеку WordPress, не отображающую проблему с изображениями

Вариант Hotlinking изображения в Bluehost cPanel

  • Щелкните по нему и убедитесь, что он отключен на всех своих сайтах.

Как исправить медиа-библиотеку WordPress, не отображающую проблему с изображениями

Отключить защиту от хотлинков

Свяжитесь с вашим хостом и снова включите опцию хотлинкинга, если она вам нужна. При включении вы должны добавить все свои сайты в список исключений. Хорошо добавлять все версии каждого сайта, такие как версии с http, https, www и без 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».
  • Нажмите «ОК» и убедитесь, что права доступа к файлу отображаются правильно.

Как исправить медиа-библиотеку WordPress, не отображающую проблему с изображениями

Настройки прав доступа к файлам

Обратите внимание, что в нашем случае у нас есть изображения в каталоге media, размещенном вне каталога / wp-content / uploads /. Вам следует изменить права доступа к файлам в каталоге изображений, который должен быть «/ wp-content / uploads /».

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

Как исправить медиа-библиотеку WordPress, не отображающую проблему с изображениями

Медиа-библиотека с изображениями

Источник записи: webnots.com
Leave A Reply

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. Принимаю Подробнее