WordPress 3.0引入了一个新的菜单系统,该菜单系统更易于从用户界面使用和维护。尽管这增加了很多自定义功能,但是添加诸如搜索栏之类的独特元素并不是很直观。您可以使用具有绝对位置,索引和边距的CSS来找到搜索栏,但这存在多个问题,尤其是响应式网站。为了避免这种情况,我们可以加入wp_nav_menu_items过滤器。
add_filter('wp_nav_menu_items','add_search_box_to_primary_menu', 10, 2); function add_search_box_to_primary_menu( $items, $args ) { if( $args->theme_location == 'primary' ) { $items .= '<li class="menu-item menu-item-search cf">'; $items .= '<form method="get"; class="menu-search-form" action="' . esc_url( home_url( '/' ) ) . '" '; $items .= '<input class="text_input" type="text" value="Search" name="s" id="s" placeholder="Search..." />'; $items .= '<form>'; $items .= '</li>'; } return $items; } |
add_filter('wp_nav_menu_items','add_search_box_to_primary_menu', 10, 2); function add_search_box_to_primary_menu( $items, $args ) {if( $args->theme_location == 'primary' ) { return $items.get_search_form(); } return $items; } |