Contenido del curso
Aldo Miguel Ortiz Parodi
Jonathan Gutierrez Quispe
Andrés Soret Chacin
Contenido del curso
Aldo Miguel Ortiz Parodi
Jonathan Gutierrez Quispe
Andrés Soret Chacin
Oscar Alejandro Castillo Naveda
Roberto Ballinas Hernández
ramon pineda santos
Diego Urtado
Andrés Soret Chacin
Alfredo Castro
Carlos Alfaro Palma
Oscar Alejandro Castillo Naveda
Javier Suárez Meerhoff
César Luis Amundaray Rodríguez
Mariana Gil Madrid
Andrés Soret Chacin
Mauricio Agustin Murdoch
Juan Conde
Diego Urtado
Marco Antonio Trujano Rodriguez
Martha Leticia González Galván
Alejandro rodriguez
Fernando Ariel Rodriguez
Patricia Mago
Rolando Osorio
Camilo Andrés Pedroza Mesa
Millaray Madariaga
Franciree Arellán
Octavio Cuellar Vargas
Carlos Andres Barreto Lozano
Cristian Ramanzin
Profesor
Nicolás Arley Moreno Castañeda
Platzi
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:
Muchas gracias.
Muy buen punto 😁👌
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.
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.
lo mejor es instalar un plugins de whatsapp o solo tienes que ingresar a la app (whatsapp) y generar un link.
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.
Muchas gracias por ese dato. Me fue de gran ayuda 😁👌
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ú
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.
gracias!
Mi web: cesarluis.com Hecho en WordPress.
Así quedo mi menú :)
MAGNÍFICO 🤩🤩
Me resulta engorroso como primera expeiencia de uso. Prefiero el plugin de elementor
Les comparto mi website https://juanforeroconde.com/
Es un gran inicio, síguelo trabajando amigo!
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
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; }
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:
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ú.
No me salen los iconos de redes sociales en el blog :(
No estoy segura pero creo que eso depende del tema que uses 🤔
Es correcto, depende del theme que uses.
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?
¡Hola, Carlos! ¿Instalaste algún plugin antes de que esto te pasara? Si es así, desactívalo y fíjate si el error persiste.
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.
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.