Posso colocar o formulário de busca no topo da nossa página 404?

Suporte
6

Parece que não há saídas de plugin na página 404 e, de acordo com How to add custom JS code to the 404 pages?, você tem que usar JavaScript puro.

Tente adicionar algo como isto à aba Body, em um componente de tema:

<script type="text/javascript">
    var x = document.getElementsByClassName("page-not-found");
    var search = '<div class="page-not-found-search-top"><h2>Pesquisar neste site</h2><p></p><form action="/search" id="discourse-search"><input type="text" name="q" value=""><button class="btn btn-primary">Pesquisar</button></form><p></p></div>'
    x.item(0).innerHTML += search
</script>

Pode ser necessário fazer alguns ajustes com CSS, tente:

.page-not-found-search {
    display: none;
}

.page-not-found-search-top button {
    margin-left: 10px;
}

.page-not-found-search-top input {
    width: 600px;
}

Espero que isso ajude!

8 curtidas