Як виправити, що зображення не відображається у WordPress (6 способів)

Зображення у WordPress виступають у ролі візуальних гачків. Вони часто є першим, що помічають відвідувачі. Гарне зображення може покращити зовнішній вигляд вашого сайту та справити сильне перше враження. 

Але коли ці зображення відображаються неправильно, це може призвести до поганого користувацького досвіду, менш привабливого макета та навіть негативно вплинути на ефективність SEO.

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

Поширені причини проблем із зображеннями

Перш ніж заглиблюватися в рішення, важливо зрозуміти основні причини, чому зображення не відображається у WordPress. Нижче наведено деякі з найпоширеніших причин: 

1. Тема не підтримує вибрані зображення

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

Деякі теми насправді не підтримують вибрані зображення за замовчуванням або можуть вимагати додаткових кроків для їх увімкнення.

Тож, якщо ваші вибрані зображення не відображаються, навіть якщо ви їх правильно додали, це може бути причиною.

2. Неправильні налаштування дисплея

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

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

3. Конфлікти плагінів

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

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

4. Lazy loading впливає на видимість зображення

Lazy loading – це функція, яка використовується плагінами для покращення часу завантаження сторінок, завантажуючи зображення лише тоді, коли вони потрібні.

Хоча це корисний інструмент, він іноді може перешкоджати завантаженню вибраних зображень. Зазвичай це трапляється, якщо для всіх зображень на сторінці ввімкнено відкладене завантаження.

Якщо ви активували цей параметр, обов’язково налаштуйте конфігурацію так, щоб lazy loading не впливало на вибране зображення. Ви також можете спробувати перейти на інший плагін lazy loading щоб вирішити проблему. 

5. Помилки HTTP під час завантаження зображення

Якщо під час завантаження зображення ви бачите повідомлення про помилку HTTP, це зазвичай означає, що файл занадто великий або перевищує ліміт завантаження сайту.

Це поширена проблема, особливо коли ви намагаєтеся завантажити на свій сайт більші зображення. Щоб виправити це, потрібно збільшити ліміт пам'яті PHP, відредагувавши файл wp-config.php або стиснувши зображення перед завантаженням.

6. Відсутнє метабокс вибраного зображення

Метаполе вибраного зображення має бути видимим під час редагування публікації або сторінки. Якщо поле відсутнє, це може бути пов’язано з неправильними налаштуваннями відображення в редакторі або деякими налаштуваннями теми, які вимикають його за замовчуванням.

Без цього поля ви не зможете встановити вибране зображення. Тому вам потрібно виправити це за допомогою наших рішень, які ми обговоримо в покроковому посібнику нижче.

Покрокові рішення

Розуміння можливої ​​причини допоможе вам визначити найефективніше рішення. Нижче наведено кілька простих порад, які допоможуть вам вирішити проблему, коли зображення не відображається у WordPress. Давайте виконаємо ці кроки та додамо вашому сайту візуальної привабливості! 

1. Увімкніть показ зображень у вашій темі

Якщо ви використовуєте тему, яка не підтримує зображення, і не хочете починати все спочатку, є рішення.
Ви все ще можете ввімкнути зображення, виконавши просте редагування файлу functions.php. Цей файл можна знайти в папці вашої теми, зазвичай за адресою wp-content/themes/your-theme-name/functions.php .

Спробуйте відкрити цей файл і додати код: add_theme_support('post-thumbnails'); внизу.

Не забудьте зберегти зміни, щоб вони набули чинності. Після додавання ваша тема тепер підтримуватиме зображення.

Але якщо зображення все ще не відображається, можливо, вам доведеться змінити файли шаблонів (наприклад, single.php або content.php ), додавши рядок коду туди, де ви хочете, щоб зображення відображалося.

2. Перевірте та налаштуйте параметри відображення в редакторі WordPress

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

• Перейдіть на будь-яку сторінку, на яку ви хочете додати зображення.
• Виберіть значок плюса (+), щоб додати блок.

• Потім виберіть Останні публікації WP» .
• Увімкніть Вибране зображення» в налаштуваннях блоку .
• Налаштуйте зображення відповідно до макета.

3. Деактивуйте плагіни для виявлення конфліктів

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

Цей метод не вимагає встановлення додаткових сторонніх інструментів. Якщо це здається занадто складним, особливо якщо у вас встановлено багато плагінів, ви можете скористатися плагіном «Перевірка справності та усунення несправностей».

4. За потреби вимкніть lazy loading для вибраних зображень

Вам не потрібно повністю вимикати функцію lazy loading на вашому сайті. Ви все ще можете скористатися перевагами lazy loading , щоб оптимізувати доставку зображень, забезпечуючи при цьому правильне відображення обраних зображень. Ось дві речі, які ви можете зробити, щоб виправити це: 

a. Відредагуйте файл functions.php

• Перейдіть до розділу «Зовнішній вигляд», потім до розділу «Редактор файлів теми» на панелі інструментів WordPress.
• Відкрийте functions.php вашої поточної теми.
• Додайте наступний код до файлу:

add_filter('wp_lazy_loading_enabled', function($default, $tag_name, $context) { якщо ($context === 'the_post_thumbnail') { повернути false; } повернути $default; }, 10, 3); 

• Нарешті, збережіть файл. 

b. Використовуйте плагін

Якщо ви не хочете занадто заглиблюватися в технічні деталі та редагувати код, ви можете встановити плагін, такий як WP Speed of Light , Disable Lazy Load, Lite Speed Cache або WP Rocket. Ці інструменти дозволяють налаштовувати lazy loading без редагування файлів, що робить їх зручнішим варіантом для тих, хто не є програмістом.

5. Виправте помилки HTTP, збільшивши ліміт пам'яті PHP або перевіривши дозволи файлу

Якщо у вас виникають помилки HTTP, через які тепер відображаються вибрані зображення, є два способи вирішення цієї проблеми. Ви можете збільшити ліміт пам’яті PHP або перевірити дозволи файлу, щоб переконатися, що вони правильні. Ось повний посібник для обох рішень: 

a. Збільшення ліміту пам'яті PHP

Цей крок вимагає зміни файлу .htaccess або wp-config.php. Спробуйте змінити кожен файл, щоб знайти відповідний: 

1. Змініть wp-config.php

• Отримайте доступ до свого сайту через FTP-клієнт або cPanel.
• Відкрийте файловий менеджер і знайдіть wp-config.php у кореневому каталозі.

• Знайдіть наступний рядок: define('WP_MEMORY_LIMIT', '32M') ;
• Змініть значення за потреби. Наприклад: define('WP_MEMORY_LIMIT', '256M') ;

2. Додайте код до файлу .htaccess

• Знайдіть .htaccess у кореневому каталозі.
• Додайте цей код внизу: php_value memory_limit 256M .
• Збережіть зміни.

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

Неправильні дозволи на доступ до файлів можуть спричинити помилки HTTP під час завантаження зображень. Ваші дозволи WordPress мають бути такими:

• Файли : встановлено на 644
• Папки : встановлено на 755

Якщо ваші файли та папки мають неправильні дозволи, ви можете вручну змінити їх, виконавши це швидке виправлення:

• Відкрийте Файловий менеджер .
• Клацніть правою кнопкою миші на wp-content/uploads .
• Виберіть «Дозволи файлів» або «Змінити дозволи» .
• Встановіть права доступу до папки на 755. Збережіть зміни.
• Також оновіть дозволи файлу, встановивши їх на 644.
• Вийдіть після збереження змін.

6. Переконайтеся, що метабокс вибраного зображення ввімкнено в параметрах екрана

Можливо, вам доведеться ввімкнути налаштування вручну, якщо опція вибраного зображення не відображається у WordPress через параметри екрана. Виконайте такі дії, щоб відновити відсутнє метабокс:

• Відкрийте публікацію в панелі керування WordPress.
• Виберіть «Параметри екрана» у верхньому правому куті. Розташування може відрізнятися, якщо ви використовуєте редактор блоків.

• Поставте позначку в полі «Вибране зображення» .
• Прокрутіть панель редактора вниз і знайдіть розділ «Вибране зображення» .

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

Висновок

Рішення проблеми з відображенням зображень у WordPress досить просте. Регулярне оновлення плагінів та використання правильних тем може запобігти майбутнім проблемам, спричиненим конфліктами сумісності.

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

Завжди пам’ятайте про створення резервної копії перед виконанням будь-якого з перелічених вище кроків, щоб захистити свої дані.