В Оружейной веб-мастера" читают о том, как создать сайт или блог на Wordpress, как раскрутить сайт или блог самостоятельно, а также о том, как заработать на своём сайте и получать пассивный доход в Интернет.

Делаем всплывающие подсказки

1200966_happy_cloud

Здравствуйте, друзья!

Рассмотрим еще один простой и полезный плагин для WordPress, позволяющий сделать всплывающие подсказки на блоге WordPress.

Наверняка, вы видели в интернете такие штуки (наводим сюда мышку).

Возможно, у вас даже есть идеи, как это использовать на ваших блогах? :)

Тогда отправляйтесь в меню “Плагины” и устанавливайте плагин WordPress Tooltip. Если кто-то не знает, как устанавливать плагин, то прочитайте в моих прежних записях, например, здесь.

Работа с плагином проста до безобразия. После установки и активации в вашем текстовом редакторе WordPress появляется симпатичная кнопка:

Создавая или редактируя запись, вы выделяете нужное слово (или слова), нажимаете на кнопку и вводите текст всплывающей подсказки. Всё! В вашей записи есть всплывающая подсказка.

Хочу добавить, что подсказка не была бы вполовину так замечательна, если бы не то обстоятельство, что наряду с обычным текстом в нее можно вставлять код HTML и CSS. А значит содержимое и внешний вид подсказки могут быть такими, как вы захотите. :)

Как видите, даже при использовании готовых плагинов знание HTML и CSS существенно увеличивает ваши возможности. Если вы еще испытываете затруднения в этих технологиях, рекомендую как можно скорее пройти два бесплатных видеокурса: по HTML и по CSS. :)

С уважением, Оружейник

Ваша оценка статьи:

Ух ты! А тут еще есть:

Комментариев: 18

  1. Спасибо, нужно будет попробовать. Забегайте в гости.

  2. Слов нет, просто супер. Надо подумать куда поставить, спасибо!

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

    Заходите на любой мой сайт (http://vesmirnaladoni2011.ru/; http://www.shopfortuna449.ru
    /или http://ladushka2012.ru)

  4. Ну, мордочка и правда ничего не подсказывает. :) Мордочка показывает, что в подсказку можно добавлять и текст, и картинки. А поместить в подсказку можно любое содержимое.

    Подсказать пользователю всегда есть что. Любая информация, привязанная к слову, ссылке, кнопке… Чтобы не загромождать страницу, эту информацию можно разместить в подсказке.

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

    Да та же подписка на блог – чем не пример. Одна кнопка (или картинка), а из нее выплывает подсказка с разными вариантами подписки: RSS, email, twitter…

  5. Прикольный плагин! А у меня никак руки не доходят найти плагин выпадающего меню, когда мышка наводится на название страницы. Если честно, даже не знаю есть ли такой. Может Вы знаете?

    • Наверняка есть. Выпадающее меню в любом месте страницы реализуется легко на CSS3 или javacsript.
      Масса плагинов для всяческих меню тоже есть: Float Menu, например. Не знаю, то ли это, что вам нужно.
      И той же самой всплывающей подсказкой можно сделать: засунуть туда ссылки на нужные страницы и записи. Создать такую подсказку в записи, а потом скопировать ее HTML-код в нужное место шаблона.

  6. Пригодилось, спасибо)

  7. Полюбовалась на “всплывшего” птенчика в яйце, подумала, что, в принципе, имея такие подробные объяснения, как в статье, при желании, самой можно установить. Только вот надо подумать: для какой цели эти подсказки приспособить!

  8. Виталий:

    Добрый вечер а у меня почемуто не работают классы стили и тег можете подсказать в чем может быть проблема

  9. Виталий:

    [tooltip content="Earthshaker" url="" ][/tooltip]

  10. Виталий:

    а че не весь код показал(

  11. Виталий:

    Вообшем внутри tooltip картинка а надпесь Earthshaker в диве с классом имаге

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

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

*

Пожалуйста, скопируйте этот пароль:

И вставьте его сюда (антиспам):

Кстати...

А у тебя есть бесплатная подписка на "Вестник Оружейной"?


Я буду рассказывать тебе
обо всех новостях.

Или так:

Твой e-mail: