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.

Всплывающие подсказки Tooltip

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

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

Чтобы установить всплывающую подсказку, выделите в записи нужный текст, и нажмите на кнопку с облачком. Появится окно, в котором необходимо вписать текст самой подсказки в поле «Tooltip Content». Кроме того, можно в качестве подсказки сделать ссылку, для этого адрес ссылки необходимо записать в поле «URL».

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

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

Что писать в этой всплывающей подсказке

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

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

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

View Comments

Recent Posts

Что такое отказы на сайте, почему они происходят, как их уменьшить

Отказы на сайте - это процент посетителей, которые покидают сайт после просмотра только одной страницы.…

7 месяцев ago

Как сделать запуск инфопродукта

Инфопродукт - это любой продукт, который содержит информацию, полезную для потенциальных клиентов. Это может быть…

7 месяцев ago

Как вебмастеру юридически обезопасить себя

Ведение сайта - это не только подержание его работоспособности и наполнение контентом. В последние годы…

7 месяцев ago

Папки WordPress: значение папок /wp-admin, /wp-includes и /wp-content

WordPress - это популярная система управления контентом (CMS), которая позволяет создавать и управлять веб-сайтами различной…

8 месяцев ago

Что такое сертификат Let’s Encrypt и стоит ли его устанавливать

Сертификат Let’s Encrypt - это бесплатный и открытый сертификат SSL/TLS, который позволяет защитить веб-сайт от…

8 месяцев ago

Защита WordPress от вирусов

WordPress - это одна из самых популярных систем управления контентом в мире, которая используется миллионами…

8 месяцев ago