Плагин «Живой поиск»

Когда знающие люди ищут подобные плагины, то используют словосочетание «ajax search», что означает — поиск без перезагрузки страницы.

В чем же особенность именно нашего плагина? Чем он отличается от подобных?

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

Не стесняйтесь, попробуйте, он работает.

Таким образом вы не ограничены в своей фантазии куда его прикрутить.

Опишем как его поместить в то место, где обычно располагаются виджеты, например, в сайдбаре (правой или левой колонке вашего сайта).

Итак, идем в настройки Внешнего вида -> Виджеты и создаем виджет типа Текст. Для тех кто не знает, ниже приведен скриншот:

Просто щелкаем на кнопке «Текст» и вписываем следующий текст:

<input class="wpps-ajax-search" type="text" placeholder="Вот он я, ваш поиск" />

и указываем заголовок для вашего поиска. В итоге получается нечто такое:

Жмем кнопку Сохранить и все — готово. Теперь у вас есть виджет «Живой поиск».

Если же вы захотите встроить поиск в шапку или подвал шаблона — просто отредактируйте нужный файл шаблона. Впишите ту же самую волшебную строку.

Ну а если он понадобится прямо посреди текста страницы, то переключите редактор Вордпресса в режим Текст и аналогично вставьте указанную строку.

Редактор Вордпресса может работать в двух режимах: «Визуально» и «Текст». Нам нужен именно «Текст» чтобы строка

<input class=»wpps-ajax-search» type=»text» placeholder=»Вот он я, ваш поиск» />

не просто отобразилась как есть, а заработала как ей и полагается.

Атрибут placeholder можете менять по своему усмотрению, вписать любую фразу.

Ну а если вы владеете разметкой и css, то можете оформить, например, вот так:

<div style="position: fixed; top: 74px; padding: 10px; border: 1px solid #ccc; background: #fff; width: 30%; box-shadow: 0 0 20px;"><input class="wpps-ajax-search" type="text" placeholder="Я поиск, который всегда на виду" /></div>

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

Купить плагин

Укажите email-адрес, на который будет выслан плагин.

Продажи временно приостановлены, но скоро возобновим!

Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: