Marca y apariencia

Personaliza cómo se ve tu plataforma: su nombre, logos, favicon, colores, tipografías y bordes. Hay dos herramientas: Identidad de marca (nombre y logos) y el Live Customizer (apariencia en vivo).

Identidad de marca

1. Entra a Configuración > Configuración general y abre la tarjeta Branding («Nombre del sitio y logotipo»).

   Captura pendiente: Pantalla Identidad de marca
   img/marca-identidad.png

2. En Configuración global completa el Nombre del sitio, la URL del sitio y el Correo del sitio.
3. En Logos predeterminados sube:
   • Logotipo del sitio, Logotipo del sitio (oscuro) y Logotipo del sitio fijo (sticky).
   • Favicon del sitio: el iconito de la pestaña del navegador.
   • Logo del panel de control, en versión normal y oscura, y versiones colapsadas (cuando el menú lateral está plegado).
   • Opcional: versiones Retina (2x). Si usas SVG no hace falta la versión 2x.

   Captura pendiente: Subida de logos
   img/marca-logos.png

4. Al subir una imagen puedes recortarla o cancelar el recorte y subirla tal cual.
5. Guarda.

Live Customizer (editor de apariencia en vivo)

Te permite ajustar el aspecto del panel viendo los cambios al instante.

Activarlo

1. Entra a Live Customizer en el menú de administración.
2. Activa el interruptor Editor de personalización en vivo y guarda.

   Captura pendiente: Interruptor del editor de personalización en vivo
   img/marca-customizer-activar.png

Qué puedes cambiar

• Colores: primario, secundario y de acento (con su color de texto), fondo, primer plano, bordes y colores de estado activo y al pasar el cursor. Hay un botón de colores aleatorios para inspirarte.
• Degradados: color inicial, intermedio y final.
• Tipografías: fuente del cuerpo y de los títulos, con buscador de fuentes.
• Componentes: bordes redondeados de botones, tarjetas, campos y enlaces; sombra de las tarjetas; radio de los enlaces de la barra lateral.
• Barra lateral (Navbar): colores y la opción de colapsarla.

Guardar, reiniciar y compartir estilos

• Guardar y cerrar el personalizador aplica los cambios.
• Descartar cambios y Restablecer estilos vuelven al aspecto anterior.
• Exportar estilos / Importar estilos copian tu diseño como texto para pasarlo a otra instalación.