Apariencia y marca
Logotipo, favicon, colores, modo oscuro, fondos y controles detallados de las tarjetas y la página de visualización.
La pantalla de Apariencia en /admin/appearance es tu centro de control sin código. Todo aquí rediseña el tema activo — logos, colores, modo oscuro, diseño y los detalles en las tarjetas de video y páginas de reproducción — sin tocar un solo archivo. Los cambios se guardan como ajustes y el tema los lee en el momento de renderizar, por lo que puedes experimentar libremente y revertir cualquier cosa.
La pantalla está dividida en sub-pestañas en la parte superior. Esta página recorre cada grupo. Si prefieres cambiar el marcado en sí, ese es el trabajo de los temas; los valores siguientes se exponen al código de plantilla como variables con prefijo $_, documentadas en su totalidad en la referencia de la API del tema.
Identidad de marca
Abre Apariencia → Identidad de marca para configurar tu identidad. Puedes subir un logo separado para los temas claro y oscuro — deja ambos vacíos para mostrar el nombre de tu sitio como texto plano, y el logo oscuro usa como alternativa una versión invertida del claro si solo proporcionas este último. Un favicon (cuadrado, de al menos 32×32px) se muestra en la pestaña del navegador.
Todos los archivos de identidad de marca se almacenan en /uploads/branding/. También se admite una imagen de fondo del sitio, con un modo de visualización de cover, contain o repeat; tu tema los lee como $_siteBackground y $_siteBackgroundMode. También puedes ajustar la altura del logo para escritorio (predeterminado 36px) y móvil (predeterminado 28px) con una vista previa en tiempo real.
Colores y modo oscuro
En Apariencia → Colores se configuran dos paletas — una para el tema Claro y otra para el tema Oscuro — mediante un selector de color con opacidad opcional. Cada modificación se compila en propiedades personalizadas de CSS y se inyecta como el bloque $_colorOverrides <style>, de modo que unos pocos valores se aplican en cascada a todo el tema. Cada paleta expone los mismos ocho roles:
La misma pantalla contiene los controles de modo oscuro. Un interruptor de usuario principal decide si los visitantes obtienen un selector claro/oscuro en la cabecera, y un Predeterminado de Claro o Oscuro establece lo que ven primero. Si desactivas el interruptor de usuario, el sitio siempre usa tu predeterminado elegido y la paleta no utilizada aparece en gris.
Diseño
Apariencia → Diseño controla el tamaño de las cuadrículas. La opción principal es videos por fila — elige 4, 5 o 6 (predeterminado 5), expuesto a las plantillas como $_videosPerRow. Las secciones con pestañas también permiten configurar el recuento por página y el orden predeterminado para videos, categorías, actores y canales, y un bloque de Dimensiones del sitio establece el ancho máximo general (predeterminado 1800px) y el relleno de página.
Opciones de tarjeta de video
En Apariencia → Tarjetas de video ajustas con precisión cada miniatura en un listado, con una vista previa en tiempo real fija que se actualiza al cambiar cada control.
| Opción | Variable | Qué hace |
|---|---|---|
| Mostrar distintivo de duración | $_cardShowDuration | El indicador de duración en la parte inferior derecha de la miniatura. |
| Mostrar título | $_cardShowTitle | El título del video bajo la miniatura. |
| Líneas de título | $_cardTitleLines | Limitar el título a 1 o 2 líneas. |
| Meta izquierda / derecha | $_cardMetaLeft / $_cardMetaRight | Elige qué se muestra en cada lado: views, likes, time (hace tiempo) o none. |
| Espacio de cuadrícula | $_cardGridGap | Espacio entre tarjetas, 0–30px. |
| Radio de borde | $_cardBorderRadius | Redondeo de esquinas, 0–24px. |
| Zoom al pasar el cursor | $_cardThumbnailHover | Ampliar la miniatura al pasar el cursor. |
Estas opciones respetan los ajustes de la página de reproducción indicados a continuación. Si ocultas la duración o un valor de meta en la página de reproducción, la opción de tarjeta correspondiente se deshabilita automáticamente para que ambas permanezcan coherentes.
Opciones de página de reproducción
La sub-pestaña de Página de reproducción decide qué aparece alrededor del reproductor. Cada elemento es un interruptor independiente; las secciones sin datos se ocultan de todos modos.
- Información del video — Vistas, Duración, Fecha de publicación, Me gusta / No me gusta y el botón Favorito.
- Detalles del video — Actores, Canales, Categorías y Etiquetas.
- Comentarios — activa o desactiva el hilo de comentarios en todo el sitio (
$_commentsEnabled). Consulta comentarios.
La misma pantalla también configura el reproductor (calidad predeterminada, velocidad de reproducción, botón de descarga, bucle y pantalla completa con doble clic) y el número de videos relacionados en la barra lateral. Estos se corresponden con las variables $_watchShow* en la API del tema.
Navegación y búsqueda
La sub-pestaña Menú construye la navegación de tu cabecera. Activa o desactiva la barra de búsqueda ($_menuSearch), luego ensambla el menú a partir de destinos integrados o tus propios enlaces personalizados. Cada elemento ($_menuItems) lleva un label, url, un indicador enabled y una lista opcional de templates para que un enlace aparezca solo en ciertos tipos de página. Cuando publicas más de un idioma, un selector de idioma aparece automáticamente.
Para las páginas estáticas que alimentan tu menú y pie de página, consulta páginas y menús.
Próximos pasos
¿Todavía con dudas?
Abre un ticket desde tu panel y nuestro equipo te ayudará.