Плагин WordPress Tooltip для всплывающей надписи в тексте и над ссылками

Plagin                            WordPress Tooltip2 Здравствуйте, дорогие читатели и гости сайта «Тестируем шаблон». Рада новой встрече на блоге.

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

Ищем плагин обычным способом: заходим в админ панель собственного сайта в категорию настроек “Плагины”_”Добавить новый” и в окошко поиска внести точное название плагина WordPress Tooltip. Устанавливаем и активируем плагин.  Если таким способом вы не нашли плагин, то скачать его можно по адресу: http://wordpress.org/plugins/wp-tooltip/

Теперь самое интересное и приятное: настроек ни в каких разделах («Параметры», «Виджеты» и т.д) нет, только появляется при редактировании статьи в панели настроек вот такой знак «Пузыря»( чаще обозначающий комментарий или прямую речь, диалог).

Plagin                            WordPress Tooltip

Теперь чтобы установить в тексте всплывающую подсказку надо обвести нужное слово или фразу, над которыми будет подсказка, и нажать на значок «Пузыря». Появится вот такое окошко в которое необходимо вписать информацию, а именно:

Plagin                            WordPress Tooltip1

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

К примеру: над фразой «Фрукт киви помогает переваривать красное мясо…» при наведении просматривается текст «и даже молочные продукты и рыбу».

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

Теперь третий вариант: в первое верхнее поле добавляем текст для всплывающей подсказки, а в третье поле вносим адрес медиафайла из своей библиотеки (на фото ниже адрес картинки выделен синим в «Параметрах отображения файла»).

Plagin                            WordPress Tooltip4222

Теперь слово или фраза, над которой будет появляться подсказка, станет ссылкой, а вот при переходе по ней появится изображение, адрес которой установлен…

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

Единственно, нужно помнить, что если у вас на блоге не установлен плагин для кликабельности, то картинка откроется на новой странице, что не очень  удобно для читателя…

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

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

Для этого в текст статьи нужно добавить код и самостоятельно его отредактировать.

[tooltip content="<p style='text-align: center; margin: 10px;'>Заходите в гости! Буду вас ждать у себя! </p><p style='text-align: center; margin: 10px;'><img style='border: solid 1px yellow;' src='http://test-shablon.ru/wp-content/uploads/2012/08/tvorchm-300x266.png'>" </p> url="" ]Юлия[/tooltip]

После того, как код скопирован и установлен в статье в режиме HTML, замените «Заходите в гости! Буду вас ждать у себя!» на собственный текст для подсказки, адрес картинки http://test-shablon.ru/wp-content/uploads/2012/08/tvorchm-300×266.png тоже меняете на меньший размером, так как картинка при просмотре в подсказке не уменьшается,ну и слово «Юлия» к конце кода означает именно то слово, на которым будет появляться подсказка с картинкой…

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

:heart: Расскажи другу, пусть тоже дизайном займется :good:
  • Добавить ВКонтакте заметку об этой странице
  • Мой Мир
  • Facebook
  • Twitter
  • LiveJournal
  • LinkedIn
  • Digg
  • Blogger
  • Блог Li.ру
  • Сто закладок
  • RSS
  • Одноклассники

Об авторе Юлия

Меня зовут Юлия. Этот сайт я начала из-за моей проснувшейся и непонятной любви к рассмотрению настроек шаблонов. Сама я пока создавать темы на Вордпресс не умею, но надеюсь, что это когда-нибудь случится. Пишите в комментариях свои вопросы: я обязательно отвечу. Ну и замечания тоже приветствуются-))

Метки: . Закладка Постоянная ссылка.

24 комментария: Плагин WordPress Tooltip для всплывающей надписи в тексте и над ссылками

  1. Светлана пишет:

    интересный плагин! очень забавно получается при наведении мышкой на слово — как будто ведешь диалог с автором блога)

  2. Наталья пишет:

    а какую нагрузку этот плагин на сайт дает?
    очень немаловажный параметр)

    • golodniy-kot пишет:

      портит имидж вашего сайта перед поисковиками.

      • Юлия пишет:

        И почему же на этот раз?

        • golodniy-kot пишет:

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

          • Юлия пишет:

            Честно говоря, мне на ПС уже далеко и глубоко…Где Вы видели их адекватность, чтобы под них подстраиваться? Вот к примеру новый рейтинг блогов от Яндекса…Меня там нет, хоть вроде и фотки уникальные, да и Вас я там тоже не нашла, хоть не слайдеров, и никакой всплывающей фигни на блоге нет, да и ведете Вы блог больше двух лет…Зато в рейтинге есть такое _http://www.liveinternet.ru/users/4887059/

  3. golodniy-kot пишет:

    классный у вас сайтик)))))

  4. golodniy-kot пишет:

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

    Когда что-то всплывает и загораживает текст, поисковик сердится и хмурит брови. Может выкинуть из индекса страницы, это почитай смерть сайту.

    А рейтинг лиру это игрушки для детей

    • Юлия пишет:

      Рейтинг среди всех блогов, а не только ли.ру …Да там и тИЦки неплохие за скопированные статьи даны…А по поводу плагина подумаю…Сейчас статья в Яндексе на 14 месте, только не найду-уберу, возможно ;-)

      • golodniy-kot пишет:

        плюньте вы на эти рейтинги )) это несущественно все.
        И кстати весьма рекомендую surfingbird.ru Добавляйте в сутки по 1 своей статье с сайта, можно даже старые. Оттуда идет неплохой трафик. У меня иногда скачем на 100-200 человек в сутки, когда статья интересная.

        • Юлия пишет:

          Уж не знаю, кому может показаться интересной статья про плагины :whistle: … Да и посещалка для меня, все равно, что Вам рейтинги… :bye:

          • golodniy-kot пишет:

            про настройку шаблонов это интересно и редко встречается.
            А посещалка это к примеру клики по рекламе. если у вас ее нет то конечно посещалка не нужна.

          • golodniy-kot пишет:

            вот к примеру сайт с посещаемостью 1000 в сутки приносит мне в адсенсе 3000р в бананапэе 1500р и в сапе 600р.
            Итого около 5 тысяч рублей в месяц.

  5. Алёна пишет:

    Юля, впервые слышу о такой функции. Очень интересно. Буду знать и при необходимости обязательно воспользуюсь.

  6. Лара пишет:

    Юль, как это я так пропустила енту статью? )) Думаю на кулинарном будет неплохо, если я, например, буду ссылаться на другой рецепт и рядом с ссылкой будет висеть фото рецепта. Как думаешь? Или это прям вот излишества и нафиг надо?

    • Юлия пишет:

      Рядом с ссылкой на другую статью будет только всплывающий текст, а картинку можно перед ссылкой к слову прицепить ;-) Я себе этот плагин оставила-прикольно иногда картинку спрятать, а уж захочешь ли ты такое творить на блоге-не знаю :scratch:

  7. Лара пишет:

    Юль, то есть и слово и картинка — ссылки не будет? Я просто сейчас пытаюсь поставить, но у меня даже картинка не выходит почему то. Юль, а что б было вот так, например, посмотри блок слева «из последнего». там и картинка и ссылка
    _http://cook.rutxt.ru/node/4786

    • Юлия пишет:

      Виджет красивый, но по-моему это нечто другое…Я попробую разобраться и тогда напишу. У меня сегодня целый день интернета не было, вообщем пока порадовать нечем…
      А скорее всего это в настройках шаблона установлено-шаблон по-моему на заказ сделан…

  8. Елена пишет:

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

  9. Mikeprob пишет:

    Итак, далее Вас ждет 43 примера реализации всплывающих подсказок . Я уверен, что Вы обязательно найдете подходящий для себя ваиант реализации данного решения.

  10. Mikeprob пишет:

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

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

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

[+] Жми на плюс- Открой тайник- Чтоб прикольный СМАЙЛ возник!
:bye: 
:good: 
:negative: 
:scratch: 
:wacko: 
:yahoo: 
B-) 
:heart: 
:rose: 
:-) 
:whistle: 
:yes: 
:cry: 
:mail: 
:-( 
:unsure: 
;-)