Як приховати головні зображення в окремих записах WordPress

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

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

Якщо ви'р прагнете того ж, ми'л підкажемо, як приховати головне зображення у ваших окремих записах блогу!

Як індивідуально приховати головні зображення

Існує кілька способів приховати головні зображення у ваших публікаціях блогу. Якщо ви don't маєте досвід кодування, ви можете використати простий плагін, щоб виконати завдання.

Але якщо ви don't хочете встановлювати будь-які плагіни, ви можете обрати більш технічний підхід, редагуючи файли теми або використовуючи власний CSS. Нижче ми've пояснили кожен метод крок за кроком:

Спосіб 1: Використання плагіна

Ви можете використовувати плагін Conditionally Display Featured Image, щоб швидко приховати головне зображення. Цей популярний плагін доступний безкоштовно в каталозі плагінів WordPress.

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

Якщо ви хочете спробувати цей простий метод, let's розпочати з його встановлення спочатку:

1. Встановити та активувати плагін

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

• Відкрийте свою панель адміністрування WordPress.
• Клацніть на Плагіни меню з бічної панелі.

• Клацніть Додати плагін щоб відкрити Каталог плагінів.
• Введіть Conditionally Display Featured Image у рядок пошуку. Плагін має з’явитися як перший результат.

• Клацніть Встановити зараз щоб завантажити плагін.
• Після встановлення, клацніть Активувати щоб активувати його на вашому сайті.

2. Відредагувати потрібний запис

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

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

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

• Позначте прапорець, щоб приховати головне зображення в цьому конкретному записі.
• Далі, збережіть зміни, натиснувши Оновити/Зберегти кнопку (якщо запис вже опубліковано) або Опублікувати кнопку (якщо це ще чернетка).

3. Оновіть запис, щоб застосувати зміни

Цей крок завершено, коли ви натискаєте Зберегти або Оновити кнопку. Однак переконайтеся, що ви перевіряєте інтерфейс вашого сайту, щоб підтвердити, що головне зображення дійсно приховано.

Існує два способи зробити це:

• Перевірте живу версію опублікованого запису
• Або перегляньте чернетку перед публікацією

Ось погляд на результат до і після:

Метод 2: Використання власного CSS

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

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

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

1. Визначте конкретний ID запису

Щоб переконатися, що CSS‑код впливає лише на окремий запис, вам потрібно знайти його ID запису. ID запису — це число, яке унікально ідентифікує кожен запис у WordPress.

Наприклад, URL може містити post=111, де 111 — це ID запису.

Однак, якщо ваш сайт використовує SEO‑дружні постійні посилання, ви не побачите ID запису безпосередньо в URL.

Ось як його знайти замість цього:

• Перейдіть до панелі адміністратора WordPress.
• Клацніть на запис, який ви хочете редагувати.
• Подивіться на рядок URL у вашому браузері.
• Ви повинні бачити URL, який містить ID запису, як показано нижче.

2. Додайте власний CSS, щоб приховати головне зображення для цього запису

Після визначення ID запису наступний крок — додати його до вашого власного CSS‑коду. WordPress має вбудовану функцію додавання CSS, тому вам не потрібно встановлювати жодні сторонні плагіни.

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

Ми проведемо вас через наведені нижче кроки:

• Натисніть на Appearance меню з бічної панелі, і виберіть Customize.

• Вас буде перенаправлено до Customizer меню.

• Прокрутіть вниз і натисніть Additional CSS розділ.
• Вставте код нижче у вікно редактора. Не забудьте замінити ID запису на ваш фактичний ID запису.

.postid-51442 .post-thumbnail { display: none; } 

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

Метод 3: Редагування файлів теми

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

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

Обов’язково створіть резервну копію на випадок. Після цього попередження, давайте розпочнемо:

1. Відкрийте файл functions.php theme's

Існує багато .php файлів у темі, таких як single.php, content.php та functions.php. Це залежить від структури вашої теми.

Для цього методу вам потрібно знайти файл functions.php. Ось як його знайти:

• Відкрийте Зовнішній вигляд меню з бічної панелі.
• Клацніть на Редактор файлів теми

• Відкриється редактор теми, як показано нижче. 

• Прокрутіть вниз Файли теми меню і знайдіть functions.php.

• Клацніть, щоб відкрити файл. 

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

Тепер, коли ви відкрили functions.php файл, додайте наступний код, щоб приховати головне зображення на сторінках окремих записів.

function wordpress_hide_feature_image( $html, $post_id, $post_image_id ) { return is_single() ? '' : $html; } // додати фільтр add_filter( 'post_thumbnail_html', 'wordpress_hide_feature_image', 10, 3 ); 

Щоб переконатися, що код лише приховує головне зображення для конкретного запису, замініть is_single() на is_single(123), де 123 — це ідентифікатор запису, який ви хочете вибрати.

Після цього збережіть зміни, натиснувши Update File кнопку.

Як приховати головні зображення у всіх окремих записах

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

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

Якщо у вас вже встановлена тема Neve, ви можете продовжити за наведеними нижче кроками:

• У вашій адмін-панелі WordPress перейдіть до Зовнішній вигляд і натисніть Налаштувати
• Перейдіть до Блог розділу.

• Ви побачите два стилі макету: Звичайний і Обкладинка. Кроки для приховування вибраних зображень відрізняються для кожного макету:

Для звичайного макету:

1. Прокрутіть вниз і знайдіть мініатюру розділ.
2. Клацніть по іконці ока поруч з мініатюрою щоб вимкнути її.
3. Застосуйте цю зміну, натиснувши кнопку «Опублікувати».
4. Вибрані зображення тепер будуть приховані у записах, що використовують звичайний заголовок макету.

Для макету Обкладинка:

1. Прокрутіть вниз, щоб знайти Приховати головне зображення перемикач.
2. Увімкніть цей перемикач ввімкнено.
3. Натисніть Опублікувати щоб зберегти налаштування.

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

Майте на увазі, що для використання цього методу у вас має бути встановлена тема Neve. Якщо ви ще не встановили її, спробуйте встановити та активувати її з Themes Directory. Просто введіть Neve у поле пошуку, і ви її знайдете.

Чому редагування файлів теми не рекомендується?

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

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

• Використання Code Snippets Plugin: Code Snippet — безкоштовний плагін, який дозволяє додавати власний PHP до ваших окремих записів. Він працює чудово, не ризикуючи зламати ваш сайт.
• Custom Functionality Plugin: Цей плагін дозволяє підключити власний PHP, замість того щоб вводити його безпосередньо у файл теми.

Висновок

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

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