ナビをカレント表示にする

wordpressだと見ているページをカレント表示させるのはjsを使わなくてもできます。
独自タグを使って今いるページを判別します。ホント便利だなあ、wordpress。

あとは.currentを使ってcss書けばお手軽にできますね。

PHP

<nav class="g_nav">
  <!--みているページによってclass="current" を付ける-->
  <ul>
    <li <?php if (is_home()) {
          echo ' class="current" ';
        } ?>><a href="<?php echo home_url(); ?>"><span>ホーム</span></a></li>
    <li <?php if (is_page('info')) {
          echo ' class="current" ';
        } ?>><a href="<?php echo home_url(); ?>/info"><span>会社概要</span></a></li>
    <li <?php if (is_page('service')) {
          echo ' class="current" ';
        } ?>><a href="<?php echo home_url(); ?>/service"><span>サービス</span></a></li>
    <li <?php if (is_page('blog')) {
          echo ' class="current" ';
        } ?>><a href="<?php echo home_url(); ?>/blog"><span>ブログ</span></a></li>
    <li <?php if (is_page('contact')) {
          echo ' class="current" ';
        } ?>><a href="<?php echo home_url(); ?>/contact"><span>お問い合わせ</span></a></li>
  </ul>
</nav>
  • コーダーのための計算機