Главная » Создание сайтов » Google Поиск для сайта на WordPress
Русфонд

Google Поиск для сайта на WordPress

13 февраля 2013 - Рубрики Создание сайтов

1089 просмотров

В сайдбар справа добавлена кнопка Google+. Если вам поможет данный материал, прошу вас нажмите на кнопку - порекомендуйте сайт в Google.

Добрый день, друзья!

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

Итак, есть сайт на WordPress. Идем в свой аккаунт Google Adsense. Выбираем раздел Мои объявления — Другие продукты. Активируем продукт Google Поиск для сайта. Теперь этот поиск необходимо настроить. Создаем новый поиск, указываем в нем область поиска — только выбранные сайты. В поле ниже вписываем свой сайт без http://

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

Скажу лишь, что в последнем окне выбираем вывод результатов поиска на моем веб-сайте с использованием фреймов iFrame. Ниже указываем адрес нашей странички для вывода результатов. Пока укажите любую страницу, например для моего сайта я указал http://www.itrecords.ru/search1/ Эту страничку мы создадим позже в Вордпресс.

Обратите внимание, что минимальный размер для вывода результатов 795 пикселей, что, в моем случае, меня не устраивало — у меня размер основной колонки около 630 px. Опять же чуть позже мы решим этот момент, поэтому нажимаем Сохранить и получить код.

Итак, копируем скрипт для формы, заходим в админку WordPress, раздел Внешний вид — Виджеты и добавляем новый виджет Текст. В этот виджет можно вставить произвольный текст или HTML-код, что вообщем-то нам и нужно. Вставляем, сохраняем.

Далее идем в раздел Страницы — Добавить новую, переводим в редакторе вид на HTML  и вставляем второй код со странички Google Adsense для вывода результатов поиска. Теперь еще одно важное замечание: под названием статьи у вас будет автоматически сгенерированный URL для страницы. Нажимаете кнопку Изменить и меняете адрес страницы на тот, что указывали при настройке Google Поиск (см. выше).

После того как страница создана нужно ее убрать из меню (если у вас конечно выводятся страницы).

В моем случае навигация со страницами выводится с файле header.php. Открываем этот файл в редакторе и ищем там функцию

wp_list_pages('title_li=&depth=1');

Для того, чтобы исключить статью из вывода необходимо просто добавить параметр

&exclude=1000
где 1000 - id страницы
Например так
php wp_list_pages('title_li=&depth=1&exclude=1000');

Id страницы можно посмотреть при наведении курсора на ссылку для редактирования страницы, смотрим параметр page_id

Итак, страница создана, код скопирован.

Остается только поправить ширину вывода результатов поиска. Для этого в таблицу стилей, а именно, в файл style.css вашей темы добавляем несколько строк

/* для формы поиска Google*/
#element {
        width: 610px;
}

#cse-search-results iframe {
        width: 610px;
}
/* конец формы поиска Google*/

Вам необходимо подобрать нужный параметр самостоятельно, путем последовательного изменения и выбора оптимального результата.

На этом на сегодня все. Удачи вам, друзья.

Если этот материал оказался вам полезен, порекомендуйте его в в Google, нажав кнопку Google+ справа в сайдбаре или через кнопки социальных сервисов ниже.

П.С. не забудьте оставить комментарий к статье, а также поделиться ссылкой с друзьями и коллегами через социальные сервисы или скопировав ссылку на статью ниже. Кроме того, вы можете предложить тему статьи через кнопку слева "Предложить тему статьи". Там же можно оставить пожелания, идеи по развитию сайта, а также благодарности (ну а вдруг)
П.П.С. предлагаю вам также вступить в Группа Вконтакте!группу Вконтакте, где вы сможете пообщаться с участниками на интересующие вас темы. Смелее!!!
Если вы больше времени проводите в Twitter, то за обновлениями на сайте можно следить, подписавшись на мою лентуTwitter: follow me!

Возможно вам также будут интересны статьи :

 

Предыдущие материалы из данной категории:

Комментариев: 0 , , , , , , , , , , , ,

Понравилась статья? Поделитесь ссылкой




Оставьте комментарий:




:wink: :twisted: :roll: :oops: :mrgreen: :lol: :idea: :evil: :cry: :arrow: :?: :-| :-x :-o :-P :-D :-? :) :( :!: 8-O 8)

Я человек, а не бот.