Cómo crear un menú en WordPress

Has disfrutado de tu aventura de WordPress hasta ahora. Ha elegido un excelente tema de WordPress, creó un buen sitio y le dio vida a sus máquinas de SEO. Los visitantes han comenzado a ingresar a su nuevo negocio de WordPress, pero pocos se convierten en fanáticos o clientes leales. Consulte Google Analytics, y la tasa de rechazo está en el techo. Así que decida verificar cada aspecto de su sitio, pero no puede encontrar dónde está el problema. ¿Que demonios? Bueno, le diré esto: su menú de navegación de WordPress podría ser la causa de sus problemas. Human Being hace: haga clic en el botón Atrás y cargue el sitio de la competencia.
Un excelente sistema de navegación, por otro lado, es como un mapa que muestra a sus visitantes exactamente a dónde ir para encontrar lo que están viendo. Esto solo significa que sin un excelente menú de navegación, perderá clientes a la derecha, a la izquierda y al centro. Sí, amigo, tener un excelente menú de navegación, como un piloto de rally que tiene su navegante, es de gran importancia. En esta guía de paso por paso, le mostraremos cómo diseñar el sistema de navegación perfecto. Luego le mostraremos exactamente cómo configurar los menús utilizando el Administrador de menú intuitivo de WordPress, tanto en el tablero clásico principal como en el personalizador en vivo.
Cómo crear una navegación perfecta de WordPress

¿Estás listo para una aventura en el menú? Bueno, coma en el libro … En esta sección, analizaremos qué hace un excelente sistema de navegación. No complicar el mejor sistema de navegación es fácil de usar. No complicen sus menús de navegación, incluidas las páginas que el usuario no necesita necesariamente. Manténgase en su contenido más importante: el contenido del usuario debe permanecer lo suficiente como para convertirlo. Simplemente conéctese a las páginas de WordPress más esenciales, como sobre, contacto, alquiler / productos, etc. Y el contenido popular que ayuda a su causa. Apropo de simplificar las cosas, ¿realmente necesita ese mega menú en su pequeño blog personal? No lo creo; Los mega menús son geniales, sí, pero son ideales para sitios de WordPress Mamut con mil millones de bytes de contenido y un billón de productos iniciales. Mantenlo simplemente estúpido. Los Sitemaps también son un mapa del sitio se considera un equipo esencial en el sistema de navegación perfecto. Aunque ayuda a las arañas de los motores de búsqueda a acceder fácilmente y correctamente a su sitio, Sitemaps también puede ser útil cuando un usuario se pierde y / o cumple con el error Página 404. Piense en un menú de navegación para todo el sitio publicado en un especial página. No se deben temer sitios sitios, son simplemente páginas que contienen enlaces a todos los recursos en su sitio.
La mejor parte es que puede crear fácilmente Sitemaps utilizando complementos como Google XML Sitemaps o simplemente ir con un tema de WordPress que acepte sitios web inherentemente. Cree una página especial de mapa del sitio y asegúrese de que pueda ver una lista de todos sus recursos en su sitio de WordPress al cargar https://www.yousite.com/sitemap/. Puede hacer un enlace a su mapa del sitio en la página de error 404 o en el menú principal. Agregue los menús de navegación a varios lugares si mejorara sus posibilidades de ganar la lotería, por ejemplo, debe jugar varias veces. Tiene todo que ver con la teoría de la probabilidad. Del mismo modo, para que los lectores hagan clic en sus enlaces, debe mostrar los enlaces mencionados varias veces, en diferentes ubicaciones de su sitio. La lógica aquí es simple: cuanto más fácil puede encontrar los enlaces, más rápido puede hacer clic.
Por defecto, la mayoría de los temas de WordPress le permitirán mostrar el menú de navegación en la sección del encabezado, y tal vez en el sótano, pero así. Sin embargo, puede usar widgets para mostrar menús de navegación donde quiera. Las mejores ubicaciones del menú para la máxima exposición incluyen las áreas del encabezado, la barra lateral y el sótano. La barra lateral también es un lugar primordial para categorías, archivos y etiquetas, por lo que no dude en aprovechar estas características para mejorar su sistema de navegación. Agregue un formulario de búsqueda de los sistemas que se rompen en momentos oportunos. Tienden a ceder o fallar cuando no esperas menos. Los menús de navegación no son una excepción, no tienen éxito todo el tiempo, especialmente si usa un menú de WordPress de terceros e vaya al juego. Otras veces, el usuario simplemente no tiene tiempo para pasar por varios niveles en sus menús para encontrar información. ¿Qué hacer? Implementar un formulario de búsqueda, lo que facilita al usuario encontrar lo que quiere. Luego colóquelo en una ubicación prominente en su sitio de WordPress. Por ejemplo, no lo oculte en la sección del sótano que solo es visible cuando el usuario se ejecuta. Si tiene un desfile infinito, es posible que el usuario nunca vea el formulario de búsqueda. Un formulario de búsqueda es una medida segura, así como un dispositivo que mejora la experiencia del usuario. Relevansi lo ayuda a construir motores de búsqueda increíbles para su negocio basado en WordPress.
Pago principal: al final del día, asegúrese de que los menús de navegación sean fáciles de encontrar y usar. Además, ponga el contenido importante en primer lugar, por lo que es increíblemente fácil de encontrar. Cómo crear un menú de WordPress en el tablero principal ahora, para crear un excelente menú de navegación con el útil menú de WordPress. Desde el cuadro, WordPress viene con un excelente administrador de menú que le permite crear menús simples, incluidos los menús de caída. Es un simple gerente de deslizamiento y colocación que hace que los menús agregue tan fácil como el pastel. Incluso un estudiante de quinto grado puede agregar menús de WordPress en unos minutos. ¿Cortar un nuevo menú? Solo navegue en apariencia> menús en el área de administración de WordPress. Esto iniciará la pantalla del editor. Si aún no ha creado un menú o si hace clic en el enlace “Crear un nuevo menú”, debería ver esta pantalla:
Continuar y darle un nombre al nuevo menú. Llamaremos a nuestro ejemplo el “menú principal”. Ingrese su nombre preferido y presione el botón Crear menú. Esto iniciará esta pantalla:
Como puede ver, hay varias opciones disponibles. A la izquierda, notará una lista de páginas, categorías, una pestaña de enlace personalizada y probablemente algunas otras características, dependiendo de su tema.
A la derecha, tiene el área de la estructura del menú en la que editará y solicitará los elementos del menú. También tiene la configuración del menú que le permite elegir la ubicación del menú y una opción que le permite agregar nuevas páginas de nivel superior a su menú automático (aunque para la mayoría de los sitios se puede ignorar). Agregue elementos del menú Todo lo que tiene que hacer aquí para construir su menú es seleccionar las páginas, categorías o agregar enlaces personalizados desde el panel izquierdo, luego haga clic en el botón Agregar menú. En un flash, los elementos del menú aparecerán en la columna correcta, donde simplemente los tire y solucione como desee. ¿Por qué le gustaría agregar categorías a su menú de WordPress? Si ha creado publicaciones (por ejemplo, lecciones) en diferentes categorías (cursos), puede agrupar las lecciones en cursos utilizando esta función. Es una característica útil y si ejecuta un sitio de noticias. Continué y agregué varias categorías a mi menú, por ejemplo, como sigue:

También agregemos algunos enlaces personalizados a los visitantes directos a sitios de terceros o incluso a nuestros propios sitios que viven en los subdominios. Explore la pestaña del enlace personalizado. Agregue el enlace al área de texto de URL y el nombre del menú en el texto del enlace. Luego presione el botón Agregar al menú. Siempre incluya la extensión (https: //) o sus enlaces no funcionarán:

Tenemos solo unos pocos enlaces en nuestro menú hasta ahora, pero si tuviéramos que agregar muchos enlaces, podría llegar muy rápidamente. Aquí son útiles los menús de caída. Para crear un menú de caída, primero agregue los elementos en el submenú que desea usar. Seleccionamos algunas publicaciones de blog y las agregamos a nuestro menú como ejemplo. Luego, tire ligeramente del elemento de sub-alineación ligeramente hacia la derecha de la siguiente manera: 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 submenus bajo el submenus existente, creando gotas de nivel múltiple, según sea necesario. Nota: Dependiendo del tema, puede tener opciones de estilo adicionales en el cliente o panel temático. Propiedades de menú avanzadas ¿Sabía que hay opciones de menú ocultas? Para activarlos, haga clic en las opciones de pantalla en la parte superior derecha de la pantalla. Luego verifique las propiedades avanzadas del menú que desea activar:
Encontrará las siguientes opciones, cada una de ellas se agrega a los elementos del menú después de haberlas activado. Enlace de destino: verifique esta opción para agregar un objetivo = “_ en blanco” al enlace para que el elemento del menú se abra en una nueva pestaña cuando los usuarios hacen clic en él. Atributo de título: los atributos del título se pueden usar para agregar información adicional sobre un enlace. Este suele ser el más útil para los rastreadores de motores de búsqueda, pero también es visible para los usuarios como un consejo de instrumentos cuando se mueve en el elemento de menú. Clases CSS: esta opción se puede usar para agregar elementos CSS personalizados al menú individual. Esto es algo que puede codificarlo, pero a menudo los desarrolladores de temas pueden incluir una o dos opciones adicionales. Por ejemplo, nuestro propio tema total de WordPress incluye una clase de botones de menú personalizado que hará que el elemento del menú se muestre como un botón de estilo (excelente para agregar una “compra” “solicitar una oferta” o un impulso similar). Relación: esta opción es un poco avanzada y, para explicar rápidamente, se puede usar para definir la relación personal de su sitio con el enlace en el elemento de menú. ¿Es otro de tus sitios? ¿Es el sitio web de un amigo?
Puede leer la guía oficial si desea obtener más información. Descripción: exactamente como parece, estas opciones le permiten agregar una descripción más en la descripción de los elementos del menú. Incluso si esta es una opción que puede activar algo fácilmente, no se mostrará a menos que sea compatible con su tema. La ubicación del menú está casi allí, ¡pero no hemos terminado! A continuación, debe asignar la ubicación donde se mostrará el menú. En el constructor del menú, notará una sección de configuración del menú. Aquí encontrará las opciones de ubicación de visualización. Cada tema acepta un número diferente de menús, por lo que, dependiendo del tema, puede tener una o más ubicaciones en el menú. Deberá asignar un menú a cada ubicación que tenga la intención de usar, sin embargo, puede asignar el mismo menú a varias ubicaciones o crear menús individuales para cada ubicación (dependiendo de usted). Nota: Alternativamente, puede usar la pestaña Administrar las ubicaciones para controlar la ubicación de todos sus menús en un solo lugar. Para asignar un menú a una ubicación, simplemente marque la casilla: cuando esté satisfecho con el menú, los elementos y la ubicación, haga clic en el botón Menú Salvar. Ahora, cuando mira su sitio web en Frontand, verá su menú porque hemos asignado el menú / encabezado principal, se muestra como el menú principal en nuestro sitio demostrativo:

Pero hasta ahora, el editor de menú del tablero clásico le permite ver la estructura de sus menús, pero realmente puede verlos. Si desea ver sus menús de tiempo real, Customizer es la opción correcta para usted. Cómo crear un menú de WordPress en Customizer en vivo en lugar de usar el editor de menú tradicional en el principal WordPress, puede crear menús con una vista previa en vivo en Customizer . Muchas de las opciones son las mismas, pero volveremos a pasar por todas las etapas para estar seguros. Para comenzar, deberá abrir el personalizador en vivo que está en términos de> personalización: luego haga clic en la pestaña Meni que se llevará a la siguiente pantalla para personalizar sus menús:

Desde aquí puede ver los menús ya creados (como el “nuevo menú” que acabamos de crear en el administrador de menú tradicional), puede crear otros nuevos o puede ver todas las ubicaciones del menú. Como le mostramos las entradas y salidas de crear menús en Customizer, haremos clic en el enlace Crear un nuevo menú. Cree un nuevo menú Al crear un nuevo menú en Customizer, los primeros pasos son elegir un nombre de menú y marcar una casilla para la ubicación del menú. Como recordatorio, las ubicaciones disponibles en el menú dependerán de su tema. Debido a que usamos el tema total, tenemos una serie de ubicaciones disponibles, por lo que seleccionaremos la ubicación “Subsol”, porque ya hemos creado un menú principal:

Agregue elementos del menú Después de haber llamado y asignado el menú, puede comenzar a construir. Haga clic en el botón Agregar elementos para abrir el generador de menú:


Aquí encontrará las mismas opciones para agregar enlaces que en el administrador de menú tradicional.
Para agregar páginas, publicaciones, tipos de publicaciones personalizadas o taxonomías, haga clic en el icono Plus + junto al elemento que desea agregar. Inmediatamente agregará el elemento a su menú y lo mostrará en la vista previa en vivo de su sitio: Mento: Creamos un menú del sótano, por lo que nuestro menú se muestra en el sótano. Dependiendo del menú que elija, elija el menú de vista previa en vivo será diferente. Si ha seleccionado una ubicación para el menú móvil, el menú solo será visible en el móvil, por lo que deberá hacer clic en la tableta o el icono del teléfono en la parte inferior derecha del personalizador en vivo para obtener una vista previa del menú móvil. Para agregar un enlace personalizado, simplemente agregue la URL y el texto del enlace y haga clic en el botón Agregar al menú:

Propiedades avanzadas del menú Al trabajar en Customizer Live, el enlace del menú Propiedades avanzadas del menú no están predeterminadas. Para activarlos, deberá volver al editor del menú principal del tablero de WordPress (si ya ha comenzado a construir su menú, asegúrese de publicar primero el menú para no perder todo su trabajo duro), haga clic en las opciones de pantalla en La parte superior derecha de la pantalla y marque las casillas las opciones que desea activar. Luego, cuando regrese a los menús Customizer Live>, abra el menú y haga clic en la flecha junto al elemento del menú, encontrará todas las propiedades avanzadas del menú que ha activado:

Menús de desprecan Después de agregar los elementos del menú que le gustaría en el menú, puede crear menús desplegables.Para un menú desplegable, necesitará elementos en el submenú, así que simplemente agregue los enlaces al menú, luego haga clic y tírelos correctamente.Esto creará el menú Drop -down: Menú de vista previa en vivo que ya ha notado mientras está construyendo, pero la vista previa en vivo del menú Personalizador se actualiza en tiempo real a medida que realiza cambios.Entonces, a medida que agrega elementos del menú, agregue menú desplegable, cambie la ubicación, etc., se reflejará en la vista previa en vivo.Así es como se ve actualmente el menú con patas:

Si está satisfecho con su menú, asegúrese de publicarlo antes de salir del personalizador en vivo.Después de publicar su menú, será visible en el frente de su sitio web: