Як виправити проблему з відображенням обраного зображення у WordPress (6 способів)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Рішення крок за кроком

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

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

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

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

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

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

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

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

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

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

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

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

Цей метод не вимагає встановлення будь-яких додаткових інструментів сторонніх виробників. Якщо це здається занадто складним, особливо якщо у вас встановлено багато плагінів, ви можете використовувати плагін Health Check & Troubleshooting.

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

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

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

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

add_filter( 'wp_lazy_loading_enabled', function( $default, $tag_name, $context ) { if ( $context === 'the_post_thumbnail' ) { return false; } return $default; }, 10, 3 ); 

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

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

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

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

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

а. Збільшення ліміту пам'яті 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.
• Збережіть зміни.

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

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

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

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

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

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

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

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

• Установіть прапорець Поле зображення статті.
• Прокрутіть панель редактора вниз і знайдіть Розділ зображення статті.

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

Висновок

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

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

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