Cómo agregar un menú de navegación de WordPress: Guía para principiantes

¿Luchas cómo agregar un menú de navegación de WordPress? WordPress en realidad incluye una interfaz de usuario amigable con el usuario para ayudarlo a agregar menús a WordPress sin tener que conocer ningún código. Pero si aún no está familiarizado con WordPress, puede ser difícil hundirse y crear su primer menú. En esta publicación, le mostraré todo lo que necesita saber para crear un menú de navegación detallado, como usamos aquí en WPKube:

Al final de esta publicación, sabrás cómo:
Crea un nuevo menú de WordPress
Elija dónde se muestra el menú
Agregar elementos de navegación al menú
Crear estructuras de navegación más avanzadas como
Use menús de WordPress en widgets
¡Pasemos directamente a cómo crear el menú de navegación!
Paso 1: Cree el menú de navegación antes de que pueda comenzar a agregar enlaces y elementos de navegación a su menú, ¡debe crear un menú! Así que comencemos desde el principio … para acceder a la interfaz del menú de navegación:
Ir al tablero de WordPress
Haga clic en la aparición → menús

Ahora estás en la interfaz de menús. Debería pedirle que cree un menú inmediatamente. Aquí está todo lo que tienes que hacer por el momento:
Especifique un nombre de menú: este es solo un nombre interno para ayudarlo a recordar el menú, sus visitantes no lo verán.
Después de ingresar su nombre, haga clic en Crear menú.

¡Y eso es! Acabas de crear un menú. Paso 2: Asigne el menú de ubicación deseado Después de crear su menú, WordPress le mostrará una pantalla que incluye parcialmente una opción llamada Configuración del menú. Para este paso, está particularmente interesado en la opción de visualización de ubicación: esto le dice a WordPress dónde presentar el menú de navegación en la versión en vivo de su sitio, por ejemplo, en el menú WPKube (y la mayoría de los otros sitios web). Nuestra navegación principal se encuentra en el encabezado. Desafortunadamente, los nombres de estas ubicaciones varían de un tema a otro, de modo que las ubicaciones reales que ve en la interfaz podrían ser diferentes de las ubicaciones en la captura de pantalla de mi sitio, por ejemplo.

Entonces, ¿qué ubicación debe elegir? Bueno, si desea crear un menú de navegación “estándar”, como lo usamos aquí en WPKube, generalmente querrá elegir la opción que incluya la palabra “primaria”. Por lo general, lo verá en la lista como algo así como:
Primario
menú principal
El menú de navegación principal
Algunos temas pueden no incluir la palabra “primaria”, que puede dificultar las cosas. Entonces, si no ve “principal” en ninguna parte de la lista de ubicaciones, le recomendamos que pruebe ubicaciones como:
Principal
Parte superior
ENCABEZAMIENTO
Una vez que haya encontrado la ubicación del menú correcta, marque la casilla y haga clic en Menú Guardar:
Paso 3: ¡Agregue los elementos a su menú de navegación, ya casi ha terminado! Todo lo que queda por hacer es agregar los elementos que aparecerán en el menú de navegación. Esta sección será la más larga en esta guía, ya que puede hacer mucho mientras agrega elementos del menú de navegación. Empiezo por darte algunas guías generales sobre cómo:

Agregue un nuevo elemento de menú de navegación
Reorganizar los elementos del menú de navegación
Elimine un elemento de su menú de navegación
Luego te daré algunos tutoriales sobre cómo realizar acciones específicas como:
Creación de un menú de caída en los elementos ordinarios en el menú de navegación
Creación de una categoría padre que no se puede hacer clic para hacer un menú de caída
Agregar enlaces personalizados
Cómo agregar un nuevo elemento del menú de navegación Para agregar un elemento a su menú de navegación, usará la barra lateral izquierda:
En la barra lateral debe notar que hay diferentes secciones para:
Páginas: esto le permite agregar enlaces a cualquiera de sus páginas publicadas.

Publicaciones: esto le permite agregar enlaces a cualquiera de sus publicaciones publicadas.
Enlaces personalizados: le permite agregar enlaces personalizados. Estos podrían ser enlaces internos o externos.
Categorías: esto le permite agregar enlaces a diferentes categorías en su blog.
Dependiendo del tema específico y / o los complementos que use, también puede ver secciones adicionales con elementos de menú que son específicos de su sitio.
Supongamos que desea agregar un enlace a su página de contacto. Todo lo que tienes que hacer es:
Marque la casilla para su página de contacto
Haga clic en Agregar al menú
Después de hacer clic en Agregar al menú, debe verlo debajo de la estructura del menú a la derecha de la interfaz:
Cómo personalizar un elemento en el menú de navegación de forma predeterminada, WordPress usará el nombre real de una publicación / página / categorías para el texto en el menú de navegación. Pero si desea cambiar esto, todo lo que tiene que hacer es hacer clic en el icono de flecha hacia abajo junto a cualquier elemento de menú y puede cambiar su texto: cómo reorganizar los elementos en el menú de navegación una vez que comience a agregar más elementos en el menú, es posible encontrar la necesidad de reorganizarlos. Para reorganizar los elementos del menú, todo lo que tiene que hacer es sacarlos y arreglarlos en el orden deseado:
También puede dibujar un elemento de menú en otro elemento de menú para crear Submenus:

Analizaré cómo funciona esta funcionalidad específica en un segundo. Cómo eliminar un elemento del menú de navegación para eliminar un elemento del menú:

Haga clic en el icono de flecha a la derecha del artículo


Seleccionar eliminación

Cómo crear un submenú de bebida desplegable son una característica bastante común en muchos sitios web. Si no está seguro de lo que quiero decir, aquí hay un ejemplo de mi sitio de prueba:
Para crear tales menús, todo lo que tiene que hacer es reorganizar sus elementos de menú para que estén “dentro” de un elemento de menú principal como este:
Una vez que haga esto, WordPress marcará cada elemento en el menú Drop -down. También puede crear múltiples niveles de anidación de la siguiente manera:

En el front-end, se vería así (el diseño real depende de su tema):

Finalmente, si está trabajando con este tipo, a menudo encontrará situaciones en las que no desea que las personas hagan clic en el elemento del menú principal (es decir, el elemento del menú que un usuario pasa para abrir el menú de caída). Para hacer esto, debe agregar un nuevo elemento de menú de enlaces personalizados: Agregue un símbolo # al cuadro URL

Ingrese el texto deseado en el cuadro de enlace de texto

Haga clic en Agregar al menú

Después:
Use arrastrar y soltar para convertir el artículo que acaba de agregar a su categoría de padres
Edite el elemento que acaba de agregar y elimine el signo # para dejar que la URL sea simple (esta es una solución porque WordPress no le permite agregar inmediatamente un elemento sin complicaciones)
¡Y eso es! Ahora, los usuarios pueden pasar con el mouse sobre este elemento, pero no podrán hacer clic en él, solo accederán a la caída. Cómo agregar enlaces personalizados a un menú de navegación Tuviste una vista previa rápida de esto en la sección anterior, pero profundicemos un poco los enlaces personalizados. Los enlaces personalizados son útiles porque te permiten:

Conéctese rápidamente a cualquier ubicación en su sitio, incluso si no es una publicación de WordPress Post o Normal.
Agregue enlaces externos a otros sitios.
Para agregar un enlace personalizado:

Vaya a la sección de enlaces personalizados de la barra lateral izquierda
Ingrese la URL a la que desea conectar el elemento en el cuadro URL
Ingrese el texto del elemento del menú en el cuadro de texto del enlace
Haga clic en Agregar al menú
Cómo editar los elementos del menú con una vista previa en vivo en todos los exámenes anteriores, le mostré cómo agregar un menú de navegación de WordPress utilizando la interfaz de menús dedicados. Pero WordPress en realidad incluye otra forma de permitirle editar menús mientras ve sus cambios de tiempo real. Aunque no creo que sea la forma más fácil de crear un nuevo menú desde cero, es útil para usted ver cómo se verán los elementos del menú en su sitio en vivo. Esto le ayuda a asegurarse de que su menú se vea bien y que sea fácil de usar para los visitantes. Para acceder a él: acceder a la apariencia → personalización.
Elija la opción Menús en la barra lateral de WordPress
Seleccione el menú (debería ver el nombre del menú que creó)
Use una interfaz similar para agregar nuevos elementos o reorganizar elementos

A medida que cambia el menú, la vista previa de su sitio se actualizará automáticamente para reflejar estos cambios. Cómo mostrar un menú de navegación de WordPress en un widget Eventualmente, quiero cerrar cosas que muestren cómo puede mostrar un menú de WordPress en la barra lateral (o en cualquier otro área widgetizada). Aquí le explica cómo hacerlo:
Apariencia de acceso → widgets
Encuentra el menú de navegación del menú de widgets

Dibuje la navegación del menú de widget en la ubicación deseada
Dale un título al widget (opcional)
Seleccione el menú usando el menú Drop -down Menú: los menús se enumeran con el nombre interno que ha dado.
Clic en Guardar
¡Y eso es! Debería ver su menú en el área de widget relevante: