-
Notifications
You must be signed in to change notification settings - Fork 2
/
header.php
85 lines (79 loc) · 2.72 KB
/
header.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<?php
/**
* The template for displaying the header
*
* Displays all of the head element and everything up until the "container" div.
*
* @package FoundationPress
* @since FoundationPress 1.0.0
*/
?>
<!doctype html>
<html class="no-js" <?php language_attributes(); ?> >
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<?php
if ( ! function_exists( 'wp_body_open' ) ) {
function wp_body_open() {
do_action( 'wp_body_open' );
}
}
?>
<?php
/**
* Skip Links
*/
?>
<nav id="skip-links" class="skip-links show-on-focus" aria-label="Skip links" data-smooth-scroll>
<a class="screen-reader-text" href="#main">Skip to content</a>
<a class="screen-reader-text" href="#menu">Skip to navigation</a>
</nav>
<?php
if ( get_theme_mod( 'wpt_mobile_menu_layout' ) === 'offcanvas' ) :
?>
<?php get_template_part( 'template-parts/mobile-off-canvas' ); ?>
<?php endif; ?>
<?php
/**
* Site Header
*/
?>
<div class="header-sticky-container" data-sticky-container>
<header id="header" class="site-header sticky myheader" data-sticky data-options="marginTop:0;" data-sticky-on="small">
<?php
/**
* Mobile Menu
*/
?>
<section class="site-title-bar title-bar mynav" arial-label="Mobile navigation" <?php foundationpress_title_bar_responsive_toggle(); ?> data-hide-for="large">
<div class="title-bar-left">
<button aria-label="<?php _e( 'Main Menu', 'foundationpress' ); ?>" class="menu-icon" type="button" data-toggle="<?php foundationpress_mobile_menu_id(); ?>"></button>
<span class="site-mobile-title title-bar-title">
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>
</span>
</div>
</section>
<?php
/**
* Desktop/Tablet Menu
*/
?>
<section class="site-navigation top-bar mynav" aria-label="Site navigation">
<div class="top-bar-left">
<div class="site-desktop-title top-bar-title">
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>
</div>
</div>
<nav id="menu" class="top-bar-right mynav" aria-label="Main menu">
<?php foundationpress_top_bar_r(); ?>
<?php if ( ! get_theme_mod( 'wpt_mobile_menu_layout' ) || get_theme_mod( 'wpt_mobile_menu_layout' ) === 'topbar' ) : ?>
<?php get_template_part( 'template-parts/mobile-top-bar' ); ?>
<?php endif; ?>
</nav>
</section>
</header>
</div>