Galería de diseño
Breve descripción general
Crea fácilmente ShoutOuts para diferentes escenarios y actualiza el diseño de tus globos de WalkMe en minutos. La Galería de diseño te permite seleccionar plantillas pre-diseñadas para tus globos y ShoutOuts:
La Galería de diseño te permite realizar ediciones rápidas y fáciles en las plantillas de globos y ShoutOut. Las plantillas de Design Gallery se aplican desde dentro de un ShoutOut o globo, y se pueden editar desde el menú de interacción de una aplicación. Las plantillas también se pueden personalizar utilizando el Editor de texto enriquecido y guardarse para su uso futuro.
Cómo funciona
Aplica una plantilla haciendo clic en el enlace Cambiar plantilla en la pestaña Interacción de los globos y ShoutOuts. Al hacer clic en el enlace, se abrirá la Galería de plantillas disponibles.
Seleccionar una plantilla te permitirá reutilizar fácilmente diseños personalizados. La pestaña Interacción muestra una vista previa de la plantilla seleccionada:
Después de seleccionar una plantilla, el diseño se aplicará al elemento relacionado. Entre bastidores, el CSS y el BBcode personalizados de la plantilla se añaden al elemento en el Editor de texto enriquecido.
CSS
Cada globo y ShoutOut tiene una consola CSS personalizada local. Esto te permite aplicar una plantilla personalizada sin utilizar el ID del elemento ni introducir CSS en la consola global de CSS.
Una vez que se selecciona una plantilla, el CSS local será visible en la consola CSS personalizada. Editar el CSS local (dentro de un globo o ShoutOut) también actualizará el CSS global.
Precedencia de CSS
Las reglas de CSS tienen diferentes niveles de prioridad dependiendo de dónde se establezcan:
- Cualquier CSS aplicado a nivel local utilizando el Editor de texto enriquecido anulará cualquier otro diseño.
- El CSS aplicado en la pestaña Globo del menú Personalizar se anulará si hay conflictos con CSS a nivel local.
- Finalmente, el diseño aplicado a través de la consola global de CSS se aplicará en último lugar.
Puedes copiar diseños entre sistemas. Para ello:
- Copia el diseño CSS de un sistema.
- Pasa al otro sistema.
- Abre la consola CSS del nuevo globo.
- Pega el CSS copiado en la consola y guárdalo como un nuevo diseño.
BBCode
Algunas plantillas utilizan BBCode además de CSS personalizado para diseñar un globo o ShoutOut. El BBCode aplicado por una plantilla anula cualquier BBCode y texto en el globo antes de que se aplicara la plantilla. El BBCode aplicado por una plantilla no se puede revertir utilizando el botón Restablecer. Editar una plantilla con BBCode solo se puede hacer a nivel local.