WordPress Tooltip — красивые всплывающие подсказки в WordPress

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

Покажу на примере, что именно он делает (картинка кликабельна):

всплывающие подсказки на вордпресс

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

Итак, качаем плагин WordPress Tooltip с официального репозитория по ссылке в конце статьи и устанавливаем. Для тех, кто не знает как можно установить плагин WordPress, существует Инструкция по установке плагина WordPress.

После активации плагин начинает работать. Что-либо настраивать в нем не нужно.

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

  • в Визуальном режиме оформления поста (статьи) нажать на кнопку

    всплывающие подсказки на сайт wordpress

    После этого у Вас появится следующее окошко, где мы и укажем текст подсказки и ссылку (по желанию)

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

    В поле Tooltip Content мы и вводим свой текст. Ссылку на другую страничку следует указывать в поле URL (Optional). По центру остается поле Text (Leave blank if text is selected), которое нет смысла заполнять, если Вы уже выделили какой-либо текст. После всех манипуляций нажимаем Add a Tooltip.

  • Второй способ подразумевает использование шорткода в режиме HTML-редактирования поста. Так же, как и в Визуальном редакторе, мы указываем необходимые значения отработки плагина WordPress Tooltip:
    [tooltip content="Текст подсказки" url="ссылка"]Выделенный текст[/tooltip]

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

Требуемая версия WP:  3.1.3+
Рассмотренная версия плагина:  1.0.1
Скачать плагин

Полчаса смеяться не будете, но штука прикольная))

Привет.

Меня зовут Виталик. Я автор этого блога и Магазина WordPress https://wp-r.ru/.


Оказываю услуги по созданию и настройке сайтов на WordPress (верстка, натяжка).

Отблагодарить Z888279575784 R109400923968 или ЯД 41001651742138

Мои Контакты. Я в Twitter @mojWP. Смотри на Youtube. Читай RSS блога.

Опубликовано 6 комментариев
  1. Андрей says:
    http://masterzdorovya.ru

    Эти самые подсказки могут быть красивыми и занимать определенное место,что бы не загородить текст или на то есть другой плагин?

    • mojWP says:

      а каким образом всплывающие подсказки могут не загораживать текст, если они должны отображаться где-то рядом с необходимым словом?
      что-то не совсем понимаю, что Вам требуется

  2. Pavel says:
    http://healthbps.ru/

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

  3. Иван says:
    http://AndreyEx.ru

    Слабый плагин, настроек мало, хотелось бы найти с анимацией по JQuery.

  4. Татьяна says:

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

  5. Интман says:
    http://elbis.intman.net

    КАк использовать этот плагин для интернет-магазина на базе WP - WooCommerce

    Подсказка используется для изображения товара. По умолчанию выводит название товара - http://elbis.intman.net/product/braslet-gemchugni/

Не держи в себе. Выскажись.

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

© 2011-2017 | mojwp.ru | Копирование материала разрешено только с письменного согласия
WordPress: 11.76MB | MySQL:96 | 0,233sec
Премиальные плагины для CMS WordPress
Магазин WordPress WP-R.ru
Спасибо, не показывайте мне эту штуку больше!
Смотри мои обучающие видео на YouTube
Иван только что купил плагин ELT https://wp-r.ru/plaginy/elt.html
Друг, не уходи!