mojwp.ru
Назад

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

Опубликовано: 17.01.2012
11
3268

Хотя бы раз Вы сталкивались с эффектом всплывающих подсказок, когда наводишь мышку на какой-либо участок текста на сайте. Выглядит это красиво и позволяет добавить пояснение к слову, либо определение термину (в общем то, на что хватает мысли автора). Для 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, сможет без проблем сделать стиль оформления всплывающей подсказки уникальным и подходящим по дизайну к сайту. В папке с плагином Вы найдете все необходимое.

Скачать плагин WordPress Tooltip

Автор:
Виталий
Поделиться
Похожие записи
Черкани пару строк
  • Андрей
    Опубликовано: 14.02.2012 Ответить на сообщение

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

    • mojWP
      Опубликовано: 14.02.2012 Ответить на сообщение

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

  • Pavel
    Опубликовано: 30.07.2012 Ответить на сообщение

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

  • Иван
    Опубликовано: 01.06.2015 Ответить на сообщение

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

  • Татьяна
    Опубликовано: 06.07.2015 Ответить на сообщение

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

  • Интман
    Опубликовано: 31.07.2016 Ответить на сообщение

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

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

  • Антон
    Опубликовано: 27.03.2018 Ответить на сообщение

    да, норм. работает. Пробовал например на вкладку табулятора впихнуть тут не работает. Может как - то можно сделать ? Мой не рабочий пример: [wptabtitle][tooltip content="Текст подсказки"] Выделенный текст [/tooltip][/wptabtitle]

  • Интман
    Опубликовано: 24.07.2019 Ответить на сообщение

    Как пользоваться этим плагином в последних версиях вордпресса с новым редактором. Там на панели инструментов не появляется окошка этого плагина

  • Март
    Опубликовано: 21.02.2020 Ответить на сообщение

    Ссылки на социальные сети - это плагин или ваша самостоятельная работа? Если плагин - не подскажите название.. понравилась вращение кнопок

    • Виталий
      Опубликовано: 21.02.2020 Ответить на сообщение

      Встроенные в тему. Тема называется Romb

  • Роман
    Опубликовано: 25.06.2020 Ответить на сообщение

    Добрый день! У Вас шорткод на скачивание слетел 🙂

Имя
Укажите своё имя и фамилию
E-mail
Без СПАМа, обещаем
Текст сообщения
Отправляя данную форму, вы соглашаетесь с политикой конфиденциальности и правилами нашего сайта.