第七课WordPress主题制作综合教程头部Brand设计

文章目录[隐藏]

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>

发布日期:

所属分类: WordPress 主题 标签: