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

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

Добавьте увеличение масштаба изображения WordPress

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

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

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

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

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

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

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

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

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

Вы можете вернуться и просмотреть это живое изображение после внесения изменений ниже.

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

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

Тогда вы можете посетить Окно увеличения Руководство по установке. Эта вкладка активируется, только если вы выбрали Зум-объектив на шаге 1.

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

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

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

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

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

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

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

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

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

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

Если вам понравилась эта статья, подпишитесь на наш канал YouTube, чтобы посмотреть обучающие видеоролики WordPress. Вы также можете найти нас на Twitter и Facebook,