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

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

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