Menú

Clase 11 de 13 • Curso de Creación de Blogs con WordPress

Clase anteriorSiguiente clase

Aldo Miguel Ortiz Parodi

student•

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:

Jonathan Gutierrez Quispe

student•

Muchas gracias.

Andrés Soret Chacin

student•

Muy buen punto 😁👌

Oscar Alejandro Castillo Naveda

student•

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.

Roberto Ballinas Hernández

student•

Hola Óscar, ¿Sabes cómo puedo agregar un enlace que lleve a WhatsApp? Quiero que desde mi sitio, los usuarios al clickear un ícono de esa red, los lleve a poder escribirme un mensaje instantáneo.

ramon pineda santos

student•

lo mejor es instalar un plugins de whatsapp o solo tienes que ingresar a la app (whatsapp) y generar un link.

Diego Urtado

student•

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.

Andrés Soret Chacin

student•

Muchas gracias por ese dato. Me fue de gran ayuda 😁👌

Alfredo Castro

student•

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ú

Carlos Alfaro Palma

student•

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.

Oscar Alejandro Castillo Naveda

student•

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.

Javier Suárez Meerhoff

student•

gracias!

César Luis Amundaray Rodríguez

student•

Mi web: cesarluis.com Hecho en WordPress.

Mariana Gil Madrid

student•

Así quedo mi menú :)

Andrés Soret Chacin

student•

MAGNÍFICO 🤩🤩

Mauricio Agustin Murdoch

student•

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

Juan Conde

student•

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

Diego Urtado

student•

Es un gran inicio, síguelo trabajando amigo!

Marco Antonio Trujano Rodriguez

student•

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

Martha Leticia González Galván

student•

Gracias, ya va tomando forma!

Alejandro rodriguez

student•

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

Fernando Ariel Rodriguez

student•

Yo tengo el tema "Storefront" Para agregar los íconos de las redes sociales seguí los pasos de https://woocommerce.com/document/create-a-social-icon-menu

Sólo me faltó el ícono de Whatsapp que lo tuve que agregar manualmente. Pista... Este es uno de los elementos que tenés que agregar

.secondary-navigation a[href*="wa.me"]:after {
  content: "\f232";
  color: #25D366; }

Patricia Mago

student•

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á.

Rolando Osorio

student•

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

Camilo Andrés Pedroza Mesa

student•

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:

Accede al administrador de WordPress y dirígete a la sección "Apariencia".
Haz clic en "Menús". Si aún no has creado ningún menú, selecciona "Crear Menú" y dale un nombre.
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.
Arrastra y suelta las páginas en el orden que desees.
Si deseas agregar un menú de redes sociales, utiliza el widget "Menú de Redes Sociales" y agrega las URL correspondientes.
Si tu plantilla de WordPress tiene diferentes áreas de menú, selecciona la ubicación de tu menú.
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ú.

Millaray Madariaga

student•

No me salen los iconos de redes sociales en el blog :(

Franciree Arellán

student•

No estoy segura pero creo que eso depende del tema que uses 🤔

Octavio Cuellar Vargas

student•

Es correcto, depende del theme que uses.

Carlos Andres Barreto Lozano

student•

Tengo un error en Wordress y no se como corregirlo, porque el contenido de los Blogs desapareció, pero al momento de ver el YoasSEO esta ahí, que hacer?

Cristian Ramanzin

teacher•

¡Hola, Carlos! ¿Instalaste algún plugin antes de que esto te pasara? Si es así, desactívalo y fíjate si el error persiste.

Nicolás Arley Moreno Castañeda

student•

Yo estoy usando Astra, me pareció muy útil esta clase ¡Gracias! Aunque al momento de agregar redes sociales, no me aparece con ícono sino tal cual el texto del enlace que le puse ¿Alguien sabe por qué? Gracias de antemano.

Platzi

student•

Es posible que no hayas agregado la clase correcta a tus etiquetas de enlace. Asegúrate de que estén utilizando la clase 'platico' seguida del número correspondiente al ícono que deseas mostrar. También verifica que hayas agregado el archivo CSS de los íconos correctamente en tu archivo HTML.