wp-content/themes/twentyfourteen/header.php

   1 <?php
   2 /**
   3  * The Header for our theme
   4  *
   5  * Displays all of the <head> section and everything up till <div id="main">
   6  *
   7  * @package WordPress
   8  * @subpackage Twenty_Fourteen
   9  * @since Twenty Fourteen 1.0
  10  */
  11 ?><!DOCTYPE html>
  12 <!--[if IE 7]>
  13 <html class="ie ie7" <?php language_attributes(); ?>>
  14 <![endif]-->
  15 <!--[if IE 8]>
  16 <html class="ie ie8" <?php language_attributes(); ?>>
  17 <![endif]-->
  18 <!--[if !(IE 7) & !(IE 8)]><!-->
  19 <html <?php language_attributes(); ?>>
  20 <!--<![endif]-->
  21 <head>
  22         <meta charset="<?php bloginfo( 'charset' ); ?>">
  23         <meta name="viewport" content="width=device-width">
  24         <title><?php wp_title( '|', true, 'right' ); ?></title>
  25         <link rel="profile" href="http://gmpg.org/xfn/11">
  26         <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
  27         <!--[if lt IE 9]>
  28         <script src="<?php echo get_template_directory_uri(); ?>/js/html5.js"></script>
  29         <![endif]-->
  30         <?php wp_head(); ?>
  31 </head>
  32
  33 <body <?php body_class(); ?>>
  34 <div id="page" class="hfeed site">
  35         <?php if ( get_header_image() ) : ?>
  36         <div id="site-header">
  37                 <a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
  38                         <img src="<?php header_image(); ?>" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>">
  39                 </a>
  40         </div>
  41         <?php endif; ?>
  42
  43         <header id="masthead" class="site-header" role="banner">
  44                 <div class="header-main">
  45                         <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
  46
  47                         <div class="search-toggle">
  48                                 <a href="#search-container" class="screen-reader-text" aria-expanded="false" aria-controls="search-container"><?php _e( 'Search', 'twentyfourteen' ); ?></a>
  49                         </div>
  50
  51                         <nav id="primary-navigation" class="site-navigation primary-navigation" role="navigation">
  52                                 <button class="menu-toggle"><?php _e( 'Primary Menu', 'twentyfourteen' ); ?></button>
  53                                 <a class="screen-reader-text skip-link" href="#content"><?php _e( 'Skip to content', 'twentyfourteen' ); ?></a>
  54                                 <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu', 'menu_id' => 'primary-menu' ) ); ?>
  55                         </nav>
  56                 </div>
  57
  58                 <div id="search-container" class="search-box-wrapper hide">
  59                         <div class="search-box">
  60                                 <?php get_search_form(); ?>
  61                         </div>
  62                 </div>
  63         </header><!-- #masthead -->
  64
  65         <div id="main" class="site-main">