Вторник, 15 августа 2017   Подписка на обновления  RSS  Письмо редактору
Популярно
2:24, 23 октября 2013

Yandex — поиск: Установка и настройка


Здравствуйте друзья и коллеги! Приветствую Вас на страницах сайта krugloffm.ru. И сегодня речь пойдёт о таком замечательном сервисе от Яндекс, как поиск, о том как его установить на сайт, сделанный на движке WordPress. Дело в том, что данный поиск включает в себя две функции — это поиск по сайту и поиск в сети интернет, что на мой взгляд довольно-таки удобно. Итак, проступим.

Установка поиска Яндекс.

Для начала, я думаю, Вам следует завести свой аккаунт в системе Яндекс. Для этого просто создайте там свой почтовый ящик — лишним не будет. Если же он уже есть — отлично! Двигаемся далее. Заходим вот сюда site.yandex.ru

Яндекс_search_001

Здесь нажимаем вот эту большую жёлтую кнопку «Установить поиск». Появится следующая страница — переход к первому шагу установки.

Яндекс_search_002

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

Яндекс_search_003

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

Яндекс_search_004

В этой панели выбираем вкладку «Добавить сайты и исключения».

Яндекс_search_005

В появившееся окно следует вписать адреса сайтов, по которым Вы хотите осуществлять поиск и адреса сайтов, в которых Вы этого делать категорически на хотите. Добавляем адрес своего сайта обязательно. Я ещё Яндекс добавил, но Вы можете этого не делать. Переходим к вкладке «Добавить категории Яндекс. Каталога»

Яндекс_search_006

Здесь Яндекс предлагает нам Выбрать темы, по которым будет осуществляться поиск в сети. Тем можно добавить много но не все, о чём Яндекс нас не забудет предупредить.

Яндекс_search_007

Также Вы можете добавить свои темы поиска, нажав на клавишу «Добавить поисковые темы». Но, на мой взгляд, — это долгая песня, тем более, что господин великий Яндекс в своём каталоге тем учёл, кажется, всё. Напоследок добавляем вот в это поле адрес своего почтового ящика и переходим к шагу два установки нашего поиска Яндекс.

Яндекс_search_008

На этом этапе нам предлагается выбрать дизайн поискового окна.

Яндекс_search_009

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

Яндекс_search_0010

Здесь нам предлагается выбрать, где, собственно, показывать результаты поиска. У нас три варианта:

  1. В отдельном окне (вкладке) Яндекса;
  2. На Вашей странице;
  3. На Вашей странице, только в новом окне (вкладке).

Я выбираю отображение результатов поиска на своей странице в новом окне (вкладке), Вы можете выбрать другой пункт. Идём далее.

Яндекс_search_0011

В этом меню показаны опции относящиеся, скорее, к дизайну страницы просмотра результатов поиска. Здесь я объяснять ничего не буду — сами покопаетесь, если интересно, всё поймёте. Переходим к следующему шагу.

Яндекс_search_0012

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

Яндекс_search_0013

На этом этапе нам предоставляются коды для вставки на наш сайт. Их два. Один код для создания самой формы поиска, другой — для вывода результатов.

Яндекс_search_0014

Форму вывода Яндекс предлагает нам сделать в трёх вариантах:

  1. IFRAME — Простейший вариант — вставленный код создает элемент <iframe>, в котором отображаются результаты. Этот вариант лучше обеспечивает совместимость со сложным оформлением сайтов, но не позволяет гибко настраивать внешний вид результатов поиска.
  2. HTML & CSS — Вставленный вами код результатов поиска встраивает весь HTML-код в структуру вашей страницы. Элементы результатов поиска будут оформлены согласно вашим общим CSS-стилям.
  3. Если вы знакомы с настройкой CSS, вы сможете адаптировать оформление результатов под дизайн вашего сайта. Отметьте флажок Добавить CSS к коду результатов и CSS-код для всех стилей поисковой выдачи будет добавлен к коду результатов. Этот код нужно будет вставить в файл style.css Вашей темы WordPress.

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

Яндекс_search_0015

...открываем редактор нашего движка WordPress и выбираем место, куда мы вставим нашу форму поиска.

Яндекс_search_0016

Я выбрал сайдбар — окно поиска там в тему. Вы можете выбрать другое место.

Яндекс_search_0010_1

Вставляем КОД №1  и сохраняем изменения.  Вот что у меня получилось.

Яндекс_search_0018

А вот  КОД №2 нам нужно вставить в индексный файл нашей темы WordPress — index.php. Находим его там же — в редакторе. Открываем его.

Яндекс_search_0019

И вставляем КОД №2 после строки <div id="content">. Сохраняем изменения и смотрим, что у нас получилось. Заходим к себе на сайт, вводим в поисковую форму какой-нибудь запрос и ...

Яндекс_search_0020

...Вуаля!!! У нас открылся результат поиска. Всё работает. Существует ещё один способ вставки кодов для формы поиска и отображения результатов, но о нём в следующий раз, как-нибудь. Всем пока! Всего Доброго!

Автор: Евгений Запорожский.

Онлайн бронирование туров - 728*90

Обсуждение: Один комментарий
  1. Спасибо за статью оказалась очень полезной.

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

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

© 2017 Mr.X
Дизайн и поддержка: GoodwinPress.ru