-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathheader.php
139 lines (84 loc) · 3.69 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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE html>
<html class="no-js" <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" >
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<div class="navigation">
<div class="section-inner">
<ul class="main-menu">
<?php
if ( has_nav_menu( 'primary' ) ) {
$nav_menu_args = array(
'container' => '',
'items_wrap' => '%3$s',
'theme_location' => 'primary'
);
wp_nav_menu( $nav_menu_args );
} else {
echo splot_default_menu();
}
?>
<li><form method="get" class="search-form" action="<?php echo esc_url( home_url( '/' ) ); ?>">
<label for="search-field" class="genericon genericon-search"></label>
<input type="search" value="" placeholder="<?php _e( 'Search ', 'garfunkel' ); ?>" name="s" class="search-field" id="search-field" />
</form></li>
</ul><!-- .main-menu -->
<?php get_template_part( 'menu', 'social' ); ?>
<div class="clear"></div>
</div><!-- .section-inner -->
<div class="mobile-menu-container">
<ul class="mobile-menu">
<?php
if ( has_nav_menu( 'primary' ) ) {
wp_nav_menu( $nav_menu_args);
} else {
echo splot_default_menu();
}
?>
<li><form method="get" class="search-form" action="<?php echo esc_url( home_url( '/' ) ); ?>">
<label for="search-field" class="genericon genericon-search"></label>
<input type="search" value="" placeholder="<?php _e( 'Search ', 'garfunkel' ); ?>" name="s" class="search-field" id="mobile-search-field" />
</form></li>
</ul><!-- .mobile-menu -->
<?php get_template_part( 'menu', 'social' ); ?>
</div><!-- .mobile-menu-container -->
</div><!-- .navigation -->
<div class="title-section">
<?php $header_image_url = get_header_image() ?: get_template_directory_uri() . '/images/bg.jpg'; ?>
<div class="bg-image master" style="background-image: url( <?php echo $header_image_url; ?> );"></div>
<div class="bg-shader master"></div>
<div class="section-inner">
<div class="toggle-container">
<a class="nav-toggle" title="<?php _e( 'Click to view the navigation', 'garfunkel' ); ?>" href="#">
<div class="bars">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
<div class="clear"></div>
</div>
<p>
<span class="menu"><?php _e( 'Menu', 'garfunkel' ); ?></span>
<span class="close"><?php _e( 'Close', 'garfunkel' ); ?></span>
</p>
<div class="clear"></div>
</a>
</div><!-- .toggle-container -->
<?php if ( get_theme_mod( 'garfunkel_logo' ) ) : ?>
<div class="blog-logo">
<a class="logo" href='<?php echo esc_url( site_url( '/' ) ); ?>' title='<?php echo esc_attr( get_bloginfo( 'title' ) ); ?> — <?php echo esc_attr( get_bloginfo( 'description' ) ); ?>' rel='home'>
<img src='<?php echo esc_url( get_theme_mod( 'garfunkel_logo' ) ); ?>' alt='<?php echo esc_attr( get_bloginfo( 'title' ) ); ?>'>
</a>
</div>
<?php elseif ( get_bloginfo( 'description' ) || get_bloginfo( 'title' ) ) : ?>
<h1 class="blog-title">
<a href="<?php echo esc_url( site_url() ); ?>" title="<?php echo esc_attr( get_bloginfo( 'title' ) ); ?> — <?php echo esc_attr( get_bloginfo( 'description' ) ); ?>" rel="home"><?php echo esc_attr( get_bloginfo( 'title' ) ); ?></a>
</h1>
<?php if ( get_bloginfo( 'description' ) ) : ?>
<h3 class="blog-subtitle"><?php echo esc_attr( get_bloginfo( 'description' ) ); ?></h3>
<?php endif; ?>
<?php endif; ?>
</div>
</div>