Как сделать такой же поиск по сайту?

Question

[Сергей]

Как сделать такой же поиск как на этом сайте https://onlinecasinohex.ca/ ? Сайт этот стоит на WordPress'е.
Для начала, хотелось узнать хотя бы, он сделан с помощью плагина WordPress'а или самописно ручками, с помощью PHP, например?

Answer 1

[Alex]

Вам достаточно выполнять запрос по адресу:

https://your-domain/wp-json/wp/v2/posts/?search=text-from-input

Это нативный функционал последних версий ВП.

Comments

[Сергей]

Александр Козак Как сам запрос этот делать? Куда прописывать и тд? По этой ссылке там просто все поля показаны для объекта post, но как с этим работать?

[Alex]

Сергей, Почитайте про ajax. Вам нужно создать поле ввода. Навесить на него событие oninput. По этому событию отправлять запрос на ваш сервер и получать результат поиска, после чего отобразить результаты для пользователя в виде ссылок

[Сергей]

Александр Козак, Так https://wordpress.stackexchange.com/questions/2401... ?
Или вот плагин как раз для этого вроде нашел https://ru.wordpress.org/plugins/ajax-search-lite/

Answer 2

[Олег]

Примитивно это выглядит так

<div class="container" style="position: relative">
        <form action="....." method="post" id="searchform" accept-charset="utf-8">
        <div class="input-group">
            <div class="input-group-addon">
                Код
            </div>
            <input type="search" name="search" value=""   class="form-control"  autocomplete="off" id="srch" />
            <div class="input-group-btn">
                <button type="submit" class="btn btn-primary">Найти</button>
            </div>
        </div>
        <div id="tip">
            <div>запрашиваю</div>
        </div>

        </form>
    </div>

function Tips() {
        $('#tip').show().html('<ul><li>обновляю</li></ul>');
        val = $('#srch').val();
        $.post('/articul/mytips', {code: val}, function (data) {
            html = '<ul>';
            for (i = 0; i < data.tips.length; i++) {
                html += '<li><a href="\'' + data.tips[i].href + '">' + data.tips[i].name + '</a></li>';
            }
            html += '</ul>';
            $('#tip').html(html);

        });
    }
 $(document).ready(function () {
        $('#srch').keydown(function (e) {
            val = $('#srch').val();
            if (val.length > 2) {
                clearTimeout(timerToSearch);
                timerToSearch = setTimeout(function () {
                    Tips();
                }, 50);
            }
        });
    });

ну и /articul/mytips возвращает у меня json

Answer 3

[Дмитрий Чайников]

Чтобы знать на чем сделан любой сайт, достаточно установить плагин Wappalyzer (точно знаю, что работает на Google Chrome), см. скриншот:


А для поиска по сайту можно использовать API Yandex (https://site.yandex.ru)