WordPress.org

Idiomas: Inglés * Menús 日本語 Slovenčina * 中文 (Add.) * (Agregue su idioma)

El menú de navegación es una función temática introducida con la versión 3.0. WordPress incluye un mecanismo fácil de usar para introducir menús de navegación personalizados en un tema. Para incorporar el soporte de menús en su tema, debe agregar algunos segmentos de código a sus archivos de tema.

Referencia de Función

  • register_nav_menus()
  • register_nav_menu()
  • unregister_nav_menu()

  • has_nav_menu()
  • wp_nav_menu()

Registrar Menú de Navegación Mostrar Menú de Navegación

Registro de Menús

en Primer lugar, en el tema de funciones.php, necesita escribir una función para registrar los nombres de sus menús. (Así es como aparecerán en la pantalla de administración de menús Apariencia ->.) Como ejemplo, este menú aparecería en el cuadro» Ubicaciones de temas «como»Menú de encabezado».

function register_my_menu() { register_nav_menu('header-menu',__( 'Header Menu' ));}add_action( 'init', 'register_my_menu' );

Y esto haría que aparecieran dos opciones de menú, menú de encabezado y menú adicional –

function register_my_menus() { register_nav_menus( array( 'header-menu' => __( 'Header Menu' ), 'extra-menu' => __( 'Extra Menu' ) ) );}add_action( 'init', 'register_my_menus' );

Mostrar menús en el tema

Una vez que haya hecho eso, su tema estará casi listo. El último paso de preparación es decirle al tema dónde desea que aparezcan los menús. Esto se hace en el archivo de tema correspondiente. Por ejemplo, es posible que queramos que nuestro menú de encabezado esté en encabezado.php. Así que abre ese archivo en el editor de temas y decide dónde quieres poner tu menú. El código a usar aquí es wp_nav_menu que necesitaremos una vez para cada ubicación de menú. Por lo tanto, agregue este código –

<?php wp_nav_menu( array( 'theme_location' => 'header-menu' ) ); ?>

Todo lo que necesita para asegurarse es que el theme_location apunte al nombre que proporcionó para su menú en las funciones.código php anterior. (Tenga en cuenta que es el menú de encabezado el que se usa aquí en lugar de Menú de encabezado sin guion. Header-menu es el nombre que el código entiende, Header Menu es la versión legible por humanos que se ve en la página de administración.)

Para completar el código, puede colocar su menú adicional en otro lugar. Tal vez desee un menú en una de sus páginas, por ejemplo, e incluso puede que desee que se amplíe un poco con un DIV que contenga una determinada clase –

wp_nav_menu( array( 'theme_location' => 'extra-menu', 'container_class' => 'my_extra_menu_class' ) );

Para que ponga lo anterior en la plantilla de su página, y no solo el menú se muestre donde lo coloque, sino que se diseñe como my_extra_menu_class para que pueda trabajar con eso en CSS.

Panel de menús

Eso es todo el trabajo en segundo plano. Para terminar, simplemente visite el panel de menús Apariencia -> en el administrador de su sitio. Ahora, en lugar de ver un texto que sugiere que tu tema no admite menús de forma nativa, verás algunas opciones de ubicación del tema.

Ahora puede usar el creador de menús de la interfaz gráfica de usuario en este panel de administración para unir sus menús. Dé a cada uno un nombre y, a continuación, asigne un menú a una ubicación con las opciones desplegables.

(Verá sus nuevas opciones de navegación cuando agregue un nuevo Menú.)

Recursos externos

  • Adiós, dolores de cabeza. ¡Hola, menus! – Razonable tutorial por Justin Tadlock que tiene más detallada sobre las opciones disponibles
  • WordPress Menú de Navegación Generador

Relacionados

Menú de Navegación

  • register_nav_menus()
  • register_nav_menu()
  • unregister_nav_menu()
  • has_nav_menu()
  • wp_nav_menu()
  • wp_get_nav_menu_items()

Tema de Apoyo: add_theme_support(), remove_theme_support(), current_theme_supports()
Características del Tema: barra lateral, menús, formatos de publicación, etiqueta de título, fondo personalizado, encabezado personalizado, logotipo personalizado, miniaturas de publicación, enlaces de alimentación automática, html5, estilo de editor, ancho de contenido

Deja una respuesta

Tu dirección de correo electrónico no será publicada.