404ページの上部に検索フォームを配置できますか？

サポート
6

404ページにプラグインのアウトレットがないようです。How to add custom JS code to the 404 pages? によると、ピュアJSを使用する必要があるとのことです。

テーマコンポーネントの「Body」タブに以下のようなものを追加してみてください。

<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>

CSSで調整が必要になる場合があります。以下を試してみてください。

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

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

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

お役に立てば幸いです！

「いいね！」 8