Contenido del curso
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:
Contenido del curso
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:
Oscar Alejandro Castillo Naveda
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
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
lo mejor es instalar un plugins de whatsapp o solo tienes que ingresar a la app (whatsapp) y generar un link.
Diego Urtado
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
Muchas gracias por ese dato. Me fue de gran ayuda 😁👌
Alfredo Castro
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ónAñ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ú
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ú:
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
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
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
gracias!
César Luis Amundaray Rodríguez
Mi web: cesarluis.com Hecho en WordPress.
Mariana Gil Madrid
Así quedo mi menú :)
Andrés Soret Chacin
MAGNÍFICO 🤩🤩
Mauricio Agustin Murdoch
Me resulta engorroso como primera expeiencia de uso. Prefiero el plugin de elementor
Juan Conde
Les comparto mi website https://juanforeroconde.com/
Diego Urtado
Es un gran inicio, síguelo trabajando amigo!
Marco Antonio Trujano Rodriguez
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
Gracias, ya va tomando forma!
Alejandro rodriguez
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
Yo tengo el tema "Storefront" Para agregar los íconos de las redes sociales seguí los pasos de
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
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
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
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:
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
No me salen los iconos de redes sociales en el blog :(
Franciree Arellán
No estoy segura pero creo que eso depende del tema que uses 🤔
Octavio Cuellar Vargas
Es correcto, depende del theme que uses.
Carlos Andres Barreto Lozano
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
Profesor¡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
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
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.