第八课WordPress主题制作引入bootstrap导航菜单和搜索框

概述在本课的WordPress主题制作教程中 引入了bootstrap自适应导航菜单，和自定义了bootstrap的搜索样式。 注册菜单优酷土豆链接：优酷土豆视频高清观看优酷全部教程播单：http://i.youku.com/i/UNTU3NDYyODg0/playl

在本课的wordpress主题制作教程中 引入了bootstrap自适应导航菜单，和自定义了bootstrap的搜索样式。

注册菜单

优酷土豆链接：优酷土豆视频高清观看

优酷全部教程播单：http://i.youku.com/i/UNTU3NDYyODg0/playLists

源码、和高清下载：百度云地址：http://pan.baIDu.com/s/1b6zOKY

本课百度云盘下载 密码：进QQ群 521068947 到群文件下载对应的课程。

所有视频播放密码： 511yj.com

所有源码高清视频解压密码： www.511yj.com

本人QQ: 272586593

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');

http://www.511yj.com/bootstrap-wordpress-menu.HTML

前台菜单调用

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 = '

 

return $form;

}

add_filter( 'get_search_form','yj_search_form' );

前台菜单调用搜索框

总结

以上是内存溢出为你收集整理的第八课WordPress主题制作引入bootstrap导航菜单和搜索框全部内容，希望文章能够帮你解决第八课WordPress主题制作引入bootstrap导航菜单和搜索框所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zz/1019343.html