如何將搜索欄添加到wordpress的移動菜單中？

Question

我已經添加了此代碼，以我的functions.php文件：

function wpgood_nav_search($items, $args) { 
$items .= '<li>' . get_search_form(false) . '</li>'; 
return $items; 
} 
add_filter('wp_nav_menu_items','wpgood_nav_search', 10, 2); 

我發現在這裏： adding search bar to the nav menu in wordpress

問題：這個代碼將搜索欄爲桌面和移動菜單，但我需要將搜索欄僅添加到我的移動菜單，因爲我的網站的桌面版本已在左側欄中有一個搜索窗口小部件。

我該怎麼做？請幫幫我。謝謝！

我的菜單

Initializiation中的functions.php：

// Initialize navigation menus 
register_nav_menus(
    array(
     'primary-menu' => esc_html__('Primary Menu', 'bento'), 
     'footer-menu' => esc_html__('Footer Menu', 'bento'), 
    ) 
); 

非常感謝你的幫助！最後我決定用我的最初的代碼和編輯搜索欄的位置和樣式與CSS，因爲我在編碼:)

Answer 1

使用JavaScript代碼添加搜索框移動菜單

我不是那麼好

$("ul.primary-mobile-menu').append(' 
// your html code to append 
<li><form role="search" method="get" id="searchform" class="search-form" action="https://bookyspace.com/"><div class="search-form-wrap"> <input type="text" value="" name="s" id="s" class="search-form-input" placeholder="Знайти.."> <input type="submit" id="searchsubmit" class="button submit-button" value=""></div></form></li> 
'); 

謝謝

Answer 2

基本上你會這麼做的幾個過程。像以下

• 通過使用jQuery的附加功能，你可以做。這段代碼模板JS文件

  $("here_put_menu_selector").append(' 
   
  <li> 
   
  <form role="search" method="get" id="searchform" class="search-form" action="https://yourdomain.com/"> 
   
  \t <div class="search-form-wrap"> 
   
  \t \t <input type="text" value="" name="s" id="s" class="search-form-input" placeholder="search any"/> 
   
  \t \t <input type="submit" id="searchsubmit" class="button submit-button" value="Search"/> 
   
  \t </div> 
   
  </form> 
   
  </li> 
   
  ');

只有上可見，使用CSS顯示屬性&隱藏部分從臺式機/平板電腦設備的移動設備粘貼。

Answer 3

將下面的代碼在其位於你的主題文件夾

function add_last_nav_item($items, $args) { 
    if ($args->menu == 'header_menu') { 
     $homelink = get_search_form(); 
     $items = $items; 
     $items .= '<li>'.$homelink.'</li>'; 
     return $items; 
    } 
    return $items; 
} 
add_filter('wp_nav_menu_items', 'add_last_nav_item', 10, 2); 

這裏get_search_form的functions.php（）是函數來獲取搜索框。