Cómo crear un menú en WordPress (3 métodos simples)

Un menú de navegación es una de las partes más visitadas de su sitio ofrece a los visitantes una dirección clara sobre dónde ir para obtener el producto o información deseado. Es por eso que necesita un menú bien estructurado para su sitio, para que los usuarios puedan acceder fácilmente a su sitio. Si tiene un sitio web de WordPress, hacer un menú no será difícil. Pero es posible que tenga miedo de trabajar en el código del tema o puede pensar que es un trabajo de profesionales. Para ayudarlo, hoy le mostraremos cómo crear fácilmente un menú de navegación estándar en su sitio de WordPress. Aquí aprenderá tanto el proceso con codificación como sin tener conocimiento técnico.
Echemos un vistazo rápido a lo que cubriremos hoy en este blog –
¿Qué es un menú de navegación?
Diferentes tipos de menú de navegación
Cómo crear un menú de WordPress
Cómo crear un menú personalizado en WordPress
Cómo agregar el menú de navegación usando Elementor
Preguntas frecuentes sobre el menú de WordPress
Lea al final para obtener una bonificación exclusiva al diseñar Mega Menú. Comencemos con los elementos básicos: ¿qué es un menú de navegación? Un menú de navegación es una lista de enlaces que generalmente se usan para navegar a páginas internas esenciales u otro contenido web. El menú de navegación a menudo se ve como una barra horizontal en la parte superior del sitio web.

Sin embargo, puede encontrar un menú en la barra lateral y el área del sótano de un sitio web. Ayuda a los usuarios a encontrar rápidamente información importante sobre su sitio de WordPress, permite a sus usuarios crear menús y submenus personalizados. También puede agregar categorías, publicaciones de blog y enlaces personalizados al menú, como Google Maps and Canals. Los diferentes tipos de menú de navegación pueden establecer diferentes ubicaciones de un menú basado en su tema actual de WordPress. Por lo general, aparece un menú principal en el encabezado, mientras que aparece un menú secundario en el sótano. Además, muchos temas ofrecen un menú de navegación para dispositivos móviles. Estos son los menús de navegación típicos para diferentes propósitos y diferentes áreas de un sitio web,
Menú de navegación horizontal
Menú de navegación de Dopdown
El menú de navegación del subsuelo
Menú de navegación de hamburguesas
El menú de navegación en la barra lateral vertical
1. El menú de navegación horizontal es el ejemplo de una barra de navegación horizontal que aparece principalmente en la parte superior de un sitio web.
2. Menú de navegación de resorte En un menú desplegable, puede colocar más páginas en un menú principal. Veamos cómo se ve un menú de navegación vertical.

3. El menú de navegación del sótano Este tipo de menú se muestra principalmente en la parte inferior del sitio. Aquí hay un ejemplo ideal del menú del sótano.

4. Menú de navegación de hamburguesas Cree un menú de navegación de hamburguesas para dispositivos móviles, como el menú a continuación.

5. El menú de navegación en la barra lateral vertical En muchos sitios web de entrega de restaurantes o alimentos, encontrará este tipo de menú de navegación en la barra lateral vertical.

La fuente de la imagen

Cómo crear un menú de WordPress (3 métodos simples) Antes de hundirse en el tutorial, aclare lo que mostramos en este blog. Aquí, mostraremos cómo crear un menú en WordPress siguiendo tres métodos simples. Puede elegir a cualquier persona según sus necesidades. Los métodos son: Método 1: Configuración predeterminada de WordPress Método 2: Manual Agregar código personalizado Método 3: Uso Tutorial para crear nuestro primer menú de navegación. Si sigue estos pasos a continuación, podrá crear fácilmente un menú para su sitio web. Paso 1: Cree un nuevo menú en WordPress Paso 2: Agregue una nueva página en WordPress Menú Paso 3: Organice la estructura de su menú Paso 4: Establezca la ubicación del menú para comenzar: Paso 1: Cree un nuevo menú en WordPress primero, conéctelo en El área del tablero de su sitio y vaya a los menús.
En segundo lugar, debe escribir el nombre del menú en el área del nombre del menú. Finalmente, debe hacer clic en el botón Menú Ceare para guardar el menú.
Paso 2: Cómo agregar una nueva página al menú de WordPress Después de crear el menú, su próxima tarea es agregar las páginas esenciales al menú. Vaya a la barra lateral izquierda aquí obtendrá los elementos del menú Agregar. Seleccione la pestaña Ver todas las páginas relevantes. Finalmente, haga clic en el botón Agregar al menú. Siga esta imagen a continuación y descubra cómo agregar una nueva página al menú de WordPress.

Aprenda a crear una nueva página en WordPress. Paso 3: Organizar su estructura de menú es fácil para organizar elementos de menú en WordPress. Tienes que deslizar y colocar un elemento de menú para completar el trabajo. Puede verificar esta imagen a continuación. Passe 4: Establezca la ubicación del menú Después de configurar la estructura del menú, debe establecer la ubicación del menú correcta. Debido a que es nuestro primer menú, seleccionamos la ubicación de la pantalla como el menú principal y marcamos la opción de agregar automáticamente nuevas páginas a este menú para el futuro.

Finalmente, haga clic en el botón Guardar menú para actualizar el menú. Método 2: Crear un menú personalizado en el tema de WordPress WordPress Viene con menús y ubicaciones predefinidas para agregar el menú de navegación a su sitio. Debe crear un menú personalizado para su sitio.

Para crear un menú personalizado, puede usar un complemento de creación de menús de tercera parte o editar el archivo del tema principal. Aquí, mostraremos cómo puede crear un menú personalizado manualmente en WordPress. Primero, debe abrir el archivo “Function.php” del tema. Aquí, debe registrar su nuevo menú de navegación agregando este código. Function custom_nav_menu () {Register_Nav_men (‘new-Nav-Menu’, __ (‘New Nav Menu’)); } add_action (‘init’, ‘custom_nav_men’); Si desea agregar más ubicaciones de menú nuevas, puede usar este fragmento de código.

Function custom_nav_menu () {Register_Nav_Menus (Array (‘New-Nav-Menu’ => __ (‘New Nav Menu’), ‘Extra-Menu’ => __ (‘Menú adicional’)); } add_action (‘init’, ‘custom_nav_men’); Después de agregar el código, debe ir a su sitio web Dashboard_> aparecer-> área de menú. Ahora concéntrese en el área de configuración del menú. Aquí, observe que ha aparecido el menú “nuevo menú de NAR” recién creado. Es hora de mostrar el nuevo menú de navegación de WordPress. Use este código a continuación e insértelo en el archivo “Function.php” del tema para hacerlo.

< ? Agregué el nuevo menú personalizado en nuestra página "Acerca de".
Eso es todo. Método 3: Agregue el menú de navegación con el elemento elemental es uno de los complementos populares para crear páginas de arrastrar y soltar, lo que ayuda a los usuarios a crear su sitio sin tiempo. Viene con muchos widgets de uso fácil, incluido el menú Nav es el popular que le permite diseñar un menú de navegación para su sitio en unos minutos. Puede crear y personalizar su menú de navegación a su manera usando este widget. Debe instalar los complementos a continuación cada vez que use el widget del menú de ElemorAn Nav. Requisitos preliminares
Elementor (gratis)

Elementor Pro
Siga estos pasos siguientes pasos y descubra cómo agregar un menú de navegación a su sitio web elemental.


Paso uno: abra una nueva página
Paso dos: agregue una sección
Paso tres: Agregue un widget para el menú NAV
Paso cuatro: Personalice el menú Navverify Este blog aquí, cubrí cada uno de los pasos anteriores y finalmente creé un menú. Cómo crear y personalizar un menú usando el widget de menú de Elemoror Nav. Además, aprenda a diseñar un encabezado elemental personalizado. Bonificación: Crear un mega menú en WordPress usando complementos felices Un mega menú es un tipo de menú que contiene muchas páginas esenciales u otros enlaces de navegación que se muestran principalmente en la parte superior de un sitio web. Ayuda a los usuarios a encontrar su información necesaria al instante. También mejora la experiencia del usuario y el proceso de navegar por su sitio. A menudo se ve un mega menú en grandes sitios como.
Sitios de comercio electrónico
Sitios web de hotel
Noticias/revistas/sitios de blogs
Sitios web basados ​​en servicio/productos
No puede crear un menú Mega para su sitio web con la función de WordPress de menú predeterminada. Debe usar un complemento de WordPress para el menú Mega o crear su propia función de menú manual, escribir código. Pero si utiliza el generador de página Elementor para crear su sitio web e instalar Happy Addons ‘Pro, puede crear fácilmente un menú Mega y sin escribir un código personalizado. Los complementos felices vienen con el widget “Menú Mega feliz” a través del deslizamiento y la colocación le permite construir un mega menú grande, como adidas, Puma, Dribbble, Wedevs, Invision y muchos más. Esta herramienta avanzada también le permite agregar plantillas de menú personalizadas. Veamos este video tutorial en cuestión y aprendamos a crear un mega menú en WordPress.
Consulte la documentación del widget del menú Happy Addon Happy Mega y descubra cómo usar este widget correctamente. Preguntas frecuentes sobre el menú de WordPress Hay muchas preguntas sobre cómo crear un menú en WordPress que la gente suele hacer. Aquí, respondí algunas preguntas frecuentes que pueden ayudarlo a agregar un menú a su sitio web de WordPress. 1. ¿Cómo es un menú desplegable en WordPress? Para crear un submenú, debe deslizar un elemento de menú y colocarlo en otro menú. Puede verificar la imagen a continuación para completar el trabajo. ¿Cómo eliminar y cambiar el nombre de los elementos del menú? Abra un elemento, luego puede cambiar el nombre de la etiqueta de navegación. Y haga clic en el enlace de eliminación para eliminar el elemento.
3. ¿Cómo agregar publicaciones al menú? Puede agregar publicaciones de blog al menú. Abra la pestaña Publicar y seleccione las publicaciones. Finalmente, haga clic en el botón Agregar al menú. Puede seguir la imagen a continuación para agregar publicaciones al menú.
4. ¿Cómo agregar enlaces personalizados a su menú? También puede agregar un enlace personalizado al menú. Abra la opción de enlace personalizado. Ahora ingrese la URL y escriba el texto del enlace. Finalmente, haga clic en el botón Agregar al menú para agregar el elemento al menú. Aquí, agregamos nuestro canal de Facebook.
5. ¿Cómo agregar categorías al menú de WordPress? Si desea agregar categorías a su menú, debe abrir la pestaña Categoría y seleccionar las categorías. Finalmente, haga clic en el botón Agregar al menú para agregarlos al menú.
6. ¿Cómo se elimina un menú? Para eliminar un menú, debe acceder al área de configuración del menú y hacer clic en el enlace de eliminación del menú. Grados para crear su menú de WordPress Crear un menú en WordPress ya no es difícil si sigue los pasos de arriba. En este blog tutorial, expliqué cómo crear un menú en WordPress. Mostré cómo puedes hacer tu menú personalizado. Sin embargo, hablamos sobre cómo puede crear un menú con el creador de páginas Elementor y abordamos un tema de bonificación en el mega menú de WordPress. Por último, pero no menos importante, respondí algunas preguntas comunes en el menú de WordPress. Si necesita más ayuda o tiene preguntas en mente sobre este blog, puede levantar la voz en la sección de comentarios a continuación. Distribuya este blog en sus canales sociales si le gusta. Y, únase a nuestro boletín informativo para obtener más tutoriales de WordPress y Elementary. ¡Es gratis!
Suscríbase a nuestro boletín Obtenga las últimas noticias y actualizaciones sobre Elementor