Форма поиска от Яндекса

Форма поиска от Яндекс Привет! Если Вы пользовались поиском на этом блоге, наверное заметили что он работает в полном согласии с Яндекс. Наш любимый русский поисковик предлагает Веб Мастерам установить форму поиска на свой блог. Хочу сказать, еще раньше Я был сторонником данной формы поиска, так как не находил в ней великий смысл. Но поняв на сколько не удобен и не функционален стандартный поиск в WordPress, сразу решил воспользоваться данной услугой. При установке данного поиска, мне пришлось решить массу проблем: - Первое, это когда вставляешь код на страницу, что-то в шаблоне мешает ей правильно отображаться или вообще не показываться. - А второе безобразие вывело меня совсем. Так как большими знаниями Я не обладал и не мог найти причину того, почему когда создаю страницу с названием «Поиск» и размещаю на ней код для вывода результатов, она тупо не работает… Полазив по всем блогам с похожими инструкциями, Я понял что проблемы не решить! Практически все блоги пользовались старой версией движка и код формы поиска тоже стоит старый, да и скрины приводились со старым дизайном Яндекса. Не знаю, может Я что-то не так понял и делал, но у меня ничего не выходило путём вставки кода в HTML режиме. Проблема была решена! Вышло даже лучше чем хотел! Как установить форму поиска от Яндекс Переходим для создания и настройки формы поиска. - Сюда: site. yandex. ru - Жмем «Установить поиск». Большой сложности в настройке формы поиска нет. Всё делается по пунктам и ошибиться очень трудно. Тем более учитывая то, что нам просто нужны коды. Я буду по пунктам перечислять Ваши действия. - Шаг 1. Область поиска — Вводим название поиска, добавляем адрес блога и указываем почтовый ящик. - Шаг 2. Форма поиска — Тут всё просто! Формируете вид формы поиска. Лично Я не редактировал, так как она криво отображалась на блоге и сделал форму с помощью стандартных стилей моего шаблона. Как это осуществить, постараюсь подробно рассказать и Вам. - Шаг 3. Результаты поиска — Тут область поиска выбираем «в iframe на странице», и указываем URL страницы которую создадите. Урок 38. Форма поиска от Яндекс Далее там можно поковырять свойства страницы, настроить под свой дизайн. - Шаг 4. Проверка поиска — Проверяем как всё работает. - Шаг 5. Код для вставки на сайт — Тут приводятся два кода. Один для вывода формы поиска на страницах блога, а другой для вывода результатов на странице которую указали в настройках шага 3. Пока оставляем страницу открытой, чтоб смогли потом скопировать код, и переходим к WordPress. - Создаем страницу для вывода результатов — Как создавать страницы Вы уже наверняка знаете, но если что Я покажу. При создании страницы Вы наверняка видели такую штуку как Шаблон страницы. Урок 38. Форма поиска от Яндекс Для всех новых страниц типа: о блоге, контакты и т. д. используется «Базовый шаблон». Который содержит в себе обычную структуру блога. Но можно создать другой образ страницы. Этим мы и займёмся, так как это необходимо для вывода результатов поиска. Создайте в самом шаблоне WordPress файл «template-yandexsearch. php». И заполните его следующим образом: <?php /* Template Name: Yandex Search */ ?> <?php get_header(); ?> <div id="content"> <?php the_post(); ?> <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>> <h1 class="entry-title"><?php the_title(); ?></h1> <div class="entry"> <Код Яндекс Поиска для страницы с результатами.> </div> <!--end. entry--> </div> <!--end #post--> </div> <!--end #content--> <?php get_sidebar(); ?> <?php get_footer(); ?> У каждого код может немного отличаться, но структура та же. В случае проблем, могу помочь. Обращайтесь! В данном шаблоне страницы, следует вставить код от Яндекса. Теперь переходим в Консоль и создаём страницу. Задаём название, указываем нужный нам адрес (Обязательно тот с которым Мы настраивали форму.) и указываем шаблон «Yandex Search». Всё! Страница готова. - Вставляем форму поиска на блог — Для этого достаточно просто создать виджет с произвольным HTML текстом и прописать там код формы. Но у меня что-то мешало ровно выводить форму, и пришлось поступить иначе. Предоставляю код моей формы поиска: В header. php у меня стоит код: <div id="search"> <form method="get" id="searchform" action="http://beenetwork. ru/search/"><input type="hidden" name="searchid" value="1888859"/><input name="text"/><input class="submit btn" type="image" src="<?php bloginfo('template_directory'); ?>/images/search. gif" value="Go" /></form> <script type="text/javascript" src="http://site. yandex. net/load/form/1/form. js" charset="utf-8"></script> </div> http://beenetwork. ru/search/ — адрес страницы с результатами. 1888859 — ID формы поиска. Все эти данные можно взять из стандартного кода поиска. И скрипт который загружает форму. Он остаётся всегда прежним! style. css — стиль формы. /* Search Form */ #search { display: inline; float: right; height: 20px; margin: 6px 0 0 0; } #search input { background: #fff; border: 1px solid #fff; color: #999; float: left; font-size: 11px; line-height: 11px; width: 200px; padding: 6px 6px 4px; - webkit-border-radius: 2px; - moz-border-radius: 2px; border-radius: 2px; } #search. field { height: 12px; } #search input:focus { background: #fffff0; border: 1px solid #fff; } #search input. btn { background: none; border: none; margin: 6px 0px 0px -17px; padding: 0px; width: auto; } Лучше всего изучите мой код и отредактируйте под свой. Сделать это не так уж сложно! В принципе всё мы уже рассмотрели. Если что-то не получается, подумайте о причине сами. Это поможет Вам в будущем с легкостью управлять блогом.


Карта сайта


Информационный сайт Webavtocat.ru