Добавляем всплывающую подсказку в WordPress с помощью плагина WordPress Tooltip

Добавляем всплывающую подсказку в WordPress с помощью плагина WordPress Tooltip

5/5 - (1 голос)

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

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

Для добавления всплывающей подсказки, выделите текст, к которому вы хотите добавить подсказку и нажмите а панели визуального редактора соответствующую кнопку. В результате появится всплывающее окно, предлагающее ввести текст всплывающей подсказки к выделенному вами тексту. Нужный текст подсказки нужно будет ввести в поле “Tooltip Content”. Обратите внимание, что вашу подсказку вы можете оформить и в виде ссылки, добавив нужный URL в соответствующее поле.

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

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

[tooltip content="текст подсказки" url="ссылка"]наведите курсор мыши на этот текст для просмотра подсказки[/tooltip]

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

Добавляем всплывающую подсказку в WordPress с помощью плагина WordPress Tooltip: 3 комментария

  1. А как сделать такую же черную подсказку?
    У меня простая получилась как обычный блок белый

    1. ILYA, цвет блока всплывающей подсказки по-умолчанию – черный, а точнее rgb (25,25,25), так прописано в стилях плагина. Почему у вас получился цвет блока белым мне непонятно.

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

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