Menús de navegación de WordPress: cómo crear un menú personalizado

No se puede resaltar la importancia de tener un menú amigable y bien diseñado con dispositivos móviles. Cuando los visitantes pueden moverse y encontrar fácilmente información en su sitio, les permite quedarse más tiempo. A su vez, la tasa de conversión aumenta, que es el objetivo final. Esto es exactamente lo que los menús de navegación de WordPress ayudan a hacer en su sitio. Con el menú de navegación, los visitantes pueden acceder rápidamente a las páginas importantes en su sitio e incluso tomar medidas si es necesario. Ciertamente mejora la experiencia del usuario en los sitios de WordPress.
Entonces, ¿cuáles son los menús de navegación y cómo puede crear uno en su sitio? Continúe leyendo porque proporcionaremos las respuestas a estas preguntas. Contenido:
¿Qué es un menú de navegación?
Cómo crear un menú de navegación personalizado en WordPress
Creación de menús de caída
Cómo agregar categorías a los menús de WordPress
Agregar enlaces personalizados al menú de navegación
Haciendo cambios en un elemento de menú
Agregar menús a la barra lateral y a las áreas de widgets
Consejo de bonificación
Pensamientos finales
¿Qué es un menú de navegación? El menú de navegación es una lista organizada por enlaces a páginas web importantes, generalmente que se muestran en la parte superior de su sitio. Esta característica es útil porque hace que su sitio sea muy fácil de navegar. También puede agrupar los elementos de menú asociados creando submenus. Aquí hay un ejemplo de cómo se ve un menú de navegación:

Afortunadamente, con la interfaz del menú de arrastrar y soltar de WordPress, crear menús desplegables es bastante fácil. En vista de esto, veamos una guía de paso por paso sobre cómo crear un menú personalizado. Cómo crear un menú de navegación personalizado para comenzar, conectarse a la Junta de Administración de WordPress. Luego acceda a los menús. Esto mostrará la página del menú. Si ya ha tenido menús (como es el caso), verá un menú de caída para seleccionar el menú en el que desea trabajar. En este caso, sin embargo, le mostraremos cómo crear un nuevo menú de navegación desde cero. En primer lugar, haga clic en el enlace Crear un nuevo menú.
En la sección “Estructura del menú”, ingrese el nombre del menú en el cuadro proporcionado y luego haga clic en el botón Menú Ceare.

Puede agregar páginas, publicaciones, enlaces personalizados y más usando la sección “Agregar elementos de menú”. Entonces, para agregar páginas, expanda la sección “Páginas”, haga clic en la pestaña “Muestra todo” y marque las casillas junto a las páginas que desea agregar en el menú. Luego haga clic en el botón Agregar al menú.

Después de que se hayan agregado las páginas, organizarlas en el orden deseado dibujando y colocándolas. Luego, en la sección Configuración del menú, elija la ubicación en la que desea mostrar el menú y presione el botón Guardar menú.

Nota marginal Las ubicaciones del menú difieren de un tema a otro. El tema predeterminado de WordPress “Twenty Twenty”, utilizado en este ejemplo, tiene 5 ubicaciones diferentes. Puede ser diferente de su tema. El nombre de la ubicación del menú del tema también puede ser diferente de su tema en otras palabras, todo depende de las preferencias del desarrollador del tema. Para asegurarse de dónde está cada ubicación, seleccione uno, guárdelo y visite su sitio para ver cómo se ve. Si no está satisfecho con el puesto, regrese y cambie su ubicación. Seleccionamos “Menú de escritorio horizontal” para mostrarlo en el encabezado de nuestro sitio. Y listo, ha creado su menú de navegación. Así es como se ve nuestro ejemplo:

La creación de menús desplegables para los menús desplegables de WordPress Navigation, también llamados menús vestidos, son igual de fáciles de crear. Hay menú con elementos de menú para padres e hijos. En la mayoría de los sitios, el menú desplegable contiene información sobre esa sección en particular. Cuando cruza el cursor sobre un elemento parental, su submenú aparece debajo de él. Entonces, para crear uno, simplemente tire del elemento bajo un padre ligero a la derecha. Se convierte automáticamente en un submenú.
Recuerde hacer clic en el menú Guardar para grabar sus cambios. Así es como se ve el resultado después:

También puede incluir elementos de menú adicionales en el submenú. Siguiendo el método en el paso anterior, extraiga el artículo debajo del submenú a la derecha de crear el menú multiolla. Después de eso, haga clic en el botón Guardar menú para guardar el cambio.

Observe cómo la página “Contáctenos” es un subelemento de “Servicios” (también un subment de la página “Acerca de”).

Una desventaja de la existencia de varias capas de menús desplegables es que te permite parecer caótico. Además, no todos los temas aceptan menús múltiples con capas. Cómo agregar categorías a los menús de navegación de WordPress En la sección “Agregar elementos del menú” de la página del menú, la pestaña “Categorías” se ha proporcionado de forma predeterminada. Haga clic en el botón de soltar para expandir la pestaña. Seleccione de sus categorías “más utilizadas” o haga clic en la pestaña “Ver todo” para ver todo. Después de la selección, haga clic en el botón Agregar menú.

Las categorías se agregarán al menú. Más tarde, puede sacarlos y la red donde desea que se muestre en el menú. Si tiene un sitio de blog de WordPress, entonces el menú desplegable es ideal para agregar categorías de blog. Puede crear elementos del submenú de estas categorías en el enlace de su blog tirando de ellos hacia la derecha.

Y eso es todo. No olvide presionar el botón Guardar menú después.
Agregue enlaces personalizados a su menú de navegación de WordPress, también puede agregar enlaces personalizados al menú de navegación. Esto es beneficioso cuando desea conectar su sitio con una página social u otros sitios web. Para agregar sus enlaces, haga clic en la pestaña “Enlaces personalizados” en la sección “Agregar elemento del menú”. Luego, ingrese “URL” y “enlace de texto” en los campos proporcionados. La URL es el enlace del sitio, mientras que el texto del enlace es el texto que se mostrará en el menú.


Después de eso, presione el botón Agregar en el menú. Una vez en la estructura del menú, haga clic en el botón Menú Salvare para que se refleje en el sitio.

Hacer cambios en un elemento de menú A veces, puede ser necesario realizar cambios en un elemento en el menú de navegación, como cambiar el nombre o moverlo a otra posición. Esto también es fácil. Simplemente haga clic en el botón Drop -down junto al elemento de menú específico para extenderlo. En su forma extendida, puede editar el nombre del elemento del menú (etiqueta de navegación) o puede cambiar su posición haciendo clic en el enlace “Up”. También hay un enlace para que el elemento de menú sea un submenú si no desea usar la función de deslizamiento y colocación.

Y si desea eliminar completamente el elemento del menú, haga clic en el enlace “Eliminar”. Agregar menús de navegación de WordPress a las barras laterales y áreas de widget Si la ubicación de su menú temático no lo reduce por usted, puede agregar el menú de navegación a sus barras o sótanos laterales. Esto se puede hacer usando widgets. En el tablero de WordPress, vaya a los widgets Look >>. Así es como se ve la interfaz basada en el bloque:

En esta página, verá todas las áreas actuales de widgets. Haga clic en la flecha de caída en el área del widget seleccionado para extenderla. Luego haga clic en el signo más (+) para agregar un bloque.
En la barra de búsqueda, escriba “Menú de navegación” para mostrar el widget. Haga clic para agregar navegación al área de widget.

Una vez que haya terminado, déle al widget un título en el campo de texto proporcionado y también seleccione el menú de la lista desplegable.
Para obtener más configuraciones, use los iconos en la barra de herramientas de navegación. Se utilizan para:

Cambiar el tipo o estilo del bloque

Tire del bloque a un área de widget diferente en el siguiente área de widget si no desea usar la función de deslizamiento y colocación

Vaya a opciones adicionales, incluida la eliminación del bloque.

Y eso es todo. Guarde los cambios haciendo clic en el botón Actualizar en la esquina superior derecha de la pantalla.Usando el widget clásico si usa el widget clásico en su sitio, acceda a los widgets.En los widgets disponibles, tire y coloque la navegación del menú de widgets en la barra lateral.Nuestro tema tiene el sótano #1 y el sótano #2.
Luego proporcione un título de widget y seleccione el menú correcto de la lista vertical.
Finalmente, presione el botón Guardar para grabar su cambio. Vaya a su sitio y vea el cambio. Y aquí está. Los complementos para los pasos del menú de navegación de WordPress hasta ahora son suficientes si desea un diseño de menú simple para su sitio. Sin embargo, si desea agregar funcionalidades de menú adicionales a su sitio, hay muchos complementos WordPress, como Ubermenu y Superfly, que le ayuda . Con estos complementos, puedes crear grandes menús. También puede agregar efectos de animación, imágenes y videos al menú. Además, estos complementos de WordPress responden, por lo que se verán muy bien en todos los dispositivos. Algunos de estos complementos son gratuitos, y para algunos, deberá comprar la versión premium. Para obtener más información sobre estos complementos de menú, consulte nuestro artículo sobre los complementos del menú de WordPress. Conclusión-WordPress navegando menús y aquí, todo lo que necesita para crear menús de navegación en su sitio de WordPress. A medida que crea su menú, su objetivo debe ser hacer que su sitio sea muy fácil de navegar. Sin embargo, debe considerar cómo puede hacer que el objetivo de su sitio tenga éxito. Por ejemplo, si vende productos, su menú debe facilitar a los clientes que vean sus productos y puede usar submenus bien diseñado. También es una buena práctica incluir páginas principales, como contacto y sobre, en su menú principal.