文章目录[隐藏]
本教程讲解了在Bootstrap框架下实现 header和nav和Brand的设计。
优酷土豆链接：优酷土豆视频高清观看
优酷全部教程播单：http://i.youku.com/i/UNTU3NDYyODg0/playlists
源码、和高清下载：百度云地址：http://pan.baidu.com/s/1gfgNvtL
本课百度云盘下载 密码：进QQ群 521068947 到群文件下载对应的课程。
所有视频播放密码： 511yj.com
所有源码高清视频解压密码： www.511yj.com
本人QQ: 272586593
1、利用Bootstrap构建你的响应式WordPress主题（三）
http://www.511yj.com/wordpress-themes-wpbootstrap3.html
2、 用Bootstrap菜单样式替换你的WordPress菜单
http://www.511yj.com/bootstrap-wordpress-menu.html
3、http://v3.bootcss.com/components/#nav
4、wordpress使用add_theme_support实现自定义头部图像
http://www.511yj.com/wordpress-custom-header.html
5、 wordpress主题自定义顶部图像功能
http://www.511yj.com/wordpress-header-image.html
<a class="navbar-brand" href="<?php echo esc_url(home_url('/'));?>" title="<?php echo bloginfo('description'); ?>"><?php bloginfo('name');?></a>
本课全部代码：
<header>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="<?php echo esc_url(home_url(''));?>" title="<?php bloginfo('description') ?>">
<img src="<?php echo get_template_directory_uri();?>/images/logo.png" alt="<?php echo esc_attr(get_bloginfo('name','display'));?>">
</a>
</div>
</div><!-- /.container -->
</nav>
</header>