header.php 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <?php
  2. /**
  3. * @package Apostrophe 2
  4. *
  5. * The Header for our theme.
  6. *
  7. * Displays all of the <head> section and everything up till <div id="content">
  8. */
  9. ?><!DOCTYPE html>
  10. <html <?php language_attributes(); ?>>
  11. <head>
  12. <meta charset="<?php bloginfo( 'charset' ); ?>">
  13. <meta name="viewport" content="width=device-width, initial-scale=1">
  14. <link rel="profile" href="http://gmpg.org/xfn/11">
  15. <?php wp_head(); ?>
  16. </head>
  17. <body <?php body_class(); ?>>
  18. <div id="page" class="hfeed site">
  19. <header id="masthead" class="site-header" role="banner">
  20. <div class="site-branding">
  21. <?php the_custom_logo(); ?>
  22. <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
  23. <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
  24. </div>
  25. <nav id="site-navigation" class="main-navigation" role="navigation">
  26. <a class="menu-toggle"><?php esc_html_e( 'Menu', 'apostrophe-2' ); ?></a>
  27. <a class="skip-link screen-reader-text" href="#content"><?php esc_html_e( 'Skip to content', 'apostrophe-2' ); ?></a>
  28. <?php wp_nav_menu( array(
  29. 'theme_location' => 'menu-1',
  30. 'menu_class' => 'apostrophe-2-navigation',
  31. ) ); ?>
  32. <?php apostrophe_2_social_menu(); ?>
  33. </nav><!-- #site-navigation -->
  34. </header><!-- #masthead -->
  35. <div id="content" class="site-content">