Fly Dynamic Image Resizer

Загляните в репозиторий Github ♥ Одной из самых больших проблем, с которыми сталкиваются разработчики тем, является проблема нескольких размеров изображений. Когда вы загружаете изображение в медиа-библиотеку, WordPress автоматически создает миниатюры на основе всех размеров изображения, которые вы определили с помощью add_image_size (), независимо от того, хотите вы их использовать или нет. Таким образом, подавляющее большинство изображений в каталоге wp-content / uploads бесполезны и никогда не используются. Это не оптимальный способ создания размеров изображения. С помощью этого плагина вы можете создавать изображения любого размера, не опасаясь того, что ненужные размеры изображений займут ваше дисковое пространство! Это связано с тем, что изображения, созданные с помощью этого плагина, динамически создаются при первом вызове изображения, а не при его загрузке. Вы также можете удалить кэшированные изображения для каждого изображения по отдельности или все кэшированные изображения. Как работает этот плагин Вы либо определяете размер изображения в своем коде с помощью функции fly_add_image_size (), либо напрямую вызываете размер изображения в коде. Администратор загружает изображение в медиа-библиотеку, но динамические изображения fly не создаются. Пользователь посещает страница в первый раз, и изображение динамически создается и сохраняется. Пользователь снова посещает страницу во второй раз, и сохраненная версия изображения обслуживается. Документация Вот некоторые функции и примеры кода, которые помогут вам начать работу! fly_get_attachment_image_src ($ attachment_id, $ size, $ crop) attachment_id (целое число) (обязательно): идентификатор размера вложения изображения (строка / массив) (обязательно): либо имя предварительно определенного размера, определенного с помощью fly_add_image_size, либо массив с шириной и высотой. Пример: array (500, 500) crop (boolean / array) (необязательно): следует ли обрезать изображение или положение кадрирования. Возвращает массив: array ('src' => string, 'width' => integer, ' height '=> integer) fly_get_attachment_image ($ attachment_id, $ size, $ crop, $ attr) attachment_id (integer) (обязательно): идентификатор размера прикрепленного изображения (строка / массив) (обязательно): либо имя предварительно -определенный размер, определенный с помощью fly_add_image_size или массива с шириной и высотой. Пример: array (500, 500) crop (логическое значение / массив) (необязательно): следует ли обрезать изображение, или положение кадрирования attr (array) (необязательно): массив атрибутов. Пример: array ('alt' => 'Альтернативный текст', 'title' => 'Текст заголовка', 'class' => 'my-class', 'id' => 'my-id') Возвращает HTML IMG. строка элемента: Пример 1: Предварительно определенные размеры изображений В этом методе вы определяете столько размеров изображений, сколько хотите, в вашем файле functions.php. если (function_exists ('fly_add_image_size')) {fly_add_image_size ('home_page_square', 500, 500, истина); fly_add_image_size ('home_page_square_2x', 1000, 1000, истина); fly_add_image_size ('cropped_top_left', 1000, 1000, массив ('слева', 'сверху')); } Теперь давайте получим миниатюру сообщения, используя только что определенные размеры изображения: Вот еще один способ сделать это: '; ?> Давайте возьмем изображение из нашего примера выше, для которого определено положение кадрирования: Пример 2: Динамические размеры изображения. Давайте получим миниатюру сообщения, используя некоторые размеры динамического изображения: Вот еще один способ сделать это: '; ?> Давайте обрежем миниатюру сообщения снизу справа: Примечание о позициях посевов. Положения посевов устанавливаются с помощью массива. Первым параметром массива должна быть обрезка по оси X, а вторым параметром - обрезка по оси Y. Эта функция не будет работать наоборот. Например: ✓ fly_get_attachment_image (get_post_thumbnail_id (), array (500, 500), array ('right', 'bottom')) Будет работать! 🙂 ✘ fly_get_attachment_image (get_post_thumbnail_id (), array (500, 500), array ('bottom', 'right')) Не будет работать! 🙁 Подробная документация Полную документацию можно найти на странице Wiki репозитория GitHub: https://github.com/junaidbhura/fly-dynamic-image-resizer/wiki

Автор: Junaid Bhura

Версия: 2.0.8