Як додати вибрані зображення або мініатюри публікацій у WordPress

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

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

Навіщо використовувати вибрані зображення в публікаціях?

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

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

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

Як увімкнути вибрані зображення у вашій темі WordPress

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

Використання користувацького коду

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

Щоб це зробити, почніть з встановлення плагіна WPCode з меню Плагіни > Додати новий. Потім знайдіть "WPCode" та натисніть "Встановити", а потім "Активувати" .

Після активації плагіна відкрийте меню «Фрагменти коду» та виберіть «+ Додати фрагмент».

Виберіть «Додати свій власний код (новий фрагмент)» .

Потім введіть наступний код у стовпець «Попередній перегляд коду», виберіть «Фрагмент PHP» у розділі «Тип коду» та натисніть «Зберегти фрагмент».

Коли ви відкриваєте редактор публікацій, на бічній панелі з’являється опція додавання зображення.

Якщо ви хочете відобразити вибране зображення у вікні публікації, додайте цей код до відповідного файлу теми всередині циклу, наприклад, single.php або content.php.

<?php the_post_thumbnail(); ?> 

Ви також можете додати це, щоб налаштувати розмір зображення.

set_post_thumbnail_size(300, 200); 

Або створіть власні розміри, такі як.

add_image_size('нестандартний розмір', 590, 180); 

Нарешті, зателефонуйте з наступним кодом.

<?php the_post_thumbnail( 'custom-size' ); ?> 

Використання налаштувань теми

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

Потім у розділі «Структури публікації» > «Елементи публікації» ви знайдете меню «Вибране зображення». Щоб активувати його, просто натисніть на значок ока, як показано на наступному зображенні. Ви також можете налаштувати співвідношення сторін, ефект наведення курсора та розмір.

Додавання зображень у WordPress через Gutengberg (блоковий редактор)

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

Після цього виберіть зображення, яке буде обраним, введіть текст ALT і натисніть кнопку «Встановити обране зображення».

Додайте вибрані зображення у WordPress через Elementor

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

Після цього натисніть на значок «Налаштування» у верхньому центральному куті. Ліворуч є меню «Вибране зображення», натисніть « Вибрати зображення».

Потім з’явиться медіа-дисплей. Виберіть зображення, введіть ALT-текст і натисніть « Вибрати» .

Висновок

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

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