Как добавить окно поиска в запись WordPress с помощью шорткода (шаг за шагом)

Вы ищете способ добавить окно поиска в запись WordPress с помощью шорткода?

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

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

Давайте начнем!

Зачем добавлять поле поиска в запись WordPress с помощью шорткода

Добавление формы поиска к вашим сообщениям дает много преимуществ.

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

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

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

Кроме того, размещение панели поиска внутри записей вашего сайта WordPress поможет вам:

• Увеличьте среднюю продолжительность сеанса . Предлагая форму поиска в сообщении, вы поможете своим посетителям найти больше контента, который их интересует.
• Получите больше трафика из поисковых систем . Средняя продолжительность сеанса является важным фактором ранжирования в Google, поэтому, поддерживая его на высоком уровне, вы можете получить более высокий рейтинг.
• Создайте лояльную аудиторию . Довольные посетители, получившие положительные впечатления от посещения вашего сайта, с большей вероятностью вернутся на ваш сайт снова.

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

Как добавить окно поиска в запись WordPress с помощью шорткода

Использование плагина — это самый простой способ добавить окно поиска к сообщениям на вашем сайте с помощью шорткода. В этом отношении ни один плагин не сравнится с SearchWP.

Почему? Потому что SearchWP предлагает наиболее комплексное решение на рынке, которое может удовлетворить все ваши потребности.

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

SearchWP ускоряет поиск на сайте, помогая вам:

• Добавьте несколько поисковых систем . Хотите добавить настраиваемые поля поиска на свой сайт? Вы можете создать несколько поисковых систем с разными настройками и связать их с определенными полями поиска.
• Влиять на порядок результатов поиска . Не устраивает текущий порядок результатов поиска на вашем сайте? SearchWP позволяет настроить его так, как вы хотите.
• Исключить страницы из поиска . Ищете способ исключить нежелательные страницы из результатов поиска? С SearchWP вы можете сделать это несколькими щелчками мыши, кодирование не требуется.
• Сделайте настраиваемые поля доступными для поиска . Хранить ценные данные сообщений в настраиваемых полях? Используя SearchWP, вы можете заставить WordPress учитывать их при выполнении поиска.

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

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

Шаг 1: Установите и активируйте плагин SearchWP

Первый шаг — получить собственную копию SearchWP.

После этого войдите в свою учетную запись SearchWP и перейдите на вкладку « Загрузки ».

Затем нажмите кнопку « Загрузить SearchWP» , чтобы начать загрузку ZIP-файла плагина на ваш компьютер.

После загрузки файла скопируйте лицензионный ключ SearchWP на той же вкладке. Он понадобится вам в дальнейшем для активации плагина.

Следующим шагом будет загрузка ZIP-файла плагина SearchWP на ваш сайт.

Нужно освежить в памяти, как это сделать? Следуйте пошаговому руководству по установке плагина WordPress.

После установки плагина перейдите на панель инструментов WordPress, наведите указатель мыши на кнопку SearchWP и нажмите « Активировать лицензию ».

Затем вставьте лицензионный ключ в поле « Лицензия » и нажмите « Активировать» .

После активации лицензии следующим шагом будет установка расширения Shortcodes Extension.

Шаг 2: Установите и активируйте расширение Shortcodes

Это расширение позволяет разместить окно поиска в любом месте вашего поста или страницы с помощью шорткода.

Чтобы установить его, перейдите на вкладку « Расширения » в SearchWP в левой части панели управления WordPress.

Здесь вы найдете множество полезных расширений SearchWP. Установив их, вы сможете еще больше расширить функционал плагина.

Прокрутите страницу вниз, пока не увидите расширение Shortcodes, и нажмите « Установить », чтобы добавить его на свой сайт.

После того, как вы установите и активируете плагин SearchWP и расширение Shortcodes, следующим шагом будет добавление окна поиска к одному из ваших сообщений.

Шаг 3: Добавьте поле поиска в свой пост с помощью шорткода

Чтобы начать, перейдите на вкладку « Сообщения » на панели инструментов WordPress.

Затем нажмите на публикацию, к которой вы хотите добавить окно поиска.

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

Затем во всплывающем окне найдите блок Custom HTML и нажмите на него, чтобы добавить его в запись.

Следующим шагом будет копирование и вставка следующего кода в добавленный вами блок пользовательского HTML :

[searchwp_search_form engine="default" var="searchvar" button_text="Find Results"]
   
<div class="search-results-wrapper">
 [searchwp_search_results engine="default" var="searchvar" posts_per_page=4]
  <h2>[searchwp_search_result_link direct="true"]</h2>
  [searchwp_search_result_excerpt]
 [/searchwp_search_results]
</div>
   
<div class="no-search-results-found">
 [searchwp_search_results_none]
 No results found, please search again.
 [/searchwp_search_results_none]
</div>
   
<div class="search-results-pagination">
 [searchwp_search_results_pagination direction="prev" link_text="Previous" var="searchvar" engine="default"]
 [searchwp_search_results_pagination direction="next" link_text="Next" var="searchvar" engine="default"]
</div>

Этот код добавляет окно поиска в то место в сообщении, где вы его разместили.

Кроме того, он показывает ссылки на страницы и отображает сообщение «Результаты поиска не найдены», если результатов нет.

После добавления кода нажмите кнопку « Обновить » в правом верхнем углу, чтобы сохранить изменения.

Вот и все. Вы добавили строку поиска в свою публикацию, чтобы ваши посетители могли найти больше вашего контента.

Теперь давайте посмотрим, как это работает.

Шаг 4: Проверьте свой пост с помощью окна поиска

Чтобы перейти к своему сообщению, нажмите « Предварительный просмотр », а затем выберите « Предварительный просмотр в новой вкладке» в раскрывающемся меню.

Вот как выглядит панель поиска в посте на нашем тестовом сайте:

Чтобы проверить это, давайте попробуем найти «WooCommerce».

Как видите, результаты поиска по поисковому запросу «WooCommerce» появляются прямо внутри нашего поста.

Это полезно, потому что позволяет вашим посетителям выполнять поиск на вашем сайте, не отвлекаясь от чтения ваших сообщений.

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

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

Ищете способ исключить определенную категорию сообщений из результатов поиска на вашем сайте? Ознакомьтесь с подробным руководством по исключению категории из поиска WordPress.

Хотите ограничить поиск на своем сайте только сообщениями? Следуйте инструкциям по ограничению поиска только сообщениями в руководстве WordPress.