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

在本课的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

前台菜单调用

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

相关文章

我们有时候在定制WORDPRESS主题的时候,由于菜单样式的要求我...
很多朋友在做wordpree主题制作的时候会经常遇到一个问题,那...
wordpress后台的模块很多,但并不是每个都经常用到。介绍几段...
从WordPress4.2版本开始,如果我们在MYSQL5.1版本数据中导出...
很多网友会遇到这样一个问题,就是WordPress网站上传图片、附...
对于经常要在文章中出现代码的IT相关博客,安装一个代码高亮...