forked from maddisondesigns/Quark
-
Notifications
You must be signed in to change notification settings - Fork 0
/
header.php
109 lines (92 loc) · 4.17 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
<?php
/**
* The Header for our theme.
*
* Displays all of the <head> section and everything up till <div id="maincontentcontainer">
*
* @package Quark
* @since Quark 1.0
*/
?><!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" <?php language_attributes(); ?>> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" <?php language_attributes(); ?>> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" <?php language_attributes(); ?>> <![endif]-->
<!-- Consider adding a manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 8]><!--> <html class="no-js" <?php language_attributes(); ?>> <!--<![endif]-->
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="cleartype" content="on">
<!-- Responsive and mobile friendly stuff -->
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<div id="wrapper" class="hfeed site">
<div class="visuallyhidden skip-link"><a href="#primary" title="<?php esc_attr_e( 'Skip to main content', 'quark' ); ?>"><?php esc_html_e( 'Skip to main content', 'quark' ); ?></a></div>
<div id="headercontainer">
<header id="masthead" class="site-header row" role="banner">
<div class="col grid_5_of_12 site-title">
<h1>
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?>" rel="home">
<?php
$headerImg = get_header_image();
if( !empty( $headerImg ) ) { ?>
<img src="<?php header_image(); ?>" height="<?php echo get_custom_header()->height; ?>" width="<?php echo get_custom_header()->width; ?>" alt="" />
<?php }
else {
echo get_bloginfo( 'name' );
} ?>
</a>
</h1>
</div> <!-- /.col.grid_5_of_12 -->
<div class="col grid_7_of_12">
<div class="social-media-icons">
<?php echo quark_get_social_media(); ?>
</div>
<nav id="site-navigation" class="main-navigation" role="navigation">
<h3 class="menu-toggle assistive-text"><?php esc_html_e( 'Menu', 'quark' ); ?></h3>
<div class="assistive-text skip-link"><a href="#content" title="<?php esc_attr_e( 'Skip to content', 'quark' ); ?>"><?php esc_html_e( 'Skip to content', 'quark' ); ?></a></div>
<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
</nav> <!-- /.site-navigation.main-navigation -->
</div> <!-- /.col.grid_7_of_12 -->
</header> <!-- /#masthead.site-header.row -->
</div> <!-- /#headercontainer -->
<div id="bannercontainer">
<div class="banner row">
<?php do_action( 'quark_above_banner' ); ?>
<?php if ( is_front_page() ) {
// Count how many banner sidebars are active so we can work out how many containers we need
$bannerSidebars = 0;
for ( $x=1; $x<=2; $x++ ) {
if ( is_active_sidebar( 'frontpage-banner' . $x ) ) {
$bannerSidebars++;
}
}
// If there's one or more one active sidebars, create a row and add them
if ( $bannerSidebars > 0 ) { ?>
<?php
// Work out the container class name based on the number of active banner sidebars
$containerClass = "grid_" . 12 / $bannerSidebars . "_of_12";
// Display the active banner sidebars
for ( $x=1; $x<=2; $x++ ) {
if ( is_active_sidebar( 'frontpage-banner'. $x ) ) { ?>
<div class="col <?php echo $containerClass?>">
<div class="widget-area" role="complementary">
<?php dynamic_sidebar( 'frontpage-banner'. $x ); ?>
</div> <!-- /.widget-area -->
</div> <!-- /.col.<?php echo $containerClass?> -->
<?php }
} ?>
<?php }
} ?>
</div> <!-- /.banner.row -->
</div> <!-- /#bannercontainer -->
<div id="maincontentcontainer">
<?php do_action( 'quark_before_woocommerce' ); ?>