Menú Cerrar

Menú de navegación personalizado principal de WordPress Crear códigos cortos

Puede abreviar el menú del sitio, el nombre oficial 'Menú de navegación de WordPress', que puede configurar en el menú Aspecto de WordPress>, para que sea posible insertarlo en cualquier lugar de la página o en cualquier lugar que desee.

Normalmente no necesita poner este menú de navegación en un código corto y no sabe por qué,Poli(Polylang)Puede usarlo cuando desee crear uno nuevo porque no le gusta el menú de navegación móvil predeterminado.

Para codificar un menú de navegación, debe seguir dos pasos: crear un menú personalizado y registrar el menú creado con el código corto. Todo el código es WordPress.functions.phpUsted puede escribir en.

    Crear menú de navegación personalizado de WordPress

En primer lugar,functionsY crea un estado que se pueda modificar en el menú de apariencia>. Introduzca el código a continuación.

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

functionsEspera unos instantes para aplicar,Custom MenuEstá activado.'custom_menu' => 'Custom Menu'Puede continuar creando nuevos menús simplemente cambiando y pegando.

    Hacer código de disparo de menú

Ahora puede abreviar el menú creado y registrarlo. De hecho, el método de codificación breve es muy fácil. Si ingresa el código como un tipo básico, verá que todas las máscaras se ignoran y se colocan en la parte superior de una máscara determinada. Por lo tanto, si lo ingresa de la siguiente manera, puede abreviar el menú personalizado sin errores.

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');

En el código anterior, el azul.custom_menuLas partes deben ser iguales, rojas.Custom_nav_menuLa parte es el nombre del código corto. En otras palabras,[Custom_nav_menu], El menú personalizado que configura se llama código corto.

Dentro del codigowp_nav_menu(array(Puede agregar o cambiar la configuración en el menú de navegación.

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

De esta manera puedes agregarlo como una parte roja.fallback_cbEs un código que determina qué hacer si no hay un menú especificado en el código. El valor predeterminado es mostrar la lista de páginas,falseVerás un espacio vacío.

    Atributos disponibles

Aquí están los códigos que puedes usar aquí: Como no lo he usado todo, pero he consultado la ayuda oficial, parte del código puede ser diferente de la descripción.

  • 'menu'
  • Ingrese la ID, el slug y el nombre del menú que desea permitir

  • 'menu_class'
  • El menú consta deClassDale el nombre. El nombre de la clase del menú se crea literalmente.

  • 'menu_id'
  • El menú consta deIDDale el nombre.

  • 'container'
  • UlO no El valor predeterminado esdiv

  • 'container_class'
  • Contenedor alrededor del menú.containerDeclassEspecifique el nombre.

  • 'container_id'
  • containerDeIDEspecifique el nombre.

  • 'fallback_cb'
  • El código anterior. Establece el valor a ser llamado cuando no hay un menú especificado en el código. El valor predeterminado es una lista de páginas.falseSi escribes, no aparece nada.

  • 'before'
  • Pongamos el texto, las imágenes y los iconos libremente con CSS.::before, ::afterDescrito en::beforeAl igual que los atributos, puede especificar el texto que aparece antes del marcado del enlace.

  • 'after'
  • Por encima debefore, Pero establece que el texto aparezca más tarde que el anterior.

  • 'link_before'
  • Como arriba, especificamos el texto antes del enlace de texto.

  • 'link_after'
  • Como arriba, especifique el texto después del texto del enlace.

  • 'echo'
  • Se dice que el menú se muestra o se devuelve. El valor predeterminado estrue

  • 'depth'
  • Determina la jerarquía de menús a cargar. Aquí2, El menú en el menú está representado por dos niveles. El valor predeterminado es 0, lo que significa que todas las capas están representadas.

  • 'walker'
  • Define una instancia de una clase trabajadora personalizada.

  • 'theme_location'
  • Usted define la ubicación del tema que desea usar, solo ingrese el nombre del menú personalizado que desea usar.

  • 'items_wrap'
  • Envuelve la lista de artículos. El valor predeterminado esidYulAdemás,printf().

  • 'item_spacing'
  • MenuHTMLDefina si desea o no conservar los espacios en blanco internos. Preservar los valores predeterminadospreserveLt;discardNo guardes si escribes.

    Todos los atributos disponibles son los anteriores,WordPresswp_nav_menuAyuda oficial.

    Comentarios (Información no requerida)

    Posted in All,Wordpress

    이메일 구독 - Email Subs

    최선을 다해 직접 만든 콘텐츠만 공유합니다.
    We share the best content we have created.