Все для начинающих интернет-предпринимателей

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

Zoom-2

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

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

Добавление Увеличительного Зума для изображений WordPress

Первое, что вам нужно сделать, это установить и активировать плагин WP Image Zoom. После активации, идем в WP изображения Масштабирование страницы в административной панели WP. Здесь вы можете управлять настройками масштабирования изображений. WP-Image-Zoom-1

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

WP-Image-Zoom-3

Если Вы не удаляете лайтбокс для изображений, то вы можете прокрутить вниз для дальнейших настроек, таких как включение зума внутри лайтбокса. WP-Image-Zoom-4

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

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

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

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

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

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

Далее вы можете посетить «Zoom Window» (окно маштабирования). Эта вкладка доступна только если вы выбрали окно объектива на шаге 1. Здесь вы можете изменить ширину и высоту окна масштабирования, расположение, расстояние от основного изображения, границы и многое другое. WP-Image-Zoom-9

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

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

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

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

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

Этот шаг необходимо повторять каждый раз, когда вы хотите добавить эффект масштабирования к изображению. WP-Image-Zoom-13

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

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

С уважением Вячеслав и Валерия!

Понравился материал? Поделитесь с друзьями!

2 Ответа(ов) к Добавление увеличительного зума для изображений в WordPress

  1. Блог Александра Гаврина

    Вячеслав, благодарю за интересную информацию по плагину «зум», даже и не догадывался, что такой есть! Интересное решение, буду побывать на своем блоге!

Добавить комментарий Отменить ответ

Ваш e-mail не будет опубликован. Обязательные поля помечены *