
#WordPress で wp_nav_menu を使用するには?
wordpress wp_nav_menu の使用手順
推奨: "wordpress チュートリアル"
wp_nav_menu() メソッドは次の場所にあります。 wp -includes/nav-menu-templates.php ファイル。
その主な目的は、このメソッドを使用して
バックグラウンド生成メニュー呼び出しを実現することです。
この機能を使用する前に、テーマ 3.0 メニュー機能を有効にする必要があります。
メソッドは次のとおりです。
1 2 3 4 5 6 7 8 | add_theme_support( 'nav-menus' );或者
•
•register_nav_menus(
• array (
•‘header-menu’ => __( ’导航自定义菜单’ ),
•‘footer-menu’ => __( ’页角自定义菜单’ )
•)
•);
|
ログイン後にコピー
をfunctions.php ファイルに追加し、次のように呼び出します。
1 | <?php wp_nav_menu( $args );?>
|
ログイン後にコピー
のデフォルトのレイアウト呼び出されるメニューは
コードは次のとおりです:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <?php $defaults = array (
'theme_location' => ,
'menu' => ,
'container' => 'div',
'container_class' => 'menu-{menu slug}-container',
'container_id' => ,
'menu_class' => 'menu',
'menu_id' => ,
' echo ' => true,
'fallback_cb' => 'wp_page_menu',
'before' => ,
'after' => ,
'link_before' => ,
'link_after' => ,
'depth' => 0,
'walker' => );
?>
|
ログイン後にコピー
複数のメニューがある場合は、次のように呼び出します
1 | <?php echo wp_nav_menu( array ( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ) ?>
|
ログイン後にコピー
メニュー バーは、次のように生成されます。ログインしているかどうか
1 2 3 4 5 6 7 | <?php
if ( is_user_logged_in() ) {
wp_nav_menu( array ( 'theme_location' => 'logged-in-menu' ) );
} else {
wp_nav_menu( array ( 'theme_location' => 'logged-out-menu' ) );
}
?>
|
ログイン後にコピー
メニュー バーを削除します
1 2 3 4 5 6 7 8 | <?php
function my_wp_nav_menu_args( $args = '' )
{
$args ['container'] = false;
return $args ;
}
add_filter( 'wp_nav_menu_args', 'my_wp_nav_menu_args' );
?>
|
ログイン後にコピー
または
1 | <?php wp_nav_menu( array ( 'container' => '' ) ); ?>
|
ログイン後にコピー
によって生成されたメニュー CSS スタイルは
です。タグを追加できます。
1 | 'before' => ,<BR> 'after' => ,<BR> 'link_before' => ,<BR> 'link_after' => ,<BR>
|
ログイン後にコピー
を通じて使用し、CSS で美化することで、必要な効果を得ることができます。
以上がワードプレスでのwp_nav_menuの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。