wordpress主题制作引入bootstrap导航菜单和搜索框 wordpress



WordPress后台默认是没有菜单选项的,必须在functions.php注册一个菜单

// 注册菜单
if(function_exists('register_nav_menus')){    
          register_nav_menus(  
           array(  
                 'header-menu' => __( 'top-menu' ),    
                )  
            );  
           }

导入bootstrap菜单样式

include_once('inc/wp_bootstrap_navwalker.php');


前台菜单调用

<?php
            wp_nav_menu( array(
                'menu'              => '顶部导航',
                'theme_location'        => 'top-menu',
                'depth'             => 2,
                'menu_class'       => 'nav navbar-nav',
                'fallback_cb'       => 'wp_bootstrap_navwalker::fallback',
                'walker'            => new wp_bootstrap_navwalker())
            );
?>

自定义搜索框

自定义搜索函数yj_search_form把我们的搜索样式挂在wordorss自带的搜索函数get_search_form()中

在functions.php加入代码

/*
 * 自定义搜索框
 */
 function yj_search_form( $form ) {
    $form = '<form class="navbar-form navbar-right" role="search" method="get" id="searchform" action="' . home_url( '/' ) . '" >
    <div class="input-group" id="search"><label class="hide screen-reader-text" for="s">' . __('Search for:') . '</label>
    <input class="form-control"  type="text" value="' . get_search_query() . '" name="s" id="s" placeholder="search"/> 
    </div>
    </form>'; 
    return $form;
}
add_filter( 'get_search_form', 'yj_search_form' );


前台菜单调用搜索框

<?php get_search_form(); ?>


签名:这个人很懒,什么也没有留下!
最新回复 (0)
返回