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

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

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

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

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

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

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

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

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

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

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

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

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