{"id":21732,"date":"2022-08-08T20:38:07","date_gmt":"2022-08-08T18:38:07","guid":{"rendered":"https:\/\/blog.hostinger.io\/co-tutoriales\/?p=21732"},"modified":"2026-03-10T16:43:53","modified_gmt":"2026-03-10T15:43:53","slug":"wp-nav-menu","status":"publish","type":"post","link":"\/co\/tutoriales\/wp-nav-menu","title":{"rendered":"\u00bfC\u00f3mo crear un men\u00fa personalizado utilizando la funci\u00f3n wp_nav_menu de WordPress?"},"content":{"rendered":"

Los menús son algunos de los elementos más comunes en los sitios web. Con WordPress<\/a>, puedes personalizar fácilmente los menús y elegir entre múltiples opciones de visualización si tu tema lo admite. Sin embargo, si quieres utilizar menús en una ubicación personalizada, tendrás que editar los archivos de tu tema y añadir la función wp_nav_menu<\/a>.<\/p>

Combinando esta función con register_nav_menu<\/strong>, podrás crear y colocar menús en cualquier lugar de tu sitio web. Añadir y configurar estas funciones es relativamente sencillo, incluso si no eres un desarrollador. Además, puedes editar los menús directamente desde tu panel de control de WordPress.<\/p>

En este artículo, hablaremos de cómo funciona la función wp_nav_menu de WordPress<\/a>. Te mostraremos qué argumentos y clases funcionan con wp_nav_menu y luego te explicaremos cómo usar la función con tu tema. ¡Vamos a ello!<\/p>

Descarga la hoja de trucos de WordPress definitiva<\/a><\/p>

¿Qué es la función wp_nav_menu de WordPress?<\/h2>

wp_nav_menu es una función que puede mostrar menús personalizados en WordPress. A diferencia de wp_page_menu<\/a>, que muestra una lista de páginas existentes, wp_nav_menu solo funciona con menús personalizados.<\/p>

Puedes añadir la función a cualquiera de los archivos de plantilla de tu tema para controlar dónde quieres que aparezca el menú. Aquí hay un ejemplo rápido de cómo se ve la función sin ningún parámetro específico:<\/p>

wp_nav_menu( array $args = array() )<\/pre>
Tendrás que especificar qué menú quieres mostrar para que el código funcione. En la práctica, una función wp_nav_menu de ejemplo en una plantilla de página tendría este aspecto:<\/p>
wp_nav_menu( array( \n    'theme_location' => 'custom-menu') );<\/pre>
Una función wp_nav_menu puede incluir múltiples parámetros. En ese ejemplo, utilizamos theme_location para especificar el nombre del menú personalizado que queremos utilizar.<\/p>
Si no te sientes cómodo añadiendo código a tu sitio web, puedes optar por los plugins de menú de WordPress<\/a> en su lugar. Algunas herramientas te permitirán crear y colocar menús personalizados, igual que si usaras wp_nav_menu.<\/p>
También puedes utilizar algunos constructores de páginas de WordPress<\/a>. Si ya utilizas una de estas herramientas, comprueba si ofrece la función de menú personalizado.<\/p>
Parámetros del wp_nav_menu de WordPress y clases CSS<\/h2>
La mayoría de las funciones de WordPress ofrecen varios parámetros predeterminados para modificar sus efectos. En el caso de wp_nav_menu, tienes tanto parámetros como clases CSS. Empecemos por los primeros.<\/p>
Parámetros wp_nav_menu <\/h2>
Puedes personalizar la función wp_nav_menu utilizando uno o más parámetros. Aquí están las opciones disponibles:<\/p>