Resumen
Puede personalizar la apariencia del banner de una app. En este artículo le mostraremos cómo editar todas las opciones disponibles para personalizar su banner.
Acceder a la configuración del banner
Para acceder a las opciones de apariencia del banner de su app, siga los siguientes pasos:
Haga clic en el botón Configuración y seleccione la opción Apariencia.
Haga clic en el botón Editar ubicado junto a la etiqueta Banner.
Esto abrirá todas las opciones de configuración disponibles para personalizar su banner.
General
En la pestaña General puede encontrar las siguientes configuraciones de apariencia.
Textos
En esta opción puede configurar la ubicación y visibilidad del título y subtítulo de la página.
Para cambiar la visibilidad del título, active/desactive la opción Mostrar título.
Para cambiar la visibilidad del subtítulo, active/desactive la opción Mostrar subtítulo.
Cuando la casilla Ubicar en la parte superior está activa, el subtítulo se muestra encima del título. Si no está activa, el título se muestra encima del subtítulo.
Botones
Puede habilitar o deshabilitar botones del encabezado para mostrar las acciones del usuario.
Para hacer esto, active la opción Mostrar debajo de la etiqueta Botones. Una vez activada, puede cambiar el tema del botón seleccionando las opciones principal o secundaria.
Alineación de texto
Puede ajustar la alineación del texto del banner. Para hacerlo, bajo la etiqueta Alineación de texto, seleccione su opción preferida:
•Alinear a la izquierda
•Centrado
•Alinear a la derecha
Altura del banner
Puede ajustar la altura del banner modificando el control deslizante debajo de la etiqueta Altura. El tamaño del banner, en píxeles, se muestra a la derecha del control.
Fondo
En la pestaña Fondo encontrará las siguientes configuraciones de apariencia.
Aplicar fondo
Puede aplicar un fondo al banner. Para hacerlo, active el interruptor Aplicar fondo.
Una vez activado, podrá seleccionar entre un color o una imagen como fondo del banner.
Usar un color como fondo
Para aplicar un color de fondo al banner de su app, siga estos pasos:
Bajo la etiqueta Color y opacidad del fondo, puede seleccionar el color y la opacidad. Para elegir un color, haga clic en el rectángulo que aparece debajo de la etiqueta.
Seleccione un color desde el Selector de color.
Ajustar opacidad del color
Puede ajustar la opacidad del color seleccionado usando el control deslizante junto al rectángulo. El porcentaje de opacidad se muestra a la derecha del control.
Usar una imagen como fondo
Para añadir una imagen como fondo del banner de su app, siga estos pasos:
En la pestaña Apariencia, active la opción Mostrar imagen.
Una vez activada, Bizagi aplica una imagen predeterminada al banner. Puede reemplazar esta imagen por una de las opciones predefinidas de Bizagi o usar una imagen personalizada.
Usar una imagen predefinida
Para usar una de las imágenes disponibles de Bizagi, seleccione una de las opciones bajo la opción Reemplazar imagen.
Usar una imagen personalizada
Al usar una imagen personalizada, usted puede elegir entre una imagen almacenada localmente desde su dispositivo o una imagen que esté subida a internet como el fondo para su banner.
Para usar una imagen local almacenada en su dispositivo, haga clic en la etiqueta Reemplazar imagen.
Tenga en cuenta que el tamaño recomendado de la imagen es 1640px x 859px.
Seleccione la imagen desde su dispositivo y haga clic en el botón Abrir.
Para usar una imagen alojada en internet, siga estos pasos:
Active la opción Usar URL como ruta de la imagen.
Al activar esta opción, aparecerá el cuadro de texto Escriba la URL de la imagen. Pegue ahí la URL de la imagen que desea utilizar. La URL debe llevar a una imagen cargada y accesible en internet.
Personalizar imagen de fondo
Después de definir la imagen de fondo, usted puede modificar varios aspectos visuales del banner.
Espacio del banner
Puede modificar el espacio que ocupa la imagen de fondo del banner. Puede elegir entre:
•Fluido: hace que el fondo llene todo el banner.
•Contenedor: limita el fondo a un área centrada dentro del banner, dejando los lados sin fondo.
Ajuste
Puede modificar cómo se adapta la imagen de fondo:
•Tamaño original: escala la imagen a su tamaño original.
•Escalar para llenar: ajusta la imagen para llenar el espacio del banner.
•Mosaico: divide el fondo en varias partes (mosaicos), cada una con la imagen.
Tamaño y opacidad de la imagen
Puede ajustar el tamaño de la imagen de fondo con el control deslizante bajo la etiqueta Tamaño de la imagen. Esto solo modifica el tamaño de la imagen, no del banner.
También puede ajustar la opacidad de la imagen con el control bajo la etiqueta Opacidad de la imagen. El porcentaje se muestra a la derecha del control.
Fuentes
En la pestaña Fuentes puede definir la fuente y tamaño del título, subtítulo y botones. Cada uno es independiente. La fuente predeterminada para el subtítulo es Poppins Regular.
Colores
En la pestaña Color puede definir el color del título, subtítulo, botones, fondo, efecto hover y bordes, de forma individual.
Finalizar configuración
Una vez que haya configurado la apariencia del banner de su app, haga clic en el botón Aplicar ubicado en la parte inferior derecha de la pantalla.
Se abrirá una ventana de confirmación. Seleccione una de las siguientes opciones:
•Sobrescribir todo: aplica los nuevos estilos a todos los controles.
•Conservar estilos personalizados: actualiza solo los controles sin estilos personalizados.
Una vez seleccionada la opción, haga clic en Aplicar.
Last Updated 5/3/2025 10:42:54 PM