Як регенерувати мініатюри в WordPress через плагіни та WP-CLI

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

Рішення WordPress: відновити мініатюри. Це означає скидання розмірів зображення в основних налаштуваннях WordPress. Таке скидання можна швидко зробити за допомогою плагіна.

У цьому пості ми покажемо, як виправити проблеми із зображеннями за допомогою плагіна WordPress Regenerate Thumbnails та вручну за допомогою WP-CLI.

Що відбувається з вашими зображеннями

Щоб зрозуміти, як регенерувати мініатюри WordPress, важливо знати, як обробляються зображення і розміри зображень.

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

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

Типові варіанти:

• мініатюри - 150 x 150 пікселів.
• Середній - 600 x 600 пікселів.
• Великий - 1024 x 1024 пікселів.

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

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

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

Рішення у тому, щоб регенерувати мініатюри.

Як змінити розмір мініатюр у WordPress (3 методи)

Якщо ви хочете змінити розмір мініатюри або зображення, є три основні способи:

1. Змінити розміри зображень у вашій темі

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

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

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

2. Обрізати зображення у медіатеці

Інший варіант – змінити розмір зображень, обрізавши їх у мультимедійній бібліотеці.

Крок 1

Перейдіть до Медіа> Бібліотека на панелі адміністратора WordPress.

Клацніть на зображення, розмір якого потрібно змінити.

У спливаючому вікні натисніть кнопку Змінити зображення.

Щоб відредагувати його, натисніть кнопку редагування.

Крок 2

Тепер у вас є кілька варіантів редагування зображення.

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

Якщо потрібно точно обрізати зображення, ви можете відрегулювати співвідношення сторін, вказавши потрібне співвідношення. Наприклад, 1:1 для квадратного зображення, або 4: 3, 16: 9 та будь-які інші необхідні співвідношення.

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

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

Або можна зробити вибір, а потім ввести точний розмір зображення у пікселях у полі Вибір під зображенням Crop праворуч.

Тепер натисніть Обрізати та Зберегти.

Крок 3

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

Введіть бажаний розмір зображення та натисніть Масштаб.

У вас є кілька варіантів зміни розміру зображення.

Крок 4

Виберіть, до яких стандартних розмірів зображення ви хочете застосувати зміни:

• Усі розміри зображень.
• Мініатюри.
• Усі розміри, крім мініатюр.

Дивіться також:

як додати папки у медіатеку WordPress.

3. Змінити розмір зображення в настройках мультимедіа

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

Крок 1

На панелі адміністратора перейдіть до Установки > Медіа.

Крок 2

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

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

Крок 3

Встановіть прапорець Організувати мої завантаження до папок за місяцями і роками, тоді всі нові зображення завантажуватимуться за певними папками.

Збережіть зміни, натиснувши кнопку внизу сторінки.

Як регенерувати мініатюри у WordPress

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

Один із найпростіших способів – використовувати безкоштовний плагін WordPress регенерація Ескізи. Він швидко виправить раніше завантажені зображення.

Важливо: плагін Regenerate Thumbnails сумісний із WooCommerce.

Крок 1

Встановіть та активуйте плагін Regenerate Thumbnails.

У Інструменти> Regenerate Thumbnails знаходяться налаштування, пов'язані із зображеннями WordPress.

Крок 2

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

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

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

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

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

Крок 3

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

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

Коли процес буде завершено, ви побачите повідомлення "Все готово!".

Тепер ваші мініатюри та зображення мають бути відновлені.

Як примусово регенерувати мініатюри

В якості альтернативи можна використовувати плагін Force Регенерація Мініатюри. Як випливає із назви, він підштовхує до регенерації мініатюр, видаляючи старі розміри зображень, тому WordPress змушений регенерувати зображення. Цей плагін також сумісний із плагіном WooCommerce.

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

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

Але, якщо у вас виникли проблеми, ви можете спробувати Force Regenerate Thumbnails.

Крок 1

Щоб змусити WordPress відновлювати мініатюри, встановіть та активуйте плагін Force Regenerate Thumbnails.

Перейдіть до Інструменти> Примусове створення мініатюр в панелі адміністратора WordPress.

Крок 2

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

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

Відновлення певних зображень

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

Крок 1

Перейдіть до Медіа> Бібліотека. У поданні сітки клацніть конкретне зображення.

За промовчанням медіа-бібліотека відображається у вигляді сітки.

Крок 2

Потім праворуч натисніть кнопку Відновити мініатюру.

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

Дивіться також:

Як автоматично додавати альтернативний текст у зображення WordPress

Регенерація мініатюр за допомогою WP-CLI

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

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

Відновлення мініатюр за допомогою WP-CLI – набагато найкращий варіант, порівняно з використанням плагіна WordPress. Він швидше і не підкоряється обмеженням та тайм-аутам HTTP.

Основна команда для відновлення мініатюр наведена нижче:

wp media regenerate

Після введення підтвердьте, що хочете відновити всі мініатюри, натиснувши на клавіатурі букву «y» замість «так».

Відновіть усі ескізи за допомогою WP-CLI

Після запуску командного рядка введіть наступну команду WordPress, щоб за лічені секунди відновити мініатюри без плагіна:

wp media regenerate --yes

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

Регенерація певних ескізів за допомогою WP-CLI

Можна повторно створити певні мініатюри за допомогою WP-CLI та ідентифікаторів зображень, які ви хочете оновити.

Ось як це зробити:

wp media regenerate 1234567

Просто не забудьте замінити три приклади ідентифікаторів – «12», «34» та «567» – на фактичні ідентифікатори конкретних зображень, які потрібно відновити.

Ви можете вказати будь-яку кількість ідентифікаторів. Тільки не забудьте розділити кожен із них пробілом.

Приємно знати, що для WordPress є два швидкі рішення регенерувати мініатюри. Це можна зробити в кілька кліків за допомогою плагіна Regenerate Thumbnails. Або використовуйте WP-CLI, тоді ви закінчите роботу швидше, ніж приготується чашка кави.

Джерело: kinsta.com

Олексій Шевченко

редактор wpcafe

Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, що спеціалізується на створенні сайтів WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/