Здравствуйте !
Прочитав данную статью, вы узнаете — Как сделать всплывающую подсказку, что это ? это когда наводишь курсор мыши на слово, или предложение, и всплывает подсказка, в которой что-то написано, какие-то слова, напутствующие, или объясняющие что-то. Весьма полезная и удобная функция, для упрощения каких-либо действий. В общем применить данную функцию можно где угодно.
Итак, переходим непосредственно к созданию подсказки, в этом нам поможет плагин — Shortcodes Ultimate, вообще с помощью данного плагина можно создавать не только всплывающие подсказки, но и множество других функций и элементов для вашего сайта. Как работать с плагином, а также как его установить и настроить я уже писал, прочтите — ЗДЕСЬ ! Там всё Просто !
Если вы установили плагин, и прочитали как с ним работать, тогда двигаемся дальше. Переходим к созданию подсказки, создадим всплывающую подсказку в записи. Нажмите на кнопку — Вставить шорткод.
Выбираем функцию — Подсказка.
У вас откроется окно для создания Всплывающей подсказки.
Теперь давайте разберём настройки с помощью которых создаётся Всплывающая подсказка. Начнём по порядку:
— Стиль, выберите стиль подсказки, в начале статьи я уже продемонстрировал вам какие могут быть стили подсказки, вам осталось лишь выбрать ту, которая более всего подходит вам.
— Положение, выберите сторону из которой будет всплывать подсказка, сверху, снизу, слева или справо.
— Тень, вы можете добавить тень к окну подсказки, данная функция работает только для базовых подсказок, у остальных стилей тень встроена по умолчанию, а где-то вообще нет её.
— Скругление, можно скруглить уголки окна подсказки, только для базовых стилей.
— Размер шрифта, выберите каким будет размер шрифта подсказки.
— Заголовок подсказки, можно указать заголовок для всплывающей подсказки, чтобы убрать заголовок — оставьте поле пустым.
— Содержимое подсказки, то что будет отображаться в подсказке, ваш текст.
— Поведение, здесь есть три вида поведения подсказки, 1-всегда видима, 2-появляется и исчезает при наведении мыши, 3-появляется и исчезает при нажатии мыши.
— Кнопка закрыть, можно добавить кнопку закрыть на подсказку.
— Класс, дополнительный CSS класс, можете добавить свой стиль для подсказки, если разбираетесь.
— Содержимое, это текст, наведя на который мышку, будет появляться подсказка.
Всё, в конце чтобы посмотреть что у вас получилось можете нажать на кнопку — Предпросмотр, но сама всплывающая подсказка будет отображаться только в самой записи. Если вас всё устраивает жмите — Вставить шорткод.
Как видите, если немного разобраться, оказывается всё просто. Кстати если вы хотите узнать как вставить шорткод подсказки не только в запись, и виджет, но и в файл php, к примеру header.php или footer.php, это если вы захотите к примеру вставить шорткод в самый верх Сайта, с помощью записи и виджета вы не сможете этого сделать. А если вы вставите просто шорткод в файл php, то у вас отобразится не подсказка, а сам шорткод.
В таких случаях используйте специальный HTML-код:
А у меня на этом всё, до новых встреч ! САМСАЙ ! У вас остались Вопросы ? Я жду ваших комментариев !
