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

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><!--g_nav-->
  • コーダーのための計算機