Maison > Tutoriel CMS > WordPresse > Comment utiliser wp_nav_menu dans wordpress

Comment utiliser wp_nav_menu dans wordpress

藏色散人
Libérer: 2020-01-10 09:48:42
original
2902 Les gens l'ont consulté

Comment utiliser wp_nav_menu dans wordpress

Comment utiliser wp_nav_menu dans wordpress ?

Instructions d'utilisation de Wordpress wp_nav_menu

Recommandé : "tutoriel WordPress"

La méthode wp_nav_menu() se trouve dans Fichier wp -includes/nav-menu-templates.php.

Son objectif principal est d'utiliser cette méthode pour

réaliser l'appel du menu de génération en arrière-plan.

Avant d'utiliser cette fonction, la fonction de menu thème 3.0+ doit être activée.

La méthode est la suivante :

Ajoutez

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

dans le fichier function.php et appelez-le simplement comme suit : La disposition par défaut du menu appelé par

<?php wp_nav_menu($args);?>
Copier après la connexion

est

Le code est le suivant :

<?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; => ); 
?>
Copier après la connexion

S'il s'agit d'un multi-menu, appelez

<?php echo wp_nav_menu( array( &#39;container_class&#39; => &#39;menu-header&#39;, &#39;theme_location&#39; => &#39;primary&#39; ) ) ?>
Copier après la connexion

pour générer différentes barres de menu selon que vous êtes connecté ou non

<?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; ) );
}
?>
Copier après la connexion

Supprimer la barre de menu

<?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; );
?>
Copier après la connexion
Le style css du menu généré par

ou

<?php wp_nav_menu( array( &#39;container&#39; => &#39;&#39; ) ); ?>
Copier après la connexion

est

Vous pouvez ajouter les balises utilisées. via

&#39;before&#39;          => ,<BR>  &#39;after&#39;           => ,<BR>  &#39;link_before&#39;     => ,<BR>  &#39;link_after&#39;      => ,<BR>
Copier après la connexion

et embellissez-les avec du CSS, afin que vous puissiez obtenir l'effet souhaité.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal