Image Hover Effects Супер эффектные анонсы

Прибамбасы для сайта

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

 

Image Hover Effects Image Hover Effects Image Hover Effects Image Hover Effects

 

Установить плагин Image Hover Effects вы сможете прямо из админ-панели WordPress. Перейдите на страницу: Плагины – Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

Image Hover Effects

 

Далее, после установки и активации плагина, перейдите на страницу: Image Hover Effects. При создании анонсов, вы можете указать название категории, название для одного анонса, и настроить дополнительные параметры.

 

Image Hover Effects

 

– Category Name, укажите название категории для анонсов.

– Image Name, название для изображения (отображается только в настройках).

– Caption Heading, заголовок анонса.

– Caption Description, описание анонса.

– Caption Link, ссылка анонса.

– Caption Heading Color, цвет заголовка.

– Caption Description Color, цвет описания.

– Thumbnail Style, стиль отображения.

– Select Hover Effect, эффект при наведении.

– Animation Direction, с какой стороны появляется эффект.

– Images Per Row, количество колонок на странице с анонсами.

Часть настроек доступна только в pro версии плагина.

Сохраните изменения, нажав внизу на кнопку “Save Data”.

 

Вы можете создавать новые категории (Add Category). Можно добавлять изображения в категорию (Add Image). Нажмите на кнопку – Get Shortcode, чтобы скопировать шорткод созданных анонсов.

 

эффект при наведении

 

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

 

hover эффект изображение сайт

 

На сайте будут отображаться готовые анонсы с Супер эффектом !

 

Остались вопросы ? Напиши комментарий ! Удачи !

 

info-effect.ru
Добавить комментарий для Илья Журавлёв Отменить ответ

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

  1. Мария

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

    Ответить
  2. Мария

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

    Ответить
    1. Admin автор

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

      Ответить
  3. Мария

    А для мобильной версии эти анонсы можно как-то подогнать по-размеру? Они выходят за край меню, выглядит криво.

    Ответить
    1. Admin автор

      Наверно можно в платной версии плагина. С помощью CSS можно указать стиль отображения анонсов на мобильных устройствах.

      Ответить
  4. Дмитрий

    Доброго дня.
    А можно ли на wordpress добавить описания товара внизу фото при наведении на товар?

    Ответить
    1. Admin автор

      Здравствуйте. Конечно можно, но, мне такой плагин не попадался. Видимо там по ТЗ делали, на заказ. Разбирал плагин, который добавляет CSS3 эффекты при наведении – Woocommerce Shop hover effects.

      Ответить