Cómo funcionan la pantalla de inicio y el menú lateral ( Navegación de aplicaciones)
Este artículo proporcionará detalles sobre la parte de navegación de aplicaciones de una aplicación móvil Gallus Golf, que incluye configuración tanto para la pantalla de inicio como para el menú lateral.
¿Qué es el punto?
La pantalla de inicio y el menú lateral son las dos páginas más vistas de la aplicación móvil A Gallus Golf, ya que los usuarios primero deben navegar hacia ellas antes de ver cualquier otra página. Es vital garantizar que todas las principales funcionalidades de la aplicación sean rápidamente accesibles con el espíritu de proporcionar una experiencia de usuario de primera clase. Siga las instrucciones de este artículo para configurar su pantalla de inicio y menú lateral para tener éxito.
Vídeo de tutorial
Edición de la pantalla de inicio y menú lateral
Paso 1: Creación de un botón
- Iniciar sesión ensu panel de administración de Gallus.
- En laPágina de inicio rápido, haga clic enConfiguración de la aplicación.
- En la parte superior izquierda de la página siguiente, haga clic en el verde+ + + +, , ,
- Elige entre el siguiente:
- Enlace a una página de aplicación
- Dirige al usuario a una página predefinida en la aplicación.
- Enlace a una URL
- Dirige al usuario a una página web alojada en un navegador dentro de la aplicación.
- Página personalizada
- Dirige al usuario a un segundo nivel de opciones antes de dirigirlo a una página.
- Esta opción se describe en detalle en la siguiente sección.
¿Qué es una carpeta?
Carpetas (anteriormentePáginas personalizadas) son un segundo nivel de opciones para presentar a un usuario, que los dirigirá a un destino final dentro de la aplicación. Para agregar una, siga las instrucciones de la sección anterior y continúe a lo siguiente:
- Añadir unEtiqueta de botóny haga clicGuardar.
- En la página siguiente, haga clic en el verde+ + + +debajo del título de página personalizada para agregar su primer elemento.
- Aparecerá un cuadro con los mismos elementos descritos en la sección anterior. Para este ejemplo, agregaremos una URL web. Inserte lo siguiente:
- Imagen
- Etiqueta de botón
- Descripción
- Url
- Una vez satisfecho, haga clic enGuardaren la parte inferior de la lista.
- Aparece una vista previa a la derecha. Repita los pasos 1-4 en esta lista según sea necesario.
Paso 2: Agregar botones a la pantalla de inicio y menú lateral
Ahora que se ha creado el botón, es hora de agregarlo a la pantalla de inicio y el menú lateral. Siga estos pasos para hacerlo:
- Encuentra el botón en la lista en el lado izquierdo de la página.
- Haga clic en el menú lateral y/o los iconos de pantalla de inicio para agregarlos en las vistas previas a la derecha.
- ¡HECHO! Pasa al siguiente y final paso.
Paso 3: Cambiar el orden de los botones
- Encuentra el botón en la vista previa en el lado derecho de la pantalla.
- Haga clic y mantenga presionado antes de arrastrar y soltar a la posición correcta.
- ¡Hecho!
Ocultar un botón
- Iniciar sesión ensu panel de administración de Gallus.
- En la página siguiente,sobre el productoen la vista previa de la derecha (pantalla de inicio o menú lateral) y haga clic en el icono de papelera que aparece.
- ¡HECHO! Este artículo permanecerá en la lista de la izquierda y se puede volver a habilitar en cualquier momento recuperando los iconos del menú lateral y/o Pantalla de inicio dentro de su cuadrado.
Eliminar un botón
Aparte de usar el proceso anterior para ocultar un botón de la vista, es posible que los administradores deseen eliminar por completo un botón creado. Siga estos pasos para hacerlo:
- Iniciar sesión ensu panel de administración de Gallus.
- En laPágina de inicio rápido, haga clic enConfiguración de la aplicación.
- En la página siguiente, coloca el cursor sobre el elemento del lado izquierdo de la pantalla y haga clic en el icono del lápiz que aparece.
- Iâ€TMm
- Aparece un modal: haga clicEliminaren la parte inferior izquierda y confirme eliminar completamente el elemento del panel.
Diseños de pantalla de inicio
Al diseñar la pantalla de inicio de su aplicación, primero debe decidir entre dos diseños. Son las siguientes:
Opción 1: Imagen de fondo
La opción número uno es una imagen de fondo, que se parece a la foto en la parte superior de este artículo. Consta de una imagen de fondo y botones que tienen un fondo gris.
Subir una nueva imagen de fondo
- Iniciar sesión ensu panel de administración de Gallus.
- Navegar hasta elPágina del temahaciendo clicConfiguración básica(lado izquierdo de la página) Tema.
- Siguiente al fondo de imagen haga clicElegir archivo, luego selecciona tu imagen.
- Haga clic en Haz clicActualización. (La vista previa a la derecha y en la parte inferior de la página debe cambiar automáticamente).
- Si estás satisfecho con la vista previa, envía un correo electrónico asupport@gallusgolf.comindicando el nombre de tu aplicación y que te gustaría actualizar la imagen de fondo.
El equipo de Gallus Golf debe enviar una actualización para un cambio de imagen de fondo. Asegúrese de notificarnos para que podamos iniciar el proceso de aprobación de 4-7 días.
Actualización del diseño de los azulejos a la imagen de fondo
- Iniciar sesión ensu panel de administración de Gallus.
- Navegar hasta elPágina del temahaciendo clicConfiguración básica(lado izquierdo de la página) Tema.
- Desplázate hasta la parte inferior de la página y haga clic enImagen de fondo, entoncesActualización.
Este cambio tendrá lugar inmediatamente en su aplicación (no es necesario presentar la actualización formal).
Opción 2: Azulejos
La opción número dos es el diseño de azulejos, que tiene una foto de fondo para cada botón de pantalla de inicio y un fondo blanco para el resto de la página.
Subir imágenes de fondo para botones
- Iniciar sesión ensu panel de administración de Gallus.
- Haga clic en el azulejo marcadoPantalla de inicio.
- Selecciona el botón que quieres editar.
- En la página siguiente, haga clic enCambiar imagen.
- Seleccione una imagen en el menú que aparece o haga clic enO bien, sube tu propia imagen, luego seleccione una foto de su computadora.
- Haga clic en Haz clicGuardar.
Este proceso cambiará la imagen solo para el botón que seleccionó en el paso 3. Este cambio NO requiere que se presente una actualización.
Actualización del diseño de la imagen de fondo a azulejos
- Iniciar sesión ensu panel de administración de Gallus.
- Navegar hasta elPágina del temahaciendo clicConfiguración básica(lado izquierdo de la página) Tema.
- Desplázate hasta la parte inferior de la página y haga clic enAzulejos, entoncesActualización.
Este cambio tendrá lugar inmediatamente en su aplicación (no es necesario presentar la actualización formal).
Related Articles
Cómo funcionan las páginas
¿Qué es el punto? Gallus busca proporcionar una mejor experiencia de su clase para usuarios finales con aplicaciones integradas, nativas y visualmente visuales. Para lograr esto, los administradores de aplicaciones necesitan una manera de configurar ...Cómo funcionan las noticias destacadas
¿Qué es el punto? Las instalaciones a menudo necesitan comunicar información vital sobre los próximos eventos o cambios en el procedimiento. Noticias destacadas proporciona una ubicación para que los administradores de aplicaciones Gallus elaboren ...Cómo funciona la incorporación de la aplicación
¿Qué es el punto? Cada marca tiene una identidad, por lo que es vital que los colores y logotipos permanezcan consistentes en todas las plataformas. Los administradores de aplicaciones Gallus tienen la capacidad de entrar en suPanel de control de ...Cómo funciona el menú de vista única
Este artículo describirá el proceso de agregar un menú de solo vista a su aplicación móvil Gallus Golf. Antes de comenzar Asegúrese de tener una comprensión básica de las tres opciones para un menú de alimentos y bebidas leyendo nuestroCómo funciona ...Cómo funcionan las opciones de reserva
Vídeo de tutorial †Actualización de las opciones de reserva En el lado izquierdo de la pantalla, haz clic enConfiguración básica-->Opciones de reserva. En la página siguiente, haga clic enAñadir opción de reserva. Seleccione ...