Як у WordPress вивести форму пошуку за допомогою шорткоду

Привіт:) У цій нотатці покажу, як швидко вивести на екран форму пошуку через шорткод.

У ВордПрес немає простих інструментів для виведення пошукової форми у вмісті (контенті) запису або сторінки. Але це можна зробити через шорткод, який без проблем вставляється у будь-яке місце сайту.

У файл functions.php вашої активної теми додайте код

function mp_display_search_form() {
    return get_search_form( false );
}
add_shortcode( 'search_form', 'mp_display_search_form' );

Щоб отримати результат шорткоду [search_form], його потрібно вставити у вміст запису/сторінки. Щоб вставити у файл шаблону теми, використовуйте рядок

echo do_shortcode( '[search_form]' );

В результаті виведеться пошукова форма.

Часто у темах цю форму стилізують під загальний дизайн. Тому її можна змінити. Для цього код потрібно змінити так:

function mp_display_search_form() {
    $search_form = '<form method="get" id="search-form-alt" action="'. 
    esc_url( home_url( '/' ) ) .'"><input type="text" name="s" id="s" 
    placeholder="Введіть слово для пошуку..."></form>';
    
	return $search_form;
}
add_shortcode( 'search_form', 'mp_display_search_form' );

Весь HTML-код вбудованої у WordPress форми пошуку можна переглянути в офіційній документації (1 та 2).

Вбудована в ядро WordPress форма пошуку використовується та виводиться за замовчуванням, якщо ваша тема не має свого шаблону форми у файлі searchform.php.

Михайло Петров
Михайло Петров

Мене звати Михайло. Я — WordPress-розробник. Створюю візитки, корпоративні сайти, блоги на WordPress.

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *