Kann ich das Suchformular oben auf unserer 404-Seite platzieren?

Unterstützung
6

Es scheint, dass es keine Plugin-Ausgänge auf der 404-Seite gibt und laut How to add custom JS code to the 404 pages? reines JS verwendet werden muss.

Versuchen Sie, etwas wie das Folgende zum Tab Body in einer Theme-Komponente hinzuzufügen:

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

Möglicherweise müssen Sie einige Anpassungen mit CSS vornehmen. Versuchen Sie:

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

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

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

Ich hoffe, das hilft!

8 „Gefällt mir“