09-04 ナビゲーション（ヘッダーメニュー）の例

サンプルのようなナビゲーションにするには

「header.php」下記の部分を変更します。

<nav>
<ul>
  <li><a href="<?php echo home_url(); ?>"><span class="target">ホーム</span></a></li>
  <li><a href="javascript:void(0);"><span class="target">MENU01</span></a>
    <ul>
      <li><a href="javascript:void(0);">SUB MENU11</a></li>
      <li><a href="javascript:void(0);">SUB MENU12</a></li>
      <li><a href="javascript:void(0);">SUB MENU13</a></li>
    </ul>
  </li>
  <li><a href="javascript:void(0);"><span class="target">MENU02</span></a>
    <ul>
      <li><a href="javascript:void(0);">SUB MENU21</a></li>
      <li><a href="javascript:void(0);">SUB MENU22</a></li>
      <li><a href="javascript:void(0);">SUB MENU23</a></li>
      <li><a href="javascript:void(0);">SUB MENU24</a></li>
    </ul>
  </li>
  <li><a href="javascript:void(0);"><span class="target">MENU03</span></a></li>
  <li><a href="javascript:void(0);"><span class="target">MENU04</span></a></li>
 </ul>
</nav>

次と入れ替えます。

<nav>
<ul>
  <li class="color-1"><a href="<?php echo home_url(); ?>" target="_top"><span class="target">トップページ</span></a></li>
  <li class="color-2"><a href="http://mp.moshimo.com/about/flow?shop_id=<?php echo get_theme_mod( 'moshimo_id'); ?>" target="_blank"><span class="target">お買い物の流れ</span></a></li>
  <li class="color-3"><a href="http://mp.moshimo.com/about/payment?shop_id=<?php echo get_theme_mod( 'moshimo_id'); ?>" target="_blank"><span class="target">支払い配送について</span></a></li>
  <li class="color-4"><a href="http://mp.moshimo.com/about/return?shop_id=<?php echo get_theme_mod( 'moshimo_id'); ?>" target="_blank"><span class="target">返品について</span></a></li>
  <li class="color-5"><a href="<?php bloginfo('url'); ?>/サイト運営/" target="_top"><span class="target">サイト運営</span></a></li>
  <li class="color-6"><a href="http://mp.moshimo.com/cart?shop_id=<?php echo get_theme_mod( 'moshimo_id'); ?>" ><span class="target">カートを見る</span></a></li>
</ul>
</nav>

メニュー作成機能でのリンク設定例

管理画面のメニュー機能で、ナビゲーションを作成することもできます。
なお、管理画面でナビゲーションメニューを作成すると、上記のテーマを書き換える方法は機能しません。
 

お買い物の流れ

https://mp.moshimo.com/about/flow?shop_id=ショップID

支払い配送について

https://mp.moshimo.com/about/payment?shop_id=ショップID

返品について

https://mp.moshimo.com/about/return?shop_id=ショップID

カートを見る

https://mp.moshimo.com/cart?shop_id=ショップID