Авг
28

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

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

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

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

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

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

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

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

VN:F [1.9.16_1159]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.16_1159]
Rating: 0 (from 0 votes)

Понравилась статья? Поделитесь ею в социальных сервисах!

Подпишитесь на обновление блога!

Ваш e-mail:

Понравилась статья? Вы не хотите пропускать новые статьи, посвященные Wordpress? Тогда подпишитесь на RSS или на электронный ящик и получайте новые статьи мгновенно! Также можете следить за мной в Twitter.

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

  • Нет аватара
    ILYA 23.09.2011 в 14:38

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

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.16_1159]
    Rating: 0 (from 0 votes)
  • Нет аватара
    Vadimon 23.09.2011 в 14:52

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

    VN:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
    VN:F [1.9.16_1159]
    Rating: 0 (from 0 votes)
  • Нет аватара
    Никита 09.11.2011 в 14:27

    Разобрался! Плагин супер!

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.16_1159]
    Rating: 0 (from 0 votes)

Оставить комментарий

Вы можете использовать следующие теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

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

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

Если хотите быстро и оперативно получать последние новости и статьи, то рекомендуем подписаться на обновления блога по E-mail:

E-mail:

Последние комментарии

Друзья проекта