WordPress: Изменение формы поиска

Задача. Необходимо изменить HTML-код для формы поиска, чтобы можно было добавить свои классы при использовании Bootstrap или при других подобных ситуациях.

Решение 1. Функция get_search_form() выводит форму поиска, но сначала она ищет файл searchform.php в корне темы. Поэтому нужно либо изменить его, если тема использует этот файл, либо добавить свой. Например код №1.

</p>
<p># Файл ‘searchform.php’ с разметкой для Bootstrap<br />
<form role=”search” method=”get” id=”search-form” action=”<?php echo esc_url( home_url( ‘/’ ) ); ?>” class=”d-flex”><br />
	<input class=”search-field form-control me-1″ type=”search” class=”search-field” placeholder=”Поиск…” value=”” name=”s” aria-label=”Поиск”><br />
	<button class=”search-submit btn btn-outline-light” type=”submit” value=”Найти”>Поиск</button><br />
</form></p>
<p>

# Файл ‘searchform.php’ с разметкой для Bootstrap

<form role=“search” method=“get” id=“search-form” action=“<?php echo esc_url( home_url( ‘/’ ) ); ?>“ class=“d-flex”>

<button class=“search-submit btn btn-outline-light” type=“submit” value=“Найти”>Поиск</button>

</form>

Решение 2. Чтобы перезаписать HTML стандартной формы поиска в WordPress можно использовать хук get_search_form в functions.php темы — Код №2.

</p>
<p>add_filter( ‘get_search_form’, ‘qfurs_search_form’ );</p>
<p>function qfurs_search_form( $form ) {</p>
<p>    $form = ‘<form role=”search”…</form>’; // Записываем новую форму поиска<br />
    return $form;<br />
}</p>
<p>