qlip Business proporciona capacidades avanzadas de creación de temas para personalizar la apariencia de su sitio web y hacer que coincida con su marca.
Inicio > Sitio web > Configuración > Tema del sitio web
1. Cómo crear un tema de sitio web
- Vaya a la lista Tema del sitio web y haga clic en Nuevo.
- Introduzca un Nombre de tema.
- Personaliza tu tema.
- Haga clic en Guardar.
Nota: asegúrese de configurar el tema del sitio web en la configuración del sitio web para que se aplique el tema.
2. Características
2.1 Configuración del tema
La sección "Configuración del tema" está ahí para iniciar un tema básico. Aquí puede elegir su combinación de colores, fuente y estilos de botones.
2.2 Hoja de estilo
Si conoce la temática de SCSS y Bootstrap 4 , puede escribir manualmente SCSS personalizado.
En el campo "Anulaciones personalizadas" puede sobrescribir las variables definidas por el archivo de tema de cualquier aplicación. El contenido de este campo se incluirá antes de importar cualquier otro SCSS. Por ejemplo, la variable $spacerse establece en 1remde forma predeterminada. Simplemente redefínalo para $spacer: 2rem;que todos los espacios sean el doble de grandes.
En el campo "SCSS personalizado" puede agregar sus propios estilos. Esto se incluirá después de importar los temas de la aplicación. También puede anular cualquier estilo específico. Por ejemplo, si no le gustan nuestros botones, simplemente incluya lo siguiente:
.btn-primary {
background-color: $teal;
color: $orange;
}
2.3 Archivos de temas incluidos
Si observa el tema predeterminado generado por el cuadro de diálogo de configuración, importa framework/public/scss/websitey qlip/public/scss/website. Estos son los archivos de tema predeterminados para una frappe aplicación qlip BUSINESS. Si tiene otras aplicaciones instaladas, también pueden proporcionar su propio website.scssarchivo.
La sección "Archivos de temas incluidos" enumera todas las aplicaciones instaladas. Cada aplicación puede traer su propio archivo de tema ( [app]/public/scss/website.scss). Un tema puede ser completo, proporcionando estilos para todo el sitio web, o simplemente como un complemento. Por ejemplo, podría diseñar solo los elementos que introduce. Al marcar las casillas, puede elegir qué tema debe incluirse en su sitio web.
2.4 JS personalizado
También puede escribir JavaScript personalizado que se ejecutará cuando se aplique su tema. Úselo para agregar/eliminar clases de elementos, o cualquier script que lo ayude a cambiar la apariencia de sus elementos.