Оптимизация изображений для WordPress Elementor Plugin

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

Как и Гутенберг, Elementor - это редактор Wordpress, который позволяет создавать посты или страницы, видя, как они будут выглядеть для ваших читателей. Структура Elementor также похожа на структуру Гутенберга, поскольку она использует теперь знакомую концепцию блоков. Это делает использование WordPress Media Library еще проще, в том числе при добавлении оптимизированных изображений. Но обо всем по порядку: как оптимизировать изображения в WordPress?

Оптимизация изображений с помощью ImageRecycle

Если вы никогда не использовали ImageRecycle , оптимизация изображений WordPress - это быстрый и простой процесс. Сначала вам нужно будет загрузить и установить плагин ImageRecycle на свой веб-сайт WordPress. После установки плагина перейдите к его конфигурации в меню настроек и введите свой ключ API и секрет. Сохраните изменения, и если ключ и секрет совпадают, вы можете сразу приступить к оптимизации изображений.

Вы можете получить доступ к основному интерфейсу ImageRecycle из меню мультимедиа . Эта страница проста и понятна в использовании. В нем перечислены все изображения в вашей медиа-библиотеке, их размеры и степень сжатия. Вы можете нажать кнопку оптимизации рядом с отдельными изображениями, чтобы сжать их, или кнопку оптимизировать все , чтобы оптимизировать все изображения сразу.

Многое из того, что происходит во время сжатия, зависит от ImageRecycle . Например, вы можете выбрать сжатие наилучшего сохранения или исходного качества, которое может сжимать изображения до 80 % и 20 % соответственно. Подробнее о разнице между этими двумя режимами можно прочитать здесь .

Какой бы режим оптимизации вы ни выбрали, эти изображения сохраняются в вашей медиатеке WordPress, что означает, что вы можете использовать их в своих публикациях и страницах… независимо от того, какой редактор вы используете. В оставшейся части этой статьи мы сосредоточимся на одном конкретном редакторе: Elementor.

Использование оптимизированных изображений в Elementor

Elementor - мощный редактор для постов и страниц WordPress. Как и Гутенберг, он организует контент в блоки, каждый из которых представляет отдельный элемент. Как вы знаете, ни один веб-сайт не является полноценным без изображений, и Elementor не хватает в области блоков изображений. Это где медиа библиотека входит.

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

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

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