スマホサイト用headerコード

WordPress

WordPressでのスマホサイト用headerコードです。

<!DOCTYPE html>
<html lang="ja" dir="ltr">
  <head>
    <title>
      <?php if ( is_home() || is_front_page() ) : ?>
      <?php bloginfo('name'); ?>
      <?php else : ?>
      <?php the_title(); ?>| 
      <?php bloginfo('name'); ?>
      <?php endif; ?>
    </title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--CSS-->
    <link href="
    <?php bloginfo('template_url'); ?>/css/sp-style.css" rel="stylesheet" >
    <!--googlefont-->

    <!-- font awesome -->
    <link href="
    <?php bloginfo('template_url'); ?>/css/font-awesome.min.css" rel="stylesheet">
    <!-- favicon -->
    <link rel="shortcut icon" href="
    <?php bloginfo('template_url'); ?>/favicon.ico">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <?php wp_head()?>
  </head>
  <body>
    <noscript>
      <div class="no-script">サイトを快適に利用するためには、JavaScriptを有効にしてください。</div>
    </noscript>
    <div class="wrapper">
      <nav id="menu">
        <ul>
          <li>
            <a href="">カテゴリ</a>
          </li>
          <li>
            <a href="">カテゴリ</a>
          </li>
          <li>
            <a href="">カテゴリ</a>
          </li>
          <li>
            <a href="">カテゴリ</a>
          </li>
          <li>
            <a href="">カテゴリ</a>
          </li>
          <li>
            <a href="">カテゴリ</a>
          </li>
          <li>
            <a href="">カテゴリ</a>
          </li>
          <li>
            <a href="">カテゴリ</a>
          </li>
        </ul>
      </nav>