ホームページ  >  記事  >  CMS チュートリアル  >  ワードプレスでのwp_nav_menuの使い方

ワードプレスでのwp_nav_menuの使い方

藏色散人
藏色散人オリジナル
2020-01-10 09:48:422810ブラウズ

ワードプレスでのwp_nav_menuの使い方

#WordPress で wp_nav_menu を使用するには?

wordpress wp_nav_menu の使用手順

推奨: "wordpress チュートリアル"

wp_nav_menu() メソッドは次の場所にあります。 wp -includes/nav-menu-templates.php ファイル。

その主な目的は、このメソッドを使用して

バックグラウンド生成メニュー呼び出しを実現することです。

この機能を使用する前に、テーマ 3.0 メニュー機能を有効にする必要があります。

メソッドは次のとおりです。

add_theme_support( 'nav-menus' );或者 
•// 自定义菜单 
•register_nav_menus( 
•array( 
•‘header-menu’ => __( ’导航自定义菜单’ ), 
•‘footer-menu’ => __( ’页角自定义菜单’ ) 
•) 
•);

をfunctions.php ファイルに追加し、次のように呼び出します。

<?php wp_nav_menu($args);?>

のデフォルトのレイアウト呼び出されるメニューは

コードは次のとおりです:

<?php $defaults = array( 
&#39;theme_location&#39; => , 
&#39;menu&#39; => , 
&#39;container&#39; => &#39;div&#39;, 
&#39;container_class&#39; => &#39;menu-{menu slug}-container&#39;, 
&#39;container_id&#39; => , 
&#39;menu_class&#39; => &#39;menu&#39;, 
&#39;menu_id&#39; => , 
&#39;echo&#39; => true, 
&#39;fallback_cb&#39; => &#39;wp_page_menu&#39;, 
&#39;before&#39; => , 
&#39;after&#39; => , 
&#39;link_before&#39; => , 
&#39;link_after&#39; => , 
&#39;depth&#39; => 0, 
&#39;walker&#39; => ); 
?>

複数のメニューがある場合は、次のように呼び出します

<?php echo wp_nav_menu( array( &#39;container_class&#39; => &#39;menu-header&#39;, &#39;theme_location&#39; => &#39;primary&#39; ) ) ?>

メニュー バーは、次のように生成されます。ログインしているかどうか

<?php
if ( is_user_logged_in() ) {
wp_nav_menu( array( &#39;theme_location&#39; => &#39;logged-in-menu&#39; ) );
} else {
wp_nav_menu( array( &#39;theme_location&#39; => &#39;logged-out-menu&#39; ) );
}
?>

メニュー バーを削除します

<?php
function my_wp_nav_menu_args( $args = &#39;&#39; )
{
$args[&#39;container&#39;] = false;
return $args;
} // function
add_filter( &#39;wp_nav_menu_args&#39;, &#39;my_wp_nav_menu_args&#39; );
?>

または

<?php wp_nav_menu( array( &#39;container&#39; => &#39;&#39; ) ); ?>

によって生成されたメニュー CSS スタイルは

です。タグを追加できます。

&#39;before&#39;          => ,<BR>  &#39;after&#39;           => ,<BR>  &#39;link_before&#39;     => ,<BR>  &#39;link_after&#39;      => ,<BR>

を通じて使用し、CSS で美化することで、必要な効果を得ることができます。

以上がワードプレスでのwp_nav_menuの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。