Menu de navigation personnalisé principal de WordPress Créer des codes abrégés

Vous pouvez raccourcir le menu du site, le nom officiel 'Menu de navigation WordPress', que vous pouvez définir dans le menu Apparence de WordPress>, pour pouvoir l'insérer n'importe où sur la page ou n'importe où.

Normalement, vous n’avez pas besoin de mettre ce menu de navigation dans un code court et vous ne savez pas pourquoi,Poly(Polylang)Vous pouvez l'utiliser lorsque vous souhaitez en créer un nouveau car vous n'aimez pas le menu de navigation mobile par défaut.

Pour encoder un menu de navigation, vous devez suivre deux étapes: créer un menu personnalisé et enregistrer le menu créé avec le code abrégé. Tout le code est WordPressfunctions.phpVous pouvez taper.

Créer un menu de navigation personnalisé WordPress

Tout d'abordfunctionsEt créez un état modifiable dans le menu Apparence>. Entrez le code ci-dessous.

register_nav_menus( array(
  'custom_menu' => 'Custom Menu',
) );

functionsAttendez quelques instants pour postuler,Custom MenuEst activé.'custom_menu' => 'Custom Menu'Vous pouvez continuer à créer de nouveaux menus en échangeant et en collant.

Créer un code de menu

Vous pouvez maintenant raccourcir le menu créé et l'enregistrer. En fait, la méthode de codage abrégé est très simple: si vous entrez le code en tant que type de base, vous verrez que tous les skins sont ignorés et placés au sommet d’un skin. Par conséquent, si vous le saisissez de la manière suivante, vous pouvez raccourcir le menu personnalisé sans erreur.

function get_menu($args){
    $menu = isset($atts['menu']) ? $atts['menu'] : '';
    ob_start();
    wp_nav_menu(array(
        'theme_location' => 'custom_menu',
    ) );
    return ob_get_clean();
}
add_shortcode('Custom_nav_menu', 'get_menu');

Dans le code ci-dessus, le bleucustom_menuLes pièces doivent être les mêmes, rougeCustom_nav_menuLa partie est le nom de code court. En d'autres termes,[Custom_nav_menu], Le menu personnalisé que vous avez configuré s'appelle le code abrégé.

Dans le codewp_nav_menu(array(Vous pouvez ajouter ou modifier les paramètres dans le menu de navigation.

    wp_nav_menu(array(
        'theme_location' => 'custom_menu',
        'fallback_cb'      => false,
    ) );

De cette façon, vous pouvez l'ajouter comme une partie rouge.fallback_cbC’est un code qui détermine quoi faire si aucun menu n’est spécifié dans le code.falseVous verrez un espace vide.

Attributs disponibles

Voici les codes que vous pouvez utiliser ici: Comme je n'ai pas tout utilisé, mais que j'ai consulté l'aide officielle, une partie du code peut être différente de la description.

Entrez l'ID, le slug et le nom du menu que vous souhaitez autoriser.

Le menu comprendClassDonne le nom. Le nom de classe du menu est créé littéralement.

Le menu comprendIDDonne le nom.

UlOu pas. La valeur par défaut estdiv

Conteneur autour du menucontainerDeclassSpécifiez le nom.

containerDeIDSpécifiez le nom.

Le code ci-dessus. Définit la valeur à appeler lorsqu'il n'y a pas de menu spécifié dans le code. La valeur par défaut est une liste de pages.falseSi vous tapez, rien ne s'affiche.

Mettons le texte, les images et les icônes librement avec CSS::before, ::afterDécrit dans::beforeComme pour les attributs, vous pouvez spécifier le texte qui apparaît avant le marquage du lien.

Ci-dessusbefore, Mais le texte apparaît plus tard que le précédent.

Comme ci-dessus, nous spécifions le texte avant le texte du lien.

Comme ci-dessus, spécifiez le texte après le texte du lien.

On dit que le menu est affiché ou retourné. La valeur par défaut esttrue

Détermine la hiérarchie des menus à charger. Ici2, Le menu dans le menu est représenté par deux niveaux. La valeur par défaut est 0, ce qui signifie que toutes les couches sont représentées.

Définit une instance d'une classe de travail personnalisée.

Vous définissez l'emplacement du thème que vous souhaitez utiliser, il vous suffit de saisir le nom du menu personnalisé que vous souhaitez utiliser.

Enveloppe les éléments de la liste. La valeur par défaut estidEtulEn plus,printf().

MenuHTMLDéfinit s'il faut ou non préserver les espaces internes. Préserver les valeurs par défautpreserveLt;discardNe sauvegardez pas si vous tapez.

Tous les attributs disponibles sont comme ci-dessus,WordPresswp_nav_menuAide officielle.