Добавляем всплывающую подсказку в WordPress с помощью плагина WordPress Tooltip
Наверняка, вы видели всплывающие подсказки при наведении на какой-нибудь выделенный текст в записи. Очень часто такие всплывающие подсказки можно встретить в некоторых премиум-темах WordPress. В этом случае возможность добавления таких подсказок уже встроена в код темы и вывести ее можно с помощью настроек, которые прилагаются к теме. Однако, если у вас на сайте установлен простой шаблон, либо премиум-тема не обладает возможностью добавления всплывающих подсказок, приходиться полагаться на специальные плагины, добавляющие такую функциональность. Всплывающие подсказки, в таком случае, будут выглядеть красиво и сделают ваш сайт или блог приятным для чтения пользователями. Одним из таких плагинов является WordPress Tooltip, который очень прост в установке и использовании.
Прежде всего вам нужно скачать плагин и установить его у себя на сайте. После установки и активации плагина можно приступить к созданию новой записи или страницы. На панели визуального редактора вы сразу же обнаружите новую кнопку, позволяющая добавлять всплывающую подсказку к конкретному слову или предложения в тексте.
Для добавления всплывающей подсказки, выделите текст, к которому вы хотите добавить подсказку и нажмите а панели визуального редактора соответствующую кнопку. В результате появится всплывающее окно, предлагающее ввести текст всплывающей подсказки к выделенному вами тексту. Нужный текст подсказки нужно будет ввести в поле “Tooltip Content”. Обратите внимание, что вашу подсказку вы можете оформить и в виде ссылки, добавив нужный URL в соответствующее поле.
После того, как в окне вы добавили нужную информацию. нажмите кнопку “Add a Tooltip”, выделенный вами текст окажется заключен в небольшой код.
Теперь к выделенному вами тексту появится всплывающая подсказка. Вы также можете добавить подсказку к выделенному тексту, используя шорткод, который выглядит следующим образом:
[tooltip content="текст подсказки" url="ссылка"]наведите курсор мыши на этот текст для просмотра подсказки[/tooltip]
Внешний вид всплывающей подсказки будет выглядеть следующим образом:
Добавляем всплывающую подсказку в WordPress с помощью плагина WordPress Tooltip: 3 комментария
А как сделать такую же черную подсказку?
У меня простая получилась как обычный блок белый
ILYA, цвет блока всплывающей подсказки по-умолчанию – черный, а точнее rgb (25,25,25), так прописано в стилях плагина. Почему у вас получился цвет блока белым мне непонятно.
Разобрался! Плагин супер!