header.php 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  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 WordPress
  10. * @subpackage Seedlet
  11. * @since 1.0.0
  12. */
  13. ?><!doctype html>
  14. <html <?php language_attributes(); ?>>
  15. <head>
  16. <meta charset="<?php bloginfo( 'charset' ); ?>" />
  17. <meta name="viewport" content="width=device-width, initial-scale=1" />
  18. <link rel="profile" href="https://gmpg.org/xfn/11" />
  19. <?php wp_head(); ?>
  20. </head>
  21. <body <?php body_class(); ?>>
  22. <?php wp_body_open(); ?>
  23. <div id="page" class="site">
  24. <a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'seedlet' ); ?></a>
  25. <header id="masthead" class="site-header default-max-width">
  26. <?php get_template_part( 'template-parts/header/site-branding' ); ?>
  27. <?php if ( has_nav_menu( 'primary' ) ) : ?>
  28. <nav id="site-navigation" class="primary-navigation" aria-label="<?php esc_attr_e( 'Primary Navigation', 'seedlet' ); ?>">
  29. <button id="toggle-menu" class="button">
  30. <span class="dropdown-icon open"><?php _e( 'Menu', 'seedlet' ); ?> <?php echo seedlet_get_icon_svg( 'menu' ) ?></span>
  31. <span class="dropdown-icon close"><?php _e( 'Close', 'seedlet' ); ?> <?php echo seedlet_get_icon_svg( 'close' ) ?></span>
  32. <span class="hide-visually expanded-text"><?php _e( 'expanded', 'seedlet' ); ?></span>
  33. <span class="hide-visually collapsed-text"><?php _e( 'collapsed', 'seedlet' ); ?></span>
  34. </button>
  35. <?php
  36. // Get menu slug
  37. $location_name = 'primary';
  38. $locations = get_nav_menu_locations();
  39. $menu_id = $locations[ $location_name ];
  40. $menu = wp_get_nav_menu_object( $menu_id );
  41. wp_nav_menu(
  42. array(
  43. 'theme_location' => 'primary',
  44. 'menu_class' => 'menu-wrapper',
  45. 'container_class' => 'primary-menu-container menu-'. $menu->slug .'-container',
  46. 'items_wrap' => '<ul id="%1$s" class="%2$s" aria-label="' . esc_attr__( 'submenu', 'seedlet' ) . '">%3$s</ul>',
  47. )
  48. );
  49. ?>
  50. </nav><!-- #site-navigation -->
  51. <?php endif; ?>
  52. <?php if ( class_exists( 'WooCommerce' ) ) : ?>
  53. <nav class="woo-navigation" aria-label="<?php esc_attr_e( 'Woo Minicart', 'seedlet' ); ?>">
  54. <?php echo( sprintf(
  55. '<button id="toggle-cart" class="button">
  56. <span class="dropdown-icon open">%1$s %2$s</span>
  57. <span class="dropdown-icon close">%3$s %4$s</span>
  58. <span class="hide-visually expanded-text">%5$s</span>
  59. <span class="hide-visually collapsed-text">%6$s</span>
  60. </button>
  61. <div class="woocommerce-menu-container">
  62. <ul id="woocommerce-menu" class="menu-wrapper" aria-label="%7$s">
  63. <li class="menu-item woocommerce-menu-item %8$s" title="%9$s">
  64. %10$s
  65. <ul class="sub-menu">
  66. <li class="woocommerce-cart-widget" title="%11$s">
  67. %12$s
  68. </li>
  69. </ul>
  70. </li>',
  71. seedlet_get_icon_svg( 'shopping_cart' ),
  72. esc_html__( 'Cart', 'seedlet' ),
  73. esc_html__( 'Close', 'seedlet' ),
  74. seedlet_get_icon_svg( 'close' ),
  75. esc_html__( 'expanded', 'seedlet' ),
  76. esc_html__( 'collapsed', 'seedlet' ),
  77. esc_attr__( 'submenu', 'seedlet' ),
  78. is_cart() ? 'current-menu-item' : '',
  79. esc_attr__( 'View your shopping cart', 'seedlet' ),
  80. seedlet_cart_link(),
  81. esc_attr__( 'View your shopping list', 'seedlet' ),
  82. seedlet_cart_widget()
  83. ) ); ?>
  84. </nav><!-- .woo-navigation -->
  85. <?php endif; ?>
  86. <?php if ( has_nav_menu( 'social' ) ) : ?>
  87. <nav class="social-navigation" aria-label="<?php esc_attr_e( 'Social Links Menu', 'seedlet' ); ?>">
  88. <?php
  89. wp_nav_menu(
  90. array(
  91. 'theme_location' => 'social',
  92. 'link_before' => '<span class="screen-reader-text">',
  93. 'link_after' => '</span>' . seedlet_get_icon_svg( 'link' ),
  94. 'depth' => 1,
  95. )
  96. );
  97. ?>
  98. </nav><!-- .social-navigation -->
  99. <?php endif; ?>
  100. </header><!-- #masthead -->
  101. <div id="content" class="site-content">