Как добавить увеличительное увеличение для изображений в WordPress

Хотите добавить увеличенный зум Amazon для изображений в WordPress? Масштабирование изображений позволяет пользователям видеть детали, которые они не увидят на изображении нормального размера. В этой статье мы покажем вам, как легко добавить увеличительный зум для изображений в WordPress.

^

Добавление увеличения для изображений WordPress

Первое, что вам нужно сделать, это установить и активировать плагин WP Image Zoom. Для получения более подробной информации, смотрите наше пошаговое руководство по установке плагина WordPress.

После активации вам необходимо зайти на страницу WP Image Zoom в вашем администраторе WordPress. Отсюда вы можете управлять настройками масштабирования для ваших изображений.

^

На вкладке Общие настройки вы можете включить такие функции, как увеличение изображений продуктов WooCommerce, миниатюры, мобильные устройства, страницы вложений, страницы категорий и многое другое. Это также позволяет вам удалить лайтбокс, чтобы ваши пользователи могли плавно увеличивать изображения.

^

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

Примечание. Вы можете увидеть поддерживаемые лайтбоксы, чтобы убедиться, что зум внутри лайтбокса работает нормально.

^

Когда вы закончите настройку параметров на этой странице, не забудьте нажать кнопку «Сохранить изменения».

Далее вам необходимо посетить вкладку Zoom Settings. Он имеет 4 простых шага, чтобы добавить увеличительное увеличение для ваших изображений.

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

^

После выбора объектива перейдите к следующему шагу и просмотрите изображение с выбранным объективом, чтобы увидеть, как оно работает. Плагин имеет предварительное изображение, которое вы можете использовать для проверки ваших изменений.

^

Вы можете вернуться и просмотреть изображение в реальном времени после внесения любых изменений в конфигурацию ниже.

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

^

Теперь вы можете перейти на вкладку «Конфигурация объектива» для таких настроек, как размер объектива, цвет объектива, параметры рамки объектива и многое другое. Эти настройки действуют только в том случае, если вы выбрали круговую или квадратную линзу на шаге 1.

^

Далее вы можете посетить вкладку конфигурации Zoom Window. Эта вкладка доступна только в том случае, если на шаге 1 вы выбрали линзу окна масштабирования.

Отсюда вы можете изменить ширину и высоту окна масштабирования, положение, расстояние от основного изображения, границы и многое другое.

^

Наконец, вы можете добавить собственный текст к изображению и выбрать размер, цвет и выравнивание текста.

^

Не забудьте нажать кнопку «Сохранить изменения», чтобы сохранить настройки. Вы всегда можете посмотреть изображение предварительного просмотра, чтобы увидеть, как увеличитель будет работать с изображениями в вашем блоге с этими настройками.

^

Приведенные выше настройки позволят увеличить изображение на вашем продукте WooCommerce. Чтобы включить масштабирование изображений на постах и ​​страницах WordPress, необходимо выполнить следующие действия.

Включение увеличения для изображений на сообщениях и страницах

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

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

^

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

^

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

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