Кастомизация

Ninja Kick Sidebar — контактная форма и ваш контент

Вот откуда у разработчиков такая страсть связывать названия своих плагинов с древними японскими диверсантами? Каких только «нидзей» не приходилось уже встречать — конструктор контактной формы, пара плагинов по безопасности и как минимум, десяток еще разных, прочих. Вот и сегодня обзор очередного «самурая», а вернее сразу двух: Ninja Kick Sidebar: Contact Form и Ninja Kick Sidebar: Custom Content.

Ninja Kick Sidebar: Contact Form

Плагинов контактных форм существует довольно много и этот функционал давно уже стал предметом первой необходимости для любого сайта на WordPress, но Ninja Kick Sidebar: Contact Form умеет выводить форму особенно эффектно. По нажатию специальной иконки, визуально ваш сайт эффектно»сдвигается» влево или вправо (в зависимости от настроек плагина) и пользователь видит как бы новый сайдбар с вашей контактной формой. При повторном нажатии или при перезагрузке страницы, все плавно возвращается к привычному виду. Смотрится отлично.

Ninja Kick: jQuery Contact Form

Ninja Kick Sidebar: Contact Form имеет собственное, довольно обширное меню настроек в котором вы можете:

  • Включить режим отладки когда форма будет видна только админу.
  • Указать почтовый адрес и заголовок сообщения.
  • Обширный раздел с настройками внешнего вида вашей формы. В том числе, три готовые авторские темы, кастомизация фона, удобный color picker настройки цвета.
  • Включить простую, цифровую капчу на отправку сообщений.
  • Настроить панель с кнопками социальных сетей
  • Настроить вывод картинки для вашего профиля и соответствующих текстов.
  • Определить правую или левую сторону для вывода формы.
  • Настроить вид самой иконки для вызова формы.

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

Кстати говоря, Ninja Kick Sidebar хоть и не имеет таких возможностей по кастомизации как знаменитый Contact Form 7, однако согласно тесту в плагине P3 работает и загружается гораздо быстрее. Так что, если не требуются какие то особенные формы, отлично его заменит и подойдет для любого сайта.

Ninja Kick Sidebar - Contact Form 4

В том случае, если вам понравился функционал плагина, но вместо контактной формы вы хотите выводить, что либо другое, обратите внимание на второй плагин от того же автора:

Ninja Kick Sidebar: Custom Content

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

Раздел с настройками похож на описанный выше, но несколько проще. Зато есть более детальные настройки самой кнопки — иконки для вызова Ninja Kick Sidebar: Custom Content.

Ninja Kick: Sliding Panel

Ninja Kick: Subscription WordPress Plugin

Это третий плагин для серии и использует все проверенные методы ее «братьев и сестер» из ниндзя серии (кстати, все они совместимы и могут работать вместе друг с другом). Плагин использует современные CSS3 переходы, имеет отзывчивый макет, хорошо работает на мобильных устройствах и реагирует на swipe жесты.

Ninja Kick: Subscription WordPress Plugin

Такие вот веселые — «братья нидзи». Первый уже имеет русскую локализацию (без админки). Для всех кому нужна только простая и удобная форма контактов, можно смело посоветовать Ninja Kick Sidebar: Contact Form, а тем кто захочет «замутить», что-то уникальное в «выезжающем сайдбаре», стоит обратить пристальное внимание на Ninja Kick Sidebar: Custom Content. По ссылкам ниже можете посмотреть работающие демо-версии этих замечательных плагинов.

Плагины платные. Цена, от 9 до 16$, как мне кажется, вполне вменяемая. Кроме того, доступно «издание три в одном». Можно считать это даже своеобразным плюсом для тех, кто хочет, что бы было «не как у всех».

Как вывести форму через ссылку или кнопку?

<a class="ncf_trigger_element" href="#" rel="nofollow">Открыть форму</a>

Подробный авторский FAQ смотрите вот тут.

Официальная страница Ninja Kick Sidebar: Contact Form.
Официальная страница Ninja Kick Sidebar: Custom Content.
Официальная страница Ninja Kick: Subscription

Похожие

7 Комментов

  1. Кстати хотелось бы добавить, что автор использует довольно интересный способ проверки плагина на совместимость с Вашей темой. Надо создать закладку в панели закладок вашего браузера с ссылки на демо сайте плагина.
    Затем достаточно на любом сайте, сделанном на WP перетащить мышкой ссылку в окно браузера. И если Ваша тема совместима с плагином Вы увидите на своем сайте рабочий сайдбар.

  2. Купил плагин… Но у меня что-то не так! Сбоку открывается, а когда я его закрываю. Он возвращается на сайт и экран темнеет на 90%. Как это исправить? Когда заново открываю контактную форму сайт нормально видно, но в таком случае он неактивен.

    1. Автор пишет, что существуют определённые проблемы с Хромом, а также в самой панели управления есть разные опции открытия сайдбара. Сейчас не помню по-моему называются PUSH и SLIDE. Поэкспериментируйте с этими опциями, а также снимите галки со всех чекбоксов с затемнениями и анимациями.

      1. Спасибо,Михаил! Огромное спасибо за поддержку!
        Проблема решилась сама собой…
        Проблема была в теме «Enigma», которая стояла у меня на сайте 🙂

  3. Здравствуйте, подскажите пожалуйста, а привязать вывод формы к кнопке на сайте?

    1. Здравствуйте. Ответил Вам в самом конце статьи. Кроме того, есть авторская поддержку.

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

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.

Back to top button