amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}

Categories: Плагины

Виджет для WordPress: выводим hover-изображение в сайдбаре

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

В этой статье мы вам расскажем про виджет WordPress, который позволяет не просто вывести картинку в сайбаре, но ещё и наделяет её красивым hover-эффектом.

Что такое hover-эффект

Hover-эффект – это термин из CSS. Он обозначает эффект, который как-то изменяет изображение в тот момент, когда над ним оказывается курсор мышки. У такого эффекта изображения есть два достоинства:

Он выглядит современно и стильно.
Он привлекает внимание.
Он запоминается.

Как можно использовать виджет для WordPress с hover-картинкой

Виджет WordPress с hover-изображением можно применять для того, чтобы привлечь внимание посетителей и запомниться. Плагин, о котором пойдёт речь ниже, можно отлично использовать для того, чтобы поместить изображение баннера в сайдбаре. Hover-эффект должен привлечь множество кликов.

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

Виджет для WordPress EGW Hover Effects

Плагин EGW Hover Effects создаёт виджет для WordPress, который позволяет вывести в любой сайдбар изображение с hover-эффектом. Чтобы начать работать с этим виджетом, необходимо скачать, установить на свой сайт и активировать данный плагин. У плагина своих настроек нет, все опции собраны в виджете. Поэтому сразу нужно перейти в пункт «Внешний вид», подпункт «Виджеты» и перетащить в нужную область виджет «EGW Hover Effects».

Разверните его, чтобы настроить. Рассмотрим основные опции, которые оказываются в нашем распоряжении:

Choose in image. Выберите изображение, которое нужно отображать в виджете WordPress.
Title. Задайте заголовок для изображения.
Text. Напишите текст при необходимости.
Link. Задайте ссылку, на которую будет переводить при клике на картинку.
Images effects. Выберите один из 16 hover-эффектов для картинки.

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

Узнайте о другом плагине для hover-эффекта тут.

Адель Гадельшин