如何為 wordpress 網站制作搜索部分？

Question

我有一個 wordpress 網站，我想在菜單中為它制作一個搜索實用程序。

我知道如果我們把它放到瀏覽器中：

www.yoursite.com?s=keyword

它在所有帖子的標題中搜索關鍵字。

但我不知道如何制作表單並使用 Javascript 來處理它。

任何想法都會有所幫助

我在 header.php 中嘗試過的：

 <script>$(document).ready(function(){
 function search(){
     var uri =  $("#searchtxt").val();
     window.location.href="www.codepro.gq?s="+uri;
     return;
     }
 })
 </script>

在菜單部分：

 <form class="navbar-form navbar-left">
    <div>
      <input type="text"  id="searchtxt" placeholder="Search" />
    </div>
    <button  onclick="search()">Search</button>
  </form>

Answer 1

我不使用 jQuery（我是業余愛好者）
我只使用 Javascript 完成，請根據需要進行編輯。

這是 Javascript 和表單代碼，我將 url 更改為“http”，我不知道，但是當我在 url 中使用“www”時出現問題

 function search(){ var uri = document.getElementById("searchtxt"); window.location.href = "http://www.codepro.gq?s="+uri.value; return; }

 <form class="navbar-form navbar-left"> <div> <input type="text" id="searchtxt" placeholder="Search" /> </div> <input type="button" value="Search" onClick="search()"/>

我將<button>標記更改為<input>標記，因為不同的瀏覽器對<button>元素使用不同的默認類型。