Saltar al contenido Saltar a la navegación

Casiopea:Contenido editable del sitio


Esta página es de gestión del equipo de administradores. Describe el contenido editable del skin Stella Nova. Si eres visitante o usuario general, no necesitas editar nada de aquí.

Algunas zonas del sitio — el aviso del tope y el pie de página — se editan como cualquier página wiki, sin tocar el código del skin Stella Nova. Su contenido vive en páginas con el prefijo Stella-Nova: que el skin lee automáticamente. (En la documentación técnica del skin a esto se le llama el "chrome administrable".)

Las páginas editables

Página Qué alimenta Estado
Stella-Nova:Aviso Banner editorial en el tope de las páginas. Descartable por el lector. Vacío (sin banner)
Stella-Nova:Pie Bloque institucional de la columna derecha del pie de página. Con contenido (identidad e[ad])

El resto del pie (última edición, licencia, enlaces, herramientas) y la navegación los emite siempre el skin; no se editan desde aquí.

Quién puede editar

Solo administradores. El chrome es la identidad visible del sitio, así que se mantiene cerrado a ediciones casuales. En producción, el espacio Stella-Nova: queda protegido a nivel de configuración del skin.

Cómo editar

  1. Entra a la página (por ejemplo Stella-Nova:Aviso) y elige Editar.
  2. Escribe wikitexto normal. Para colores y tipografía, usa los tokens del sistema de diseño con var(--sn-*) (ver más abajo).
  3. Guarda. El cambio se refleja en el chrome de todas las páginas.
  4. Previsualiza con ?useskin=stellanova al final de la URL y prueba el resultado en tema claro y oscuro.

Editar con los tokens de Stella Nova

El skin define un sistema de diseño en tokens --sn-*. Usa siempre el token por su nombre, nunca un color o tamaño en crudo: así el chrome se mantiene coherente y voltea solo a modo oscuro. Los valores exactos viven en Stella Nova/Diseño CSS para Casiopea y en el propio skin; aquí van los más útiles para editar chrome, por nombre.

Color (texto y fondos):

  • var(--sn-ink) — tinta principal (negro cálido, no #000).
  • var(--sn-ink-soft) — texto secundario, metadatos, leyendas.
  • var(--sn-paper) — fondo de hoja.
  • var(--sn-nova) — acento carmín de la marca. Úsalo con moderación, para un dato puntual; no para rellenar fondos.
  • var(--sn-hairline) — filetes de 1px.

Escala tipográfica:

  • var(--sn-fs-xs), var(--sn-fs-sm), var(--sn-fs-base), var(--sn-fs-md), var(--sn-fs-lg), var(--sn-fs-xl), var(--sn-fs-display) — de menor a mayor.

Espaciado: var(--sn-s-1) … var(--sn-s-8) (de .25rem a más). El rango de uso común es --sn-s-2 a --sn-s-6.

Tipografías: var(--sn-font-text) (cuerpo e interfaz), var(--sn-font-display) (títulos / editorial), var(--sn-font-mono) (monoespaciada).

Columnas: si un bloque necesita columnas, usa las clases grid grilla cols-2 (o cols-3, cols-auto). Detalle en Stella Nova/Grilla.

Plantillas que puedes usar

Para no escribir HTML a mano, estas páginas pueden apoyarse en plantillas ya existentes. Cada una tiene su propia documentación enlazada:

  • Plantilla:Aviso — caja de aviso con seis variantes (info, nota, aviso, advertencia, error, ok). Es la pieza canónica para el banner de Stella-Nova:Aviso. Para un anuncio editorial en el tope, la variante advertencia (banner ámbar) es la indicada:
{{Aviso|tipo=advertencia|título=Mantención programada|texto=El sábado la wiki estará intermitente entre las 9:00 y las 12:00.}}
  • Plantilla:Botón — botón que envuelve un enlace interno o externo, con variantes de color. Útil para una llamada a la acción en el aviso o un enlace en el pie:
{{Botón|variante=rojo|url=https://www.ead.pucv.cl|texto=Sitio de la Escuela →}}

Para páginas de contenido (no chrome) están además Plantilla:Card (tarjetas de navegación) y Plantilla:Acordeón (secciones plegables): no se usan en el chrome, pero conviene conocerlas. El catálogo completo de plantillas está en Categoría:Plantillas, y el sistema de documentación de cada una usa Plantilla:Documentación de Casiopea.

Reglas de oro

  1. Nunca uses var() con valor de respaldo. El sanitizador de la wiki rechaza var(--sn-ink, #000). Siempre var(--sn-ink) a secas.
  2. No uses colores en crudo (#000, #fff, hex sueltos): se rompen en modo oscuro. Usa tokens.
  3. Refiérete al token por nombre, no por su valor — el valor exacto lo resuelve el skin vigente.
  4. El color no debe ser el único portador de significado (accesibilidad): acompáñalo de texto o ícono.
  5. No edites MediaWiki:Common.css ni MediaWiki:Common.js para ajustar estas zonas; son dominio del equipo de skin (fases 8 y 9 de la migración).
  6. No inventes tokens ni clases nuevas. Si falta algo, escribe a wiki@ead.cl.

Convenciones por página

Stella-Nova:Aviso — solo para anuncios temporales (mantención, eventos, convocatorias). Una o dos frases, breve. Para darle formato de banner usa Plantilla:Aviso con tipo=advertencia. Déjalo vacío para que no aparezca ningún banner — ese es su estado normal. No lo uses para contenido permanente.

Stella-Nova:Pie — mantén el bloque institucional corto y estable. El contenido actual es un buen modelo a seguir: 

<span style='color: var(--sn-nova); font-size: var(--sn-fs-lg)'><nowiki>e[ad]</span><br>
'''Escuela de Arquitectura y Diseño'''<br>
<span style='font-size: var(--sn-fs-xs)'>Pontificia Universidad Católica de Valparaíso</span><br>
1952 - {{CURRENTYEAR}}</nowiki>

Usa tokens sin fallback y 2026 para el año dinámico — replica ese patrón si lo amplías.

Notas

Obtenido de «https://wiki.ead.pucv.cl/index.php?title=Casiopea:Contenido_editable_del_sitio&oldid=1943988»