Як створити спеціальну форму пошуку в WordPress

Ви хочете створити власну форму пошуку на веб-сайті WordPress? Ми звично створювали теми з нуля, щоб ми могли додати свій власний стиль до розділів на веб-сайті. Можливо, ви створили дизайн красиво виглядаючої форми пошуку і тепер хочете вписати його в WordPress.

WordPress пропонує метод, get_search_form()який відображає форму пошуку. Якщо ви використовуєте цей метод у власній темі, ви отримаєте форму пошуку за замовчуванням, створену в ядрі WordPress. І вам не потрібна форма пошуку за замовчуванням, оскільки ваш дизайн форми відрізняється. Щоб подолати цю ситуацію, потрібно створити власну форму пошуку, яка замінює форму за замовчуванням.

Створивши власну форму пошуку, ви можете додати до неї власну розмітку та стиль. У цій статті я покажу вам, як створити власну форму пошуку в WordPress.

Метод get_search_form()шукає searchform.phpфайл у каталозі вашої активної теми. Якщо цей файл не існує, тоді WordPress використовує форму пошуку за замовчуванням, яка входить до його основи.

Створіть форму користувацького пошуку

Створіть searchform.phpфайл у каталозі активної теми. У цьому файлі додайте розмітку форми пошуку. Наприклад, у моєму випадку форма пошуку така.

<form id="searchform" method="get" action="<?php echo esc_url( home_url( '/') ); ?>">
    <input type="text" class="search-field" name="s" placeholder="Search" value="<?php echo get_search_query(); ?>">
    <input type="submit" value="Search">
</form>

У наведеному вище коді немає нічого вигадливого чи складного. Я щойно дав ідентифікатор ‘searchform’ тегу форми, а клас ‘search-field’ – текстовому полі пошуку. Використовуючи цей ідентифікатор та клас, я можу додати стиль до форми пошуку. Як у вашому випадку, ви повинні використовувати власну розмітку.

Відобразити форму пошуку

Наступним кроком є ​​відображення форми пошуку на веб-сайті. Можливо, ви захочете розмістити форму пошуку на бічній панелі, заголовку, поруч із меню тощо.

За допомогою функції get_search_form()можна відобразити форму пошуку в будь-якому місці веб-сайту. Все, що вам потрібно зробити, це викликати цей метод з місця, де ви хочете відобразити форму пошуку.

<?php get_search_form(); ?>

Помістивши вищезазначений код у потрібне місце, перейдіть до браузера. Тепер ви повинні побачити форму пошуку на веб-сайті.

Налаштуйте результат пошуку

Можливо, ваш веб-сайт має більше ресурсів, таких як книги, журнали, електронні книги, PDF-файли тощо, і вам потрібно відображати вміст з усіх цих ресурсів у результатах пошуку. Це можна зробити легко.

Припускаючи, що у вас є власні типи публікацій для всіх цих ресурсів, вам потрібно додати приховане поле для кожного типу публікації у формі пошуку.

Скажімо, ви створили спеціальні типи публікацій: книга, журнал, електронна книга, pdf для зазначених вище ресурсів. Тоді ваші приховані поля будуть такими.

<form id="searchform" method="get" action="<?php echo esc_url( home_url( '/') ); ?>">
    <input type="text" class="search-field" name="s" placeholder="Search" value="<?php echo get_search_query(); ?>">
    <input type="hidden" name="post_type[]" value="book" />
    <input type="hidden" name="post_type[]" value="magazine" />
    <input type="hidden" name="post_type[]" value="ebook" />
    <input type="hidden" name="post_type[]" value="pdf" />
    <input type="submit" value="Search">
</form>

Тепер, коли хтось вводить ключове слово у форму пошуку, WordPress шукає це ключове слово у всіх вищезазначених типах публікацій для відповідності результату.

Сподіваюсь, ви розумієте, як створити власну форму пошуку в WordPress. Я хотів би почути ваші думки та пропозиції у розділі коментарів нижче.

Статті, пов’язані з цим

• Як завантажити повідомлення на WordPress за допомогою AJAX
• Як програмно встановити вибране зображення в WordPress
• Завантажте файли програмно в WordPress