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

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

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

Плагин WordPress Tooltip

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

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

Как добавить всплывающую подсказку в текст

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

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

Текст вводится в поле «Tooltip Content». Всплывающую подсказку можно оформить и в виде ссылки, добавив нужный URL в соответствующее поле « URL (Optional)» .

После того, как в окне вы добавили нужную информацию. нажмите кнопку «Add a Tooltip», выделенный вами текст окажется заключен в вот такой код.

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

Теперь у выделенного текста на странице вашего сайта, при наведении на него мышкой, появится всплывающая подсказка.

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

Если вы не знаете как сделать свой сайт, узнать можно тут.

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

[tooltip content="текст подсказки" url=""]Пример всплывающей подсказки[/tooltip]
This site is using SEO Baclinks plugin created by InfoMotru.ro and Locco.Ro










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

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