wordpress - 将搜索添加到 Wordpress 中的导航栏

Question

是否可以在 WordPress Sparkling 主题中将搜索添加到导航栏？ 我的网站是http://www.wpfever.com .

我尝试在 header.php 中添加以下代码:

<?php get_search_form(); ?>

替换为以下内容:

<?php if ( has_nav_menu( 'main_nav' ) ) { ?>
      <?php wp_nav_menu( array( 'theme_location' => 'main_nav' ) ); ?>
      <?php } else { ?>
      <ul><?php wp_list_pages("depth=3&title_li=");  ?></ul>
      <?php } ?> 

Answer 1

我的灵感来自 this solution ，但为了简单起见，会选择第一种方法:

将其添加到您的插件/主题functions.php:

add_filter('wp_nav_menu_items','add_search_box_to_menu', 10, 2);
function add_search_box_to_menu( $items, $args ) {
    ob_start();
    get_search_form();
    $searchform = ob_get_contents();
    ob_end_clean();

    $items .= '<li class="navbar-search">' . $searchform . '</li>';

    return $items;
}

然后是一些CSS(刚刚将其添加到主题style.css):

.navbar-search {
    margin: 10px 0 20px 0;
    width: 200px;
}

@media (min-width: 768px) {
    .navbar-search {
        margin: 20px 0 20px 30px;
    }
}