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

Рекомендовані зображення (також відомі як ескізи дописів) є невід’ємною частиною веб-сайтів на WordPress. Вони надають візуальну привабливість вашим публікаціям, сторінкам і спискам архівів, допомагаючи залучити користувачів. Іноді вам може знадобитися змінити розмір цих зображень, щоб вони краще відповідали дизайну та макету вашого веб-сайту. У цьому посібнику ви дізнаєтеся, як змінити розмір зображень у WordPress за допомогою різних методів – від налаштування параметрів до редагування файлів тем.

Спосіб 1: Зміна розміру основного зображення за допомогою налаштувань WordPress

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

Крок 1: Перевірте наявність налаштувань зображення в кастомізаторі

1. Увійдіть на свою інформаційну панель WordPress.
2. Перейдіть до розділу “Зовнішній вигляд” > “Налаштування”.
3. Знайдіть налаштування, пов’язані з вибраними зображеннями, мініатюрами публікацій або налаштуваннями блогу. Ці налаштування залежать від теми, яку ви використовуєте.
4. Якщо це можливо, відрегулюйте ширину і висоту зображень, що публікуються.
5. Натисніть Опублікувати, щоб зберегти зміни.

Крок 2: Перевірте налаштування зображень у параметрах теми

Деякі преміум-теми мають власні налаштування розмірів зображень у параметрах теми або на панелі теми:

1. Перейдіть до “Параметри теми” на панелі управління WordPress.
2. Знайдіть опцію, пов’язану з Налаштуваннями зображень або Ескізами публікацій.
3. Відрегулюйте розмір зображень відповідно до ваших уподобань.
4. Збережіть зміни і перевірте, як ваші зображення відображаються на зовнішній панелі.

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

Спосіб 2: Зміна розміру зображень за допомогою налаштувань зображень у медіафайлі

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

Крок 1: Налаштування налаштувань медіа

1. Перейдіть до Налаштування > Медіа на панелі інструментів WordPress.
2. Тут ви можете налаштувати розміри за замовчуванням:
   • Розмір мініатюри: Часто використовується для основних зображень.
   • Середній розмір: Підходить для зображень, що використовуються в дописах.
   • Великий розмір: Для повнорозмірних зображень.
3. Змініть ширину і висоту мініатюри або будь-який інший розмір, який відповідає вашим зображенням.
4. Натисніть “Зберегти зміни”.

Крок 2: Відновлення мініатюр

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

• Встановіть та активуйте такий плагін, як Регенерувати мініатюри.
• Перейдіть до Інструментів > Регенерувати. Ескізи.
• Натисніть “Відновити мініатюри для всіх вкладень”.

Це змінить розмір наявних зображень відповідно до нових розмірів, які ви встановили.

Спосіб 3: Зміна розміру зображення за допомогою коду

Якщо вам зручно додавати код, ви можете вручну визначити розмір зображень у файлі functions.php вашої теми.

Крок 1: Визначте кастомні розміри зображень у файлі functions.php

1. Перейдіть до “Зовнішній вигляд” > “Редактор тем”.
2. Виберіть файл functions.php вашої активної теми.
3. Додайте наступний код, щоб визначити новий кастомний розмір зображення:
   add_theme_support(‘post-thumbnails’); add_image_size(‘custom-featured-image’, 800, 400, true);
   • Замініть ‘custom-featured-image’ на назву на ваш розсуд.
   • Налаштуйте 800 (ширина) і 400 (висота) до потрібних розмірів.
   • Параметр true гарантує, що зображення буде обрізано до вказаного розміру.

Крок 2: Використання кастомного розміру зображення у вашій темі

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

1. Знайдіть частину шаблону, яка викликає мініатюру публікації, наприклад
   the_post_thumbnail(‘thumbnail’);
2. Замініть ‘thumbnail’ на кастомний розмір зображення, який ви визначили:
   the_post_thumbnail(‘custom-featured-image’);

Крок 3: Регенеруйте мініатюри

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

Спосіб 4: Зміна розміру зображень за допомогою конструктора сторінок

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

Крок 1: Відкрийте сторінку/допис у конструкторі сторінок

1. Відредагуйте сторінку або допис за допомогою конструктора сторінок.
2. Виберіть віджет зображення або віджет допису, в якому відображається зображення.

Крок 2: Налаштування параметрів розміру зображення

1. Знайдіть у віджеті опцію “Розмір зображення” або “Розмір мініатюри”.
2. Виберіть попередньо визначений розмір (наприклад, “Ескіз”, “Середній”, “Великий”) або вкажіть власні розміри.
3. Збережіть зміни і перегляньте сторінку, щоб переконатися, що зображення відображаються належним чином.

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

Спосіб 5: Використання плагіна для спеціальних розмірів зображень

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

Рекомендовані плагіни:

• Simple Image Sizes: Цей плагін дозволяє створювати власні розміри зображень і керувати існуючими розмірами безпосередньо з адмінки WordPress.
• Користувацькі розміри зображень: Додає можливість визначати кастомні розміри зображень і використовувати їх у вашій темі без кодування.

Як користуватися плагіном:

1. Встановіть та активуйте обраний вами плагін.
2. Перейдіть на сторінку налаштувань плагіна (часто знаходиться в розділі “Налаштування” або “Медіа”).
3. Визначте власні розміри зображень, вказавши ширину та висоту.
4. Збережіть налаштування та відновіть ескізи за допомогою вбудованої опції плагіна.

Поради щодо вибору правильного розміру зображення обкладинки

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

• Вимоги теми: Ознайомтеся з документацією до теми, щоб дізнатися рекомендовані розміри зображень.
• Швидкість сторінки: Великі зображення можуть сповільнювати роботу вашого сайту, тому використовуйте найменший розмір, який зберігає хорошу якість.
• Адаптивний дизайн: Переконайтеся, що ваші зображення оптимізовані для мобільних пристроїв, використовуючи гнучкі розміри зображень або налаштування, які адаптуються до розмірів екрану.
• Якість зображення: Використовуйте такі інструменти, як TinyPNG або ShortPixel, щоб стискати зображення без втрати якості перед завантаженням на WordPress.

Підсумок

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