Manual: Estilos

Con los estilos, puedes controlar la apariencia completa de tu instalación de WoltLab Suite. Un estilo consta de colores, imágenes, configuraciones tipográficas, plantillas y declaraciones CSS individuales opcionales.

WoltLab Suite se entrega con un estilo predeterminado llamado WoltLab Suite Core. Puedes cambiar este estilo como desees, pero también puedes crear un estilo completamente nuevo. Si lo deseas, puedes utilizar varios estilos en tu instalación y dejar que tus usuarios elijan el estilo que desean utilizar.

Importar estilos

Los estilos para WoltLab Suite se pueden exportar como un único archivo. Este archivo de estilo se puede importar a otra instalación o se puede entregar a otras personas. En la tienda oficial de complementos se puede encontrar una gran cantidad de estilos listos para usar, tanto gratuitos como de pago.

Para importar un archivo de estilo, vete al panel de administración Personalización → Estilos → Estilos y haz clic en el botón Importar estilo. Luego, puedes subir el archivo de estilo desde tu computadora.

Administrar estilos

La gestión de estilos se puede encontrar en el panel de administración en Personalización → Estilos → Estilos .

Establecer estilo predeterminado

Si tiene varios estilos instalados, puede hacer que uno de ellos sea el predeterminado haciendo clic en el ícono que se muestra:

Cambiar logotipo

Al editar un estilo, encontrará la configuración del logotipo en Configuración global → Logotipo de la página . Puede cargar el logotipo que desee directamente desde su computadora. También puede definir un logotipo independiente para mostrarlo en dispositivos móviles como teléfonos inteligentes.

Cambiar fuente

Al editar un estilo, encontrará la configuración de la fuente en Configuración global → Tipo de letra . Tiene la posibilidad de definir el tamaño y el estilo de la fuente.

Cambiar colores

La paleta de colores se encuentra en la pestaña Paleta de colores al editar un estilo. Aquí tienes la posibilidad de ajustar todos los colores y obtener una vista previa directa de los cambios al mismo tiempo.

En primer lugar, seleccione el área específica que desea personalizar. Para ello, haga clic en el botón Selección directa de categoría en el lado derecho. A continuación, haga clic en la vista previa en el área que desea personalizar. En el lado derecho, se enumeran todos los colores que se pueden personalizar para el área respectiva. Haga clic en uno de los cuadrados de colores para ajustar el valor del color.