Рейтинг@Mail.ru

WordPress-блог

Терпенье и труд...

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

Zoom – это эффект для изображения. Он проявляется в том, что при наведении мышки на картинку, её фрагмент увеличивается. Это позволяет пользователю лучше рассмотреть детали изображения. Такой эффект особенно применим в интернет-магазинах. Благодаря ему можно увидеть все мелочи покупаемого продукта. Например, zoom встречается на знаменитом Aliexpress.

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

Zoom в WordPress для изображений с помощью плагина

Zoom в WordPress с плагином WP Image Zoom

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

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

Zoom в WordPress для изображений с помощью плагина

Сохраните изменения и просмотрите, как работает zoom.

Zoom в WordPress для изображений с помощью плагина

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

Вот так всё легко. Теперь посмотрим, какие есть настройки. Все опции собраны в пункте консоли «WP Image Zoom». Есть две вкладки.

Во вкладке «General settings» главные настройки, среди которых интеграция zoom в плагин интернет-магазина Woocomerce и управление эффектом на мобильных устройствах. Большая часть опций здесь доступна только в премиум-версии.

Вкладка «Zoom settings» более интересна. Здесь настройки внешнего вида zoom в WordPress. Опции разбиты на четыре шага:

  • Step Здесь выбирается форма для линзы увеличения картинки.
  • Step Это предпросмотр. Все внесённые изменения отображаются здесь. Очень удобно.
  • Step Более тонкие настройки эффекта: курсор, анимация, цвета, дизайн и другое. Некоторые опции доступны только в платной версии плагина.
  • Step Здесь нужно просто сохранить все изменения.

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

УжасноПлохоНормальноХорошоОтлично (5 оценок, среднее: 4,20 из 5)

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

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

 

WordPress-блог © 2015-2017