Оптимізація зображень для плагіна WordPress Elementor

Концепція модульних блоків, що утворюють публікації та сторінки WordPress, з’явилася разом із Гутенбергом, але насправді сам WordPress має модульну структуру. Візьмемо, наприклад, медіатеку WordPress. Ви можете завантажувати зображення та використовувати їх у публікаціях або на сторінках, незалежно від редактора, який ви використовуєте. У цій статті ми зосередимося саме на Elementor і на тому, як можна оптимізувати зображення за допомогою ImageRecycle.

Подібно до Гутенберга, Elementor — це редактор Wordpress, який дозволяє створювати дописи чи сторінки, дивлячись, як вони виглядатимуть для ваших читачів. Структура Elementor також схожа на структуру Gutenberg, оскільки використовує вже знайому концепцію блоків. Це робить використання медіа-бібліотеки WordPress ще простішим, зокрема під час додавання оптимізованих зображень. Перш за все: як оптимізувати зображення на WordPress?

Оптимізація зображень за допомогою ImageRecycle

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

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

Багато з того, що відбувається під час стиснення, залежить від налаштувань ImageRecycle ImageRecycle Наприклад, ви можете вибрати найкраще збереження або стиснення оригінальної якості, яке може стискати зображення на 80% і 20% відповідно. Ви можете прочитати більше про різницю між цими двома режимами тут .

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

Використання оптимізованих зображень у Elementor

Elementor — це потужний редактор для публікацій і сторінок WordPress. Як і Гутенберг, він організовує вміст у блоки, кожен з яких представляє окремий елемент. Як ви знаєте, жоден веб-сайт не обходиться без зображень, і Elementor не бракує в області блоків зображень. Тут на допомогу приходить медіатека.

Ми почали статтю з пояснення того, що WordPress сам по собі досить модульний, і тут все пов’язано разом. Звідки Elementor бере зображення, як не з медіатеки? Тобто та сама медіатека WordPress, яку ви щойно оптимізували за допомогою ImageRecycle.

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

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