{"id":132130,"date":"2022-09-06T18:03:52","date_gmt":"2022-09-06T12:33:52","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&p=132130"},"modified":"2024-02-22T18:40:53","modified_gmt":"2024-02-22T13:10:53","slug":"create-a-mobile-menu","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/create-a-mobile-menu\/","title":{"rendered":"C\u00f3mo crear un men\u00fa m\u00f3vil"},"content":{"rendered":"

Un men\u00fa m\u00f3vil es un tipo especial de men\u00fa dise\u00f1ado espec\u00edficamente para pantallas peque\u00f1as, como las de los tel\u00e9fonos inteligentes y las tabletas. Es el icono de una hamburguesa en el que los lectores pueden hacer clic y utilizar para navegar por las distintas secciones de su sitio web.<\/p>\n\n\n\n

\"Mobile\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n

Es importante garantizar que su sitio web ofrezca una experiencia de usuario coherente en cualquier dispositivo. <\/p>\n\n\n\n

Astra Header Builder proporciona una opci\u00f3n dedicada para dise\u00f1ar un men\u00fa m\u00f3vil. <\/p>\n\n\n\n

Aqu\u00ed tienes una gu\u00eda completa para crear un men\u00fa m\u00f3vil con el tema Astra, que permitir\u00e1 a los visitantes de tu sitio web navegar por \u00e9l sin esfuerzo desde sus smartphones.<\/p>\n\n\n\n

Crear un men\u00fa m\u00f3vil<\/strong><\/h3>\n\n\n\n

Para crear un men\u00fa m\u00f3vil en Astra, puedes seguir estos pasos:<\/p>\n\n\n\n

Acceda a su panel de WordPress y vaya a Apariencia<\/strong> > Personalice<\/strong>.<\/p>\n\n\n\n

\"Customizer\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n

En el Personalizador, busque la secci\u00f3n denominada Creador de cabeceras<\/strong>.<\/p>\n\n\n\n

\"Header\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n

Cambiar a vista m\u00f3vil en el personalizador<\/strong>: Usted observar\u00e1 una caja dedicada separada para una vista m\u00f3vil en el constructor de cabecera visual. <\/p>\n\n\n\n

\"Mobile\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n

La secci\u00f3n fuera del lienzo le permite configurar los elementos del encabezado dentro del bot\u00f3n de alternar. Por lo general, aqu\u00ed tendr\u00edas tu logotipo y el bot\u00f3n de alternar en tu cabecera Primaria, pero no hay l\u00edmites en cuanto a d\u00f3nde puedes colocar elementos en tu cabecera m\u00f3vil.<\/p>\n\n\n\n

Haga clic en el icono + para a\u00f1adir un men\u00fa m\u00f3vil.<\/p>\n\n\n\n

\"Add\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n

Seleccione la opci\u00f3n Off-Canvas Menu para a\u00f1adir un men\u00fa m\u00f3vil.<\/p>\n\n\n\n

\"Off-Canvas\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n

Una nueva opci\u00f3n denominada Men\u00fa Fuera de Lienzo <\/strong>ser\u00e1 visible en el men\u00fa lateral. Accede a esta opci\u00f3n para personalizar la configuraci\u00f3n de tu men\u00fa m\u00f3vil.<\/p>\n\n\n\n

\"Off-Canvas\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n

Encontrar\u00e1 algunas opciones en General <\/strong>incluyendo la opci\u00f3n de activar Divisor de art\u00edculos.<\/strong> Esto a\u00f1ade una l\u00ednea entre cada elemento del men\u00fa, separ\u00e1ndolos para que se vean mejor.<\/p>\n\n\n\n

\"Item\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n

Encontrar\u00e1 todas las opciones de color y aspecto en la secci\u00f3n Dise\u00f1o <\/strong>ficha.<\/p>\n\n\n\n

\"Design\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n

Una vez satisfecho, pulse el bot\u00f3n Publique<\/strong> para que los cambios se apliquen en su sitio web.<\/p>\n\n\n\n

\"Publish\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n

Despu\u00e9s de publicarlo, pruebe el men\u00fa m\u00f3vil en diferentes dispositivos para asegurarse de que se muestra correctamente y funciona adecuadamente en dispositivos m\u00f3viles.<\/p>\n\n\n\n

Siguiendo estos pasos, puede crear f\u00e1cilmente un men\u00fa m\u00f3vil en Astra y optimizar su sitio web para usuarios m\u00f3viles.<\/p>\n\n\n\n