Хотите ли вы добавить Amazon, как увеличивающий зум для изображений в WordPress?? Увеличение изображений позволяет пользователям увидеть детали, которые они не увидят на изображении обычного размера. В этой статье мы покажем вам, как легко добавить увеличивающий зум для изображений в WordPress.
Добавление увеличивающего масштаба для изображений в WordPress
Первое, что вам нужно сделать, это установить и активировать плагин WP Image Zoom. Для более подробной информации смотрите наше пошаговое руководство о том, как установить плагин WordPress.
После активации, вам необходимо посетить WP Image Zoom страница в админке WordPress. Отсюда вы можете управлять настройками увеличения для ваших изображений.
В Общие настройки на вкладке, вы можете включить такие функции, как масштабирование изображений товаров WooCommerce, миниатюр, мобильных устройств, страниц вложений, страниц категорий и многое другое. Это также позволяет убрать лайтбокс, чтобы ваши пользователи могли плавно масштабировать изображения.
Если вы не удаляете лайтбокс для изображений, то вы можете прокрутить вниз для дальнейших настроек, таких как включение масштабирования внутри лайтбокса.
Примечание: Вы можете посмотреть поддерживаемые лайтбоксы, чтобы убедиться, что зум работает нормально внутри лайтбокса.
Как только вы закончите с настройками на этой странице, не забудьте нажать на кнопку Сохранить изменения кнопка.
Далее вам необходимо посетить Настройки масштабирования вкладка. Чтобы добавить увеличивающий зум для ваших изображений, выполните 4 простых шага.
Сначала вам нужно выбрать форму линзы для увеличения изображений. Вы можете выбрать форму линзы окна — круг, квадрат или зум.
После выбора линзы перейдите к следующему шагу и просмотрите изображение с выбранной линзой, чтобы увидеть, как она работает. В плагине есть изображение предварительного просмотра, которое вы можете использовать для проверки ваших изменений.
Вы можете вернуться и просмотреть это изображение в реальном времени после внесения изменений в конфигурацию, приведенную ниже.
На следующем шаге вы можете выбрать тип курсора, установить эффект анимационного смягчения, включить масштабирование при наведении или щелчке мыши, а также определить уровень масштабирования. Некоторые из этих функций доступны только для pro-версии плагина.
Теперь вы можете перейти на страницу Объектив вкладка конфигурации для таких настроек, как размер линзы, цвет линзы, параметры границ линзы и многое другое. Эти настройки действуют, только если вы выбрали круглый или квадратный объектив в Шаге 1.
Далее, вы можете посетить Окно масштабирования вкладка конфигурации. Эта вкладка включается только в том случае, если вы выбрали Объектив окна масштабирования в шаге 1.
Здесь вы можете изменить ширину и высоту окна масштабирования, позиционирование, расстояние от основного изображения, границы и многое другое.
Наконец, вы можете добавить пользовательский текст к изображению и выбрать размер, цвет и выравнивание текста.
Не забудьте нажать на кнопку Сохранить изменения кнопка для сохранения настроек. Вы всегда можете посмотреть на изображение предварительного просмотра, чтобы увидеть, как увеличитель будет работать на изображениях вашего блога с этими настройками.
Приведенные выше настройки позволят включить увеличивающий зум на изображениях товаров WooCommerce. Чтобы включить масштабирование изображений в постах и страницах WordPress, вам нужно выполнить следующие шаги.
Включение увеличивающего зума для изображений на постах и страницах
По умолчанию увеличивающий зум не включен для изображений на ваших постах и страницах. Вы должны сделать это вручную после добавления изображения в ваш контент.
Как только вы добавите изображение в пост или на страницу, просто нажмите, чтобы выбрать его, а затем нажмите на значок увеличения на панели инструментов. Этот значок применит настройки масштабирования к вашему изображению.
После этого перейдите в пост, чтобы увидеть функцию увеличения, включенную для выбранного изображения. Вам нужно повторять этот шаг каждый раз, когда вы хотите добавить эффект увеличения к изображению.
Мы рекомендуем использовать высококачественные изображения, чтобы функция масштабирования выглядела великолепно. Высококачественные изображения обычно имеют больший размер файла и дольше загружаются, что влияет на скорость и производительность вашего сайта. Чтобы решить эту проблему, вам необходимо оптимизировать ваши изображения для веб, прежде чем загружать их в WordPress.
Мы надеемся, что эта статья помогла вам узнать, как добавить увеличивающий зум для изображений в WordPress. Вы также можете ознакомиться с нашей статьей о том, как исправить распространенные проблемы с изображениями в WordPress.
Источник: www.wpbeginner.com