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

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

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

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

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

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

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

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

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

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

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

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

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