header.php
※html5の例
headタグ～bodyタグ
functions.php
register_nav_menus(
array(
'header-menu' => 'Primary Navigation'
)
);
header.php
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="utf-8">
<title><?php echo trim(wp_title('', false)); if(wp_title('', false)) { echo ' - '; } bloginfo('name'); ?></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="<?php bloginfo('template_directory');?>/responsive.css" type="text/css" media="screen, print" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen, print" />
<link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<?php
wp_deregister_script('jquery');
wp_enqueue_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js', array(), '1.7.1');
?>
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<!-- ナビゲーション -->
<nav class="navbar navbar-inverse">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<?php
wp_nav_menu( array(
'theme_location' => 'header-menu',
'container' => 'div',
'container_id' => 'navbar',
'container_class' => 'collapse navbar-collapse',
'menu_class' => 'nav navbar-nav navbar-right',
'depth' => 3,
'fallback_cb' => false,
) ); ?>
</div>
</nav>
bodyタグ～ナビゲーション
<!-- ヘッダー -->
<header id="header">
<!-- ヘッダー中身 -->
<div class="header-inner">
<!-- ロゴ -->
<h1 class="logo">
<a href="/" title="<?php bloginfo('name'); ?>"><img src="<?php echo (get_option('logo_url')) ? get_option('logo_url') : get_bloginfo('template_url') .'/images/logo.gif' ?>" alt="<?php bloginfo('name'); ?>"/></a>
</h1>
<!-- / ロゴ -->
<!-- menu -->
<?php get_template_part('togglemenu'); ?>
<!-- /menu -->
<!-- サーチ -->
<div class="contact">
<?php get_search_form(); ?>
</div>
<!-- / サーチ -->
</div>
<!-- / ヘッダー中身 -->
</header>
<!-- / ヘッダー -->
<div class="clear"></div>
<!-- トップナビゲーション -->
<div id="nav-wrapper">
<nav id="nav" class="main-navigation" role="navigation">
<?php my_wp_nav_menu( array( 'menu' => 'topnav', 'theme_location' => 'navigation', 'menu_class' => 'nav-menu', 'link_before' => '<i class="fa fa-th-large txt-gold"></i> ') ); ?>
</nav>
</div>
<!-- / トップナビゲーション -->
<div class="clear"></div>
footer.php
<!-- フッターエリア -->
<footer id="footer">
xxxxx
</footer>
<!-- / フッターエリア -->
<?php wp_footer(); ?>
</body>
</html>
