Menú

10. Menú

Punto interesante de hoy:

Aprendí cómo hacer que cuando se haga clic en un enlace de mi menú, se abra en una nueva pestaña:

Además, también enlaces personalizados que puedan llevar a otra página, por ejemplo en mi caso, utilizo enlaces de mis redes sociales para que vean en el Menú y los redirigen a esos enlaces. Lo genial, es que cuando subes esos enlaces y dependiendo el tema, te sacará el logo de la Red Social enlazada.

Menú

Ahora que ya tenemos nuestro blog configurado con un tema, tenemos nuestra página principal y nuestra página de Blog para ver las notas, pero no tenemos un menú, esto lo podemos hacer desde el menú de administrador y este menú, la forma en la que va a aparecer o los diferentes menús van a depender de cómo se desarrolló la plantilla.

Menús

Para crear el menú personalizado:

📝 Actividad:

• Crear un menú personalizado:
• Apariencia > Menús
• Asignar el nombre del menú: Principal
• Dónde se verá → Menú principal
• Una vez creado el menú, vamos a la sección Páginas, seleccionamos todas las páginas y seleccionamos la opción Añadir al menú
• Crear un menú de redes sociales:
• Crearemos un menú nuevo que nombramos “Social” y seleccionamos la opción de Menú de redes sociales
• Agregamos los íconos desde la sección de Enlaces personalizados
• URL → agregamos en enlace a nuestra red social
• Texto del enlace → nombre de la red social a la que nos dirige la URL

Añadir elementos al menú

• Una vez que se crea un menú se nos habilita una sección de la parte izquierda que es todo lo que podemos modificar y agregar al menú

  

  • Páginas, Entradas, Enlaces personalizados, Categorías

Estructura del menú

• En la sección de Estructura del menú → podemos gestionar las páginas que se muestran en el menú y anidarlas como sub-elementos, simplemente recorriendo un poco hacia la derecha:

  

• Opciones de pantalla → opciones extra de la configuración del menú, que no están visiblemente fácil de encontrar. Nos deja agregar nuevas características al menú:

  • Destino del enlace
  • Atributos del título → agregar atributos extra de HTML
  • Clase de CSS → aplica cuando queremos diseñas nuestros propios estilos
  • Relación con el enlace (XFN)
  • Descripción → alguna descripción del enlace

Notas & recursos

💡 Los menús son como los widgets → es decir, el menú se crea en un lugar de la plantilla y después vemos nosotros dónde está
💡 Siempre que no tenemos un menú, se van a mostrar las páginas creadas a manera de menú

Me gustaría compartir un dato extra, a veces queremos crear un menú pero que al darle clic no vaya a ningún sitio o no haga ninguna acción. Esto puede ser porque estamos todavía construyendo ese espacio. Bueno, en donde dice URL simplemente coloquen un # y listo.

Desde Wordpress 6 (2022), los temas ya no traen una sección de gestión de menú, en cambio, hay que manejar los bloques de navegación para crear menús reutilizables.

Por último, también pueden editar su Menú en la sección de personalizar su pagina de inicio. En la parte izquierda verán la sección de Menú que podrán editar y su visualización siempre dependerá del tema utilizado.

Mi web: cesarluis.com Hecho en WordPress.

Así quedo mi menú 😃

Me resulta engorroso como primera expeiencia de uso. Prefiero el plugin de elementor

Les comparto mi website https://juanforeroconde.com/

Comparto como va mi blog, incluso agregue un poco de html y css personalizado http //marco.42web.io/
el link no lleva espacio entre http y /marco
Pd: me gusta el feedback

Gracias, ya va tomando forma!

En el Menu creo que siempre sera esencial poner

• inicio o Home

• quienes somo o sobre mi

• llamada a la accion / Contactame

• artiuclos o ultimas entradas

• productos o algo que vendas

Los menús son muy útiles, pero a mi gusto utilizo lo más sencillo y simplificado posible. Tantos submenús pueden distraer al usuario. También se le puede sacar provecho al menú de redes sociales y redireccionar hacia allá.

Quiero mostrales mi blog ya casi terminado, solo que yo le agregue un contact form que aun no sirve pero ya estoy en ello ragoblog

Los menús de navegación en WordPress son importantes porque le permiten a los visitantes de tu sitio web encontrar fácilmente las páginas que necesitan. Aquí te explicamos cómo configurar un menú de navegación en WordPress:

1. Accede al administrador de WordPress y dirígete a la sección “Apariencia”.
2. Haz clic en “Menús”. Si aún no has creado ningún menú, selecciona “Crear Menú” y dale un nombre.
3. Selecciona las páginas que deseas agregar al menú, ya sea una página de inicio estática o una lista de publicaciones. También puedes agregar entradas, categorías y enlaces personalizados.
4. Arrastra y suelta las páginas en el orden que desees.
5. Si deseas agregar un menú de redes sociales, utiliza el widget “Menú de Redes Sociales” y agrega las URL correspondientes.
6. Si tu plantilla de WordPress tiene diferentes áreas de menú, selecciona la ubicación de tu menú.
7. Guarda los cambios.

Ten en cuenta que la apariencia de tu menú dependerá de la plantilla de WordPress que estés utilizando. Algunas plantillas te permiten agregar submenús, cambiar la orientación del menú y personalizar los colores y estilos del menú.

Interesante

.

✍️ Notas

• Para agregar y\o configurar menús de navegación, se va a la opción Apariencia → Menús.
• Los menús permiten agregar: Páginas \ Entradas \ Enlaces personalizados \ Categorías.

¿Qué es un menú de navegación?

Cuando un usuario entra en tu sitio web puede acceder a una sola página o navegar por otras partes. Esta es una de las funciones del menú de navegación: crear un flujo lógico por el que se pueda navegar, según el interés del usuario.

Esto facilita la búsqueda de información y proporciona una buena experiencia digital.

¿Cómo crear un menú en WordPress?

Para crear un nuevo menú en WordPress debes:

Entrar en la opción “Apariencia”

En esta área de WordPress, encontrarás los ajustes más visuales que se aplican a tu tema publicado. Aquí es donde puedes personalizar y guardar tu Favicon y crearás o editarás tu menú.

Ve al menú lateral y haz clic en “Apariencia”.

Haz clic en “Menús”.

El siguiente paso es crear tu menú. Ve a “Apariencia” > “Menús”.

Independientemente de tu WordPress estar alojado o no en Google Cloud o en otro servidor, tienes autonomía para gestionar y personalizar tu sitio web cuando lo necesites.

Si no soy el administrador, debo tener esta autorización.

Crea tu nuevo Menú

Selecciona la opción “crea un nuevo menú”.

Asigna un nombre a tu menú para facilitar su identificación.

En la parte de los ajustes, recuerda marcar la opción de Añadir automáticamente nuevas páginas, si quieres esta opción, selecciona el menú que se mostrará y luego haz clic en “Crear menú”.

Dependiendo de la versión de WordPress o del tema que utilices, las pantallas pueden ser ligeramente diferentes. Sin embargo, en general, tienen interfaces similares.

Añadir elementos al menú

Ahora puedes hacer tus inclusiones. Selecciona el menú que acabas de crear.

Puedes tener menús para diferentes áreas de tu sitio web o blog como: Principal (Header) y Menú del pie de página (Footer), por ejemplo.

Tu trabajo ahora es añadir los elementos al menú. Entre las opciones están “Más reciente”, “Ver todo” o “Buscar”. Estas pestañas enumeran las páginas, entradas o categorías disponibles para su filtro.

También puedes añadir enlaces personalizados, es decir, un texto o frase de anclaje y un enlace a la página web o destino que decidas, que puede ser una URL interna o externa.

Elije lo más relevante. Piensa también en la experiencia de los usuarios de celulares, donde el espacio es más restringido.

Ordena la información

Después de elegir los elementos, puedes reordenarlos, según su prioridad. Para ello, basta con arrastrarlos hacia arriba o hacia abajo.

No abandone la página de edición antes de guardar. Haz clic en “Guardar menú” para aplicar los últimos cambios.

Categorías de menús en WordPress

Si tienes muchas categorías en tu sitio web o blog, céntrate en las principales. Un consejo básico es validar en las herramientas de analytics qué categorías reciben más visitas.

Con esta información en la mano, tomarás una decisión basada en los datos y el comportamiento de los visitantes. De esta manera, las posibilidades de equivocarse son menores.

En caso de duda, como los menús son editables, haz pruebas para evaluar qué convierte más.

No mencionaron que es el Footer. Donde aparece el Menú si quiero que aparezca en la cabecera. Gracias.

Muy interesante el tema, la cantidad de menu y las opciones disponibles dependen el tema que estamos usando. Sino tenemos el mismo tema que el profesor tal vez no tendremos las mismas opciones de menu.

Aún no tengo post, pero ya cree la página de blog con una entrada de prueba para mi página de trading.
https://tradingynegocios.com/blog/

Gracias!

Gracias

Excelente clase.

Excelente, me aclaraste las dudas XD. Thks

Siempre que usaba WordPress tenía la confusión de porque algunos post no salen en mi Menú y quería comentar que sólo te saldrá para adicionar tus páginas creadas y categorías. Además, estas pueden variar dependiendo de tu Tema instalado.