screenshot

By crosscountry, 2013年2月26日

PinbinテーマのPC版メニューってカッコいい…

でも子カテゴリー作ると、スマホでは見難くなるんですよね(TT)

で、カキカキしてみました。

 

まず「外観」>「メニュー」で「PC_menu」と「SP_menu」の別々のメニューを作成。

保存したら「テーマの編集」へ移動。

テーマのための関数で

/**
* This theme uses wp_nav_menu() in one location.
*/
register_nav_menus( array(
‘main_nav’ => __( ‘Main Menu’, ‘pinbin’ ),
) );

の下に

register_nav_menus( array(
‘sp_main_nav’ => __( ‘SP_menu’, ‘pinbin’ ),
) );

を追加。

 

ヘッダーに移り

<?php if ( has_nav_menu( ‘main_nav’ ) ) { ?>
<?php wp_nav_menu( array( ‘theme_location’ => ‘main_nav’ ) ); ?>
<?php } else { ?>
<ul><?php wp_list_pages(“depth=3&title_li=”);  ?></ul>
<?php } ?>

部分を以下に書き換え

<?php if (!wp_is_mobile()) :?>
<?php if ( has_nav_menu( ‘main_nav’ ) ) { ?>
<?php wp_nav_menu( array( ‘theme_location’ => ‘main_nav’ ) ); ?>
<?php } else { ?>
<ul><?php wp_list_pages(“depth=3&title_li=”);  ?></ul>
<?php } ?>
<?php endif; ?>
<?php if (wp_is_mobile()) :?>
<?php if ( has_nav_menu( ‘sp_main_nav’ ) ) { ?>
<?php wp_nav_menu( array( ‘theme_location’ => ‘sp_main_nav’ ) ); ?>
<?php } else { ?>
<ul><?php wp_list_pages(“depth=3&title_li=”);  ?></ul>
<?php } ?>
<?php endif; ?>

もーwp_is_mobile() さいこー

 

んでまたメニューに戻って、上部タブ「位置の管理」で

Main Menu は「PC_menu」に、SP_menuは「SP_menu」に変更

 

functions.php 記述忘れないでね