header.php 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. <?php
  2. /**
  3. * The header for our theme
  4. *
  5. * This is the template that displays all of the <head> section and everything up until <div id="content">
  6. *
  7. * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
  8. *
  9. * @package Seedlet
  10. * @since 1.0.0
  11. */
  12. $has_primary_nav = has_nav_menu( 'primary' );
  13. $header_classes = 'site-header header_classes';
  14. $header_classes .= has_custom_logo() ? ' has-logo' : '';
  15. $header_classes .= true === get_theme_mod( 'display_title_and_tagline', true ) ? ' has-title-and-tagline' : '';
  16. $header_classes .= $has_primary_nav ? ' has-menu' : '';
  17. ?><!doctype html>
  18. <html <?php language_attributes(); ?>>
  19. <head>
  20. <meta charset="<?php bloginfo( 'charset' ); ?>" />
  21. <meta name="viewport" content="width=device-width, initial-scale=1" />
  22. <link rel="profile" href="https://gmpg.org/xfn/11" />
  23. <?php wp_head(); ?>
  24. </head>
  25. <body <?php body_class(); ?>>
  26. <?php wp_body_open(); ?>
  27. <div id="page" class="site">
  28. <a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'seedlet' ); ?></a>
  29. <header id="masthead" class="<?php echo $header_classes; ?>" role="banner">
  30. <?php get_template_part( 'template-parts/header/site-branding' ); ?>
  31. <?php if ( $has_primary_nav ) : ?>
  32. <nav id="site-navigation" class="primary-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Main', 'seedlet' ); ?>">
  33. <button id="primary-close-menu" class="button close">
  34. <span class="dropdown-icon close"><?php _e( 'Close', 'seedlet' ); ?> <?php echo seedlet_get_icon_svg( 'close' ); ?></span>
  35. <span class="hide-visually collapsed-text"><?php _e( 'collapsed', 'seedlet' ); ?></span>
  36. </button>
  37. <?php
  38. // Get menu slug
  39. $location_name = 'primary';
  40. $locations = get_nav_menu_locations();
  41. $menu_id = $locations[ $location_name ];
  42. $menu_obj = wp_get_nav_menu_object( $menu_id );
  43. wp_nav_menu(
  44. array(
  45. 'theme_location' => 'primary',
  46. 'menu_class' => 'menu-wrapper',
  47. 'container_class' => 'primary-menu-container',
  48. 'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>',
  49. )
  50. );
  51. ?>
  52. </nav><!-- #site-navigation -->
  53. <?php endif; ?>
  54. <div class="menu-button-container">
  55. <?php if ( $has_primary_nav ) : ?>
  56. <button id="primary-open-menu" class="button open">
  57. <span class="dropdown-icon open"><?php _e( 'Menu', 'seedlet' ); ?> <?php echo seedlet_get_icon_svg( 'menu' ); ?></span>
  58. <span class="hide-visually expanded-text"><?php _e( 'expanded', 'seedlet' ); ?></span>
  59. </button>
  60. <?php endif; ?>
  61. </div>
  62. <?php if ( class_exists( 'WooCommerce' ) ) : ?>
  63. <nav class="woo-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Woo Minicart', 'seedlet' ); ?>">
  64. <?php
  65. echo( sprintf(
  66. '<button id="woo-close-menu" class="button close">
  67. <span class="dropdown-icon close">%1$s %2$s</span>
  68. <span class="hide-visually collapsed-text">%3$s</span>
  69. </button>
  70. <div class="woocommerce-menu-container">
  71. <ul id="woocommerce-menu" class="menu-wrapper"">
  72. <li class="menu-item woocommerce-menu-item %4$s" title="%5$s">
  73. %6$s
  74. <ul class="sub-menu">
  75. <li class="woocommerce-cart-widget" title="%7$s">
  76. %8$s
  77. </li>
  78. </ul>
  79. </li>',
  80. esc_html__( 'Close', 'seedlet' ),
  81. seedlet_get_icon_svg( 'close' ),
  82. esc_html__( 'collapsed', 'seedlet' ),
  83. is_cart() ? 'current-menu-item' : '',
  84. esc_attr__( 'View your shopping cart', 'seedlet' ),
  85. seedlet_cart_link(),
  86. esc_attr__( 'View your shopping list', 'seedlet' ),
  87. seedlet_cart_widget()
  88. ) );
  89. ?>
  90. </nav><!-- .woo-navigation -->
  91. <?php endif; ?>
  92. <div class="menu-button-container">
  93. <?php if ( class_exists( 'WooCommerce' ) ) : ?>
  94. <button id="woo-open-menu" class="button open">
  95. <span class="dropdown-icon open"><?php echo seedlet_get_icon_svg( 'shopping_cart' ); ?> <?php _e( 'Cart', 'seedlet' ); ?></span>
  96. <span class="hide-visually expanded-text"><?php esc_html__( 'expanded', 'seedlet' ); ?></span>
  97. </button>
  98. <?php endif; ?>
  99. </div>
  100. <?php if ( has_nav_menu( 'social' ) ) : ?>
  101. <nav class="social-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Social Links Menu', 'seedlet' ); ?>">
  102. <?php
  103. wp_nav_menu(
  104. array(
  105. 'theme_location' => 'social',
  106. 'link_before' => '<span class="screen-reader-text">',
  107. 'link_after' => '</span>' . seedlet_get_icon_svg( 'link' ),
  108. 'depth' => 1,
  109. )
  110. );
  111. ?>
  112. </nav><!-- .social-navigation -->
  113. <?php endif; ?>
  114. </header><!-- #masthead -->
  115. <div id="content" class="site-content">