Cómo crear menús en WordPress

Hasta ahora, has disfrutado tu aventura con WordPress. Elegiste un gran tema de WordPress, creaste un gran sitio web y le diste vida a tu máquina SEO de WordPress. Los visitantes comienzan a acudir en masa a su nuevo negocio basado en WordPress, pero pocos se están convirtiendo en seguidores o clientes leales.

Estás viendo Google Analytics y la tasa de abandono es bastante alta. Así que decide comprobar todos los aspectos del sitio web, pero no puede encontrar el problema. ¿Qué demonios?

Bueno, te diré esto: tu menú de navegación de WordPress puede ser la razón por la que estás atascado. El sistema de menú de navegación deficiente no permite que los visitantes encuentren lo que necesitan en su sitio, y si no pueden encontrarlo, simplemente harán lo que cualquier persona en su sano juicio haría: presione el botón Atrás y regresarán. cargar con el sitio web de la competencia.

Por otro lado, un gran sistema de navegación es como un mapa que muestra a sus visitantes exactamente dónde ir para encontrar lo que buscan. Esto simplemente significa que sin un gran menú de navegación perderá clientes a diestro y siniestro. Sí, hombre, tener un excelente menú de navegación, al igual que un piloto de rally tiene su propio navegador, es muy importante.

En esta guía paso a paso, le mostraremos cómo diseñar el sistema de navegación perfecto. Luego, le mostraremos cómo configurar sus menús con el intuitivo administrador de menús de WordPress: el tablero principal clásico y la herramienta de personalización en vivo.

📑 Aquí podrás encontrar 👇

Cómo crear la navegación perfecta de WordPress

Navegación de WordPress

¿Estás listo para una aventura de menú? Bueno, a la carta... En esta sección veremos lo que hace a un gran sistema de navegación.

Mantén las cosas simples

Los mejores sistemas de navegación son fáciles de usar.

No complique su menú de navegación al incluir páginas que los usuarios no necesariamente necesitan. Cíñete a tu contenido más importante: contenido que los usuarios deben permanecer el tiempo suficiente para convertir. Enlace solo a sus páginas de WordPress más importantes, como "Acerca de", "Contacto", "Alquiler / Productos", etc., y contenido popular que ayude a su causa.

Hablando de simplificación, ¿realmente necesitas este mega menú en tu pequeño blog personal? No me parece; los mega menús son geniales, sí, pero son geniales para grandes sitios de WordPress con gigabytes de contenido y un billón de productos. Que sea simple y estúpido.

Los sitemaps también son importantes

Los mapas del sitio se consideran un engranaje esencial en el sistema de navegación perfecto. Mientras ayudan a las arañas de los motores de búsqueda a rastrear su sitio de manera fácil y correcta, los mapas de sitio pueden ser útiles cuando los usuarios se pierden y/o se encuentran con páginas de error 404. Piense en ello como un menú de navegación para un sitio web completo publicado en una página especial. No se preocupe por los Sitemaps, son solo páginas que contienen enlaces a todos los recursos de su sitio.

La mejor parte es que puede crear fácilmente mapas de sitios usando complementos como Mapa del sitio XML de Google, o simplemente use un tema de WordPress que admita mapas de sitio inicialmente. Cree una página de mapa de sitio especial y asegúrese de que puede ver una lista de todos los recursos en su sitio de WordPress cuando se carga https://www.yousite.com/sitemap/. Puede vincular a su mapa del sitio desde la página de error 404 o desde el menú principal.

Agregar un menú de navegación a varias ubicaciones

Por ejemplo, si desea mejorar sus posibilidades de ganar la lotería, debe jugar varias veces. Esto está relacionado con la teoría de la probabilidad. Del mismo modo, para que los lectores hagan clic en su enlace, debe mostrar el enlace anterior varias veces en diferentes lugares de su sitio. La lógica aquí es simple: cuanto más fácil es para los lectores encontrar un enlace, más rápido hacen clic.

De forma predeterminada, la mayoría de los temas de WordPress le permitirán mostrar un menú de navegación en la sección del encabezado y quizás en el pie de página, pero eso es todo. Sin embargo, puedes usar widgets para mostrar el menú de navegación donde quieras.

Los mejores lugares en el menú de máxima exposición incluyen la parte superior, la barra lateral y las áreas de pie de página. La barra lateral también es el lugar principal para las categorías, los archivos y las etiquetas, así que no dude en aprovechar estas funciones para mejorar su sistema de navegación.

Añadir un formulario de búsqueda

El sistema falla en el momento más inoportuno. Tienden a retroceder o fallar cuando menos lo esperas. Los menús de navegación no son una excepción, siempre fallan, especialmente si usa complementos de menú de WordPress de terceros y pierde el tiempo. En otros casos, los usuarios simplemente no tienen tiempo para navegar por varios niveles de su menú para encontrar información. ¿qué hacer?

Implementa un formulario de búsqueda que facilita a los usuarios encontrar lo que buscan. Luego colóquelo en un lugar destacado en su sitio de WordPress. por ejemplo no el ocultar en una sección de encabezado que solo es visible cuando el usuario se desplaza hacia abajo. Si tiene desplazamiento infinito, es posible que el usuario mencionado nunca vea el formulario de búsqueda.

El formulario de búsqueda es una medida y dispositivo seguro que mejora significativamente la experiencia del usuario. asociación Le ayuda a construir un gran motor de búsqueda para su negocio basado en WordPress.

Alimentos básicos para el hogar: Al final del día, solo asegúrese de que su menú de navegación sea fácil de encontrar y usar. También pone el contenido importante en primer lugar, por lo que es muy fácil de encontrar.

Cómo crear un menú de WordPress en el panel principal

Ahora vamos a crear un excelente menú de navegación con la ayuda del útil administrador de menús de WordPress. WordPress viene con un excelente administrador de menús que le permite crear menús simples, incluidos los menús desplegables. Es un simple organizador de arrastrar y soltar que hace que agregar menús sea tan fácil como un pastel. Incluso un alumno de quinto grado puede agregar un menú de WordPress en minutos.

Crear un nuevo menú

solo navega hacia arriba Apariencia > Menú en tu área administrativa de WordPress, esto comenzará menú Pantalla del editor. Si no ha creado un menú ni ha hecho clic en el enlace "Crear un nuevo menú", debería ver esta pantalla:

Crear un nuevo menú de WordPress - Panel de control

Vamos, nombra tu nuevo menú. Llamaremos a nuestro ejemplo "menú principal". Ingrese su nombre favorito y haga clic en crear un menú botón. Esto abrirá esta pantalla:

Añadir un nombre al menú de WordPress - Dashboard

Como puedes ver, hay varias opciones disponibles. A la izquierda notará la lista de páginas, categorías, la sección con enlaces personalizados y posiblemente algunas otras características, dependiendo de su tema.

A la derecha tienes estructura del menú El área donde editará y ordenará los elementos del menú. También tiene Configuración del menú Un área que le permite seleccionar la ubicación del menú y una opción que le permite agregar automáticamente nuevas páginas de nivel superior al menú (aunque para la mayoría de los sitios esta opción puede ignorarse).

Añadir un elemento de menú

Todo lo que tiene que hacer para crear un menú desde aquí es seleccionar una página, categoría o agregar un enlace personalizado desde el panel izquierdo y hacer clic en añadir al menú botón. Inmediatamente, los elementos de su menú aparecerán en la columna de la derecha, donde simplemente puede arrastrar y soltar.

¿Por qué agregar categorías a los menús de WordPress? Si ha creado publicaciones (como cursos) en diferentes categorías (cursos), puede usar esta función para agrupar cursos en cursos. Esta también es una característica útil si ejecuta un sitio web de noticias. Continué y agregué diferentes categorías al menú de muestra de la siguiente manera:

Agregar un elemento de menú a WordPress - Panel de control

Agreguemos también algunos enlaces personalizados para dirigir a los visitantes a sitios de terceros o incluso a nuestros propios sitios de subdominios. conexión personalizada Etiqueta.

agrega tu enlace a URL Nombres de áreas de texto y menús Texto del enlaceentonces golpea añadir al menú botón. siempre encienda la extensión ( https: //) De lo contrario, su conexión no funcionará:

Agregue enlaces personalizados al menú WordPress - Dashboard

Menú desplegable

Hasta ahora, solo tenemos unos pocos enlaces en nuestro menú, pero si agregamos un montón de ellos, puede convertirse rápidamente en un desastre. Los menús desplegables son útiles aquí.

Para crear un menú desplegable, primero agregue el elemento del submenú que desea usar. Hemos seleccionado algunas publicaciones de blog y las hemos agregado a nuestro menú como ejemplos. Luego simplemente arrastre el elemento del submenú ligeramente hacia la derecha de la siguiente manera:

Agregar un menú desplegable de WordPress - Tablero

Los menús desplegables son una excelente manera de hacer que sus menús sean más cortos, más limpios y más fáciles de navegar. Puede crear más submenús en los submenús existentes creando menús desplegables en varios niveles si es necesario.

Nota: Dependiendo de su tema, puede tener otras opciones de estilo de menú desplegable disponibles en la herramienta de personalización o el panel de temas.

Propiedades del menú avanzado

¿Sabías que hay opciones de menú ocultas? Simplemente haz clic para activarlas opciones de pantalla en la esquina superior derecha de la pantalla, luego marque Propiedades del menú avanzado Quiere activar:

Propiedades del menú avanzado de WordPress - Panel de control

Encontrará las siguientes opciones, cada una de las cuales se agrega al elemento del menú después de activarlas.

propósito de la relación: Marque esta opción para agregar destino = "_ en blanco" conexión para que cuando el usuario haga clic en él, su elemento de menú se abra en uno nuevo sección.

título de atributo: El atributo de título se puede utilizar para agregar información de enlace adicional. Esto suele ser más útil para los robots de los motores de búsqueda, pero también muestran sugerencias a los usuarios cuando pasan el cursor del mouse sobre los elementos del menú.

clase CSS: esta opción se puede usar para agregar estilos CSS personalizados a elementos de menú individuales. Esto es algo que puede codificar usted mismo, pero los desarrolladores de temas a menudo pueden incluir una o dos opciones adicionales. Temas totales de WordPress incluye personalizado botones del menú de clase Esto hará que los elementos del menú aparezcan como botones estilizados (ideal para agregar "comprar ahora", "presupuesto" o llamadas a la acción similares).

conexión conexión: Esta opción es un poco avanzada y se puede usar para una explicación rápida para determinar cómo se relaciona personalmente su sitio con los enlaces en el elemento del menú. ¿Tu sitio web es diferente? ¿Es este el sitio de un amigo? Puedes leer Guía oficial Si quieres saber más.

describir: Tal como parece, esta opción le permite agregar una descripción más detallada al elemento del menú. Aunque esta es una opción que puede activar fácilmente, no se mostrará a menos que su tema lo admita.

ubicación del menú

¡Estamos casi listos, pero aún no lo estamos! Todavía necesita especificar dónde mostrar el menú. Debajo del diseñador de menús notará un Configuración del menú part.Aquí puedes encontrar tu propio ubicación de la pantalla ajustes. Cada tema admite una cantidad diferente de menús, por lo que puede tener una o más ubicaciones de menú según su tema. Deberá configurar un menú para cada ubicación que planee usar, pero puede optar por asignar el mismo menú a varias ubicaciones o crear menús separados para cada ubicación (dependiendo de usted).

Nota: Como alternativa, puede utilizar Gestión de ubicación Las pestañas controlan la posición de todos los menús en un solo lugar.

Para establecer un menú para una ubicación, simplemente marque la casilla:

Ubicación del menú de WordPress - Panel de control

Cuando esté satisfecho con el menú, los elementos y la ubicación que ha elegido, haga clic en Guardar menú botón.

Ahora, cuando navegue por su sitio web en la parte delantera, verá su menú. Dado que hemos asignado el menú Principal/Encabezado, aparece como el menú principal en nuestro sitio de demostración:

Pantalla frontal del menú de WordPress

Pero hasta ahora, el editor de menús del panel de control clásico le permite ver la estructura de sus menús y, de hecho, puede obtener una vista previa de ellos. Si desea ver el menú en tiempo real, entonces el personalizador es la opción correcta para usted.

Cómo crear un menú de WordPress en Live Customizer

En lugar de usar el editor de menú tradicional en el panel principal de WordPress, puede crear menús de vista previa en vivo en la herramienta de personalización. Muchas de las opciones son las mismas, pero lo llevaremos a través de cada paso nuevamente para asegurarnos.

Para comenzar, debe abrir la herramienta de personalización en vivo a continuación Apariencia > Personalización:

Personalizador en vivo de WordPress

luego haga clic menú Las pestañas serán llevadas a la siguiente pantalla para personalizar el menú:

Crear un nuevo menú - Personalizador en vivo

Desde aquí, puede ver los menús que ya ha creado (como Mi nuevo menú, que acabamos de crear en el Administrador de menús tradicional), crear nuevos menús o explorar todas las ubicaciones de los menús. Porque le mostramos detalles sobre cómo crear en el menú de la herramienta de personalización, haremos clic en Crear un nuevo menú asociación.

Crear un nuevo menú

Al crear un nuevo menú en la herramienta de personalización, su primer paso es seleccionar un nombre del menú y marque la casilla ubicación del menúComo recordatorio, los elementos de menú disponibles dependerán de su tema. Debido a que usamos el tema Total, tenemos muchas ubicaciones disponibles, por lo que elegiremos la ubicación en el pie de página, dado que ya hemos creado un menú principal:

Nombre Nuevo menú - Personalizador en vivo

Añadir un elemento de menú

Una vez que haya nombrado y configurado su menú, puede comenzar a construir. Agregar un elemento botón para abrir el constructor del menú:

Crear menús de WordPress - Personalizador en vivo

Aquí encontrará las mismas opciones que para agregar enlaces en el administrador de menús tradicional.

Agregar publicaciones y páginas al menú - Personalizador en vivo

Para agregar una página, publicación, tipo de publicación personalizada o taxonomía, simplemente haga clic en el signo más + junto al elemento que desea agregar. Instantáneamente agregará el elemento a su menú y lo mostrará en una vista previa en vivo de su sitio web:

Agregar una página al menú - En vivo personalizador

Recordatorio: creamos un menú en el pie de página para que nuestro menú aparezca en el pie de página. Dependiendo de la ubicación del menú que elija, la vista del menú en vivo variará. Si elige una ubicación de menú móvil, el menú solo es visible en dispositivos móviles, por lo que deberá hacer clic en el icono de tableta o teléfono en la esquina inferior derecha de la herramienta de personalización en vivo para ver su menú móvil.

Para agregar un enlace personalizado, simplemente agregue su URL y el texto del enlace, luego haga clic en añadir al menú botón:

Agregue un enlace personalizado al menú Personalizador en vivo

Propiedades del menú avanzado

Cuando se trabaja en la herramienta de personalización en vivo, las propiedades del menú avanzado del enlace del menú no están visibles de forma predeterminada. Para activarlos, deberá volver al editor del menú principal del panel de control de WordPress (si ya comenzó a crear un menú, asegúrese de publicarlo primero para no perder todo su arduo trabajo), haga clic en "Pantalla" en la esquina superior derecha de la pestaña Opciones de la pantalla y luego marque las casillas de las opciones que desea activar. Luego, cuando regrese a la escena Personalizador> Menú, abra su menú y haga clic en la flecha al lado del elemento del menú, encontrará todas las propiedades de menú avanzadas que ha activado:

Opciones de conexión del menú avanzado - Personalizador en vivo

Menú desplegable

Después de agregar los elementos del menú que pueda necesitar a su menú, puede crear un menú desplegable. Para los menús desplegables, necesita elementos de submenú, así que simplemente agregue enlaces al menú, haga clic y arrástrelos hacia la derecha. Esto creará su menú desplegable:

Crear un menú desplegable - Personalizador en vivo

Descripción general del menú en vivo

Es posible que lo haya notado mientras creaba, pero la vista previa en vivo a la derecha del menú de personalización se actualiza en tiempo real a medida que realiza cambios. Entonces, cuando agregue elementos de menú, agregue menús desplegables, cambie posiciones, etc., esto se reflejará en la vista previa en vivo. Así es como se ve nuestro menú de pie de página en este momento:

Menú de vista previa en vivo - Personalizador en vivo

Si está satisfecho con su menú, asegúrese de hacerlo. liberar antes de salir de la herramienta de personalización en vivo. Una vez publicado, su menú aparecerá en la parte delantera de su sitio web:

Menú frontal - Personalizador en vivo

Como puede ver, parece una vista previa. ¡No hay sorpresas aquí!

últimos pensamientos

El menú de navegación de WordPress es una parte esencial de un sitio web de WordPress. Guían a sus usuarios para que encuentren lo que buscan. Son excelentes para mejorar la experiencia del usuario y, por lo tanto, aumentar su tasa de conversión. La mejor parte es que son fáciles de implementar, así que nada te detendrá.

Si desea crear un menú realmente especial, pruebe uno de estos mejores complementos de menú de WordPress. Son una forma rápida y fácil de crear o mejorar los menús existentes de WordPress.

Deje de dejar dinero sobre la mesa e invierta en un complemento de menú de WordPress que satisfaga las necesidades de su negocio. ¿Tienes preguntas o comentarios? Compartir en la sección de comentarios!

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir