Diseña, guarda y reutiliza una sección.
Construye una sección con cuidado y úsala de nuevo en cada página que la necesita. Das estilo a un recuadro de jornada de puertas abiertas con espaciado, fuente mayor, colores de marca y esquinas redondeadas. Luego guardas la página, conservas la sección como plantilla y la insertas de nuevo. Cada paso de estilo tiene su propia guía cuando quieres más detalle.
El vídeo da estilo al recuadro, lo guarda como plantilla y lo inserta una segunda vez.
Antes de empezar
- Puedes editar una página con DXPR Builder, y tiene una sección donde trabajar. Consulta Crea tu primera página.
Configuración
- Haz clic en + dentro de la sección, abre la pestaña Content del selector de elementos y elige Text. Su diálogo de ajustes se abre.
- Escribe tu anuncio y pon su primera línea en Heading 2.
- Abre el panel Style del mismo diálogo y pon arriba y abajo de Padding a 40 píxeles en el modelo de caja.
- Pon Font size en 20.
- Elige un Font color blanco y un Background azul marino.
- Pon Border radius en 12 y haz clic en Save.
- Haz clic en Save en la barra de herramientas de DXPR Builder.
- Señala el recuadro y haz clic en More en la barra de controles exterior, la de toda la sección, y elige Save as template, escribe un Template name, marca Global template y haz clic en Save.
- Haz clic en + en la barra de herramientas de DXPR Builder, abre la pestaña Saved templates y haz clic en tu plantilla.
- Haz clic en Save en la barra de herramientas de DXPR Builder.
Lo que ves
El recuadro es un bloque azul marino con texto blanco más grande, aire arriba y abajo, y esquinas redondeadas. Tras el paso 9 una segunda copia queda en la página. La copia es independiente: cambia su texto y el primer recuadro queda como estaba. Tu plantilla ahora espera en la pestaña Saved templates en cada página. Con Global template marcado, otras personas que editan también la ven.
Cada paso de estilo tiene su propia guía:
- Espaciado: relleno y márgenes en el modelo de caja.
- Cambia el tamaño y el color del texto: tamaño y color de fuente.
- Usa los colores de tu marca: colores que coinciden con tu marca.
- Bordes y sombras: radio de borde, estilo de borde y sombra.
- Backgrounds: colores, imágenes y efectos tras un elemento.
- Filas y columnas y Haz que tu diseño funcione en teléfonos: diseños y tamaños de pantalla.
- Plantillas de usuario y Pestaña de plantillas guardadas: guardar y reutilizar secciones.
Si no ves tu plantilla
- La plantilla no está en la pestaña Saved templates. El guardado no terminó, o estás en otro sitio. Guarda la sección de nuevo desde su menú More y busca el nombre de la plantilla en Search.
- El menú More guardó toda la página en lugar de la sección. Usaste More en la barra de herramientas de DXPR Builder. Usa More en la barra de controles propia de la sección, la exterior.
- El texto no creció ni se volvió blanco. Cambiaste los ajustes de otro elemento. Abre los Settings del elemento Text mismo y comprueba Font size y Font color en su panel Style.
¿Qué sigue?
- Plantillas de usuario: gestiona, comparte y borra tus plantillas.
- Guías de diseño: color, botones, tarjetas y diseños de ancho completo.