Diferencia entre revisiones de «Discusión:Portada/nueva portada»

De Alt64-wiki
Ir a la navegación Ir a la búsqueda
(Se vacía y se traslada a la página principal de discusión de la portada. Esta subpágina era para colgar el diseño y no sobrecargar la página de discusión. Discutiendo CSS eso no tiene sentido, pues no se previsualiza aquí.)
Etiqueta: Vaciado
 
Línea 1: Línea 1:
== Adaptar la portada original a CSS: ==


A raíz de la instalación de un certificado SSL hubo que actualizar las hojas de estilo CSS y, de paso, el software de la wiki a MediaWiki 1.34. Esto abría las posibilidades de emplear hojas de estilo distintas para visualizaciones en escritorio y móvil.
Se reorganizó la portada, su contenido se troceó en plantillas (cabecera, contenido, enlaces, pie de página...) para ordenarlas y mostrarlas de forma distinta en escritorio y móviles.
La primera versión es una imitación de la portada de escritorio en CSS con cajas en vez del código de tabla empleado y una versión simplificada para móviles que hay que mejorar.
Las plantillas empleadas dan formato a su contenido con tablas a las que se asocia un id y una clase. Las plantillas y los id y clases de las tablas que contienen son las siguientes:
{| width="100%" border="1"
|-
! style="background:#efefef" | Plantilla:
! style="background:#efefef" | ID de su(s) tabla(s):
! style="background:#efefef" | Clase de su(s) tabla(s):
|-
| align="center" | [[Plantilla:PortadaPlantillaCabecera]]
| align="center" | PortadaTablaCabecera
| align="center" rowspan="2" | PortadaTablaCabeceraYPieDePagina
|-
| align="center" | [[Plantilla:PortadaPlantillaPieDePagina]]
| align="center" | PortadaTablaPieDePagina
|-
| align="center" | [[Plantilla:PortadaPlantillaContenido]]
| align="center" |
'''Esta plantilla contiene varias tablas, cada una con su id:''' <BR>
PortadaTablaPresentacion <BR>
PortadaTablaCienciaFiccion <BR>
PortadaTablaArticuloDestacado <BR>
PortadaTablaEfemerides <BR>
PortadaTablaSabiasQue
| align="center" | PortadaTablaDeContenido
|-
| align="center" |
[[Plantilla:PortadaPlantillaTiraTituloSeccion]] <BR>
'''Esta plantilla está dentro de cada una de las tablas que componen la plantilla de contenido'''.
| align="center" | PortadaTablaTiraTituloSeccion
| align="center" | PortadaTablaTiraTituloSeccion
|-
| align="center" | [[Plantilla:PortadaPlantillaEnlacesEntrarCategorias]]
| align="center" | PortadaTablaEnlacesEntrarCategorias
| align="center" rowspan="6" | PortadaTablaDeEnlaces
|-
| align="center" | [[Plantilla:PortadaPlantillaEnlacesCategoriasPrincipales]]
| align="center" | PortadaTablaEnlacesCategoriasPrincipales
|-
| align="center" | [[Plantilla:PortadaPlantillaEnlacesOtrasCategorias]]
| align="center" | PortadaTablaEnlacesOtrasCategorias
|-
| align="center" | [[Plantilla:PortadaPlantillaEnlacesAcercaDelSitio]]
| align="center" | PortadaTablaEnlacesAcercaDelSitio
|-
| align="center" | [[Plantilla:PortadaPlantillaEnlacesPaginasEspeciales]]
| align="center" | PortadaTablaEnlacesPaginasEspeciales
|-
| align="center" | [[Plantilla:PortadaPlantillaEnlacesPie]]
| align="center" | PortadaTablaEnlacesPie
|}
Los estilos de cada uno de esos elementos se definen en las hojas de estilo CSS:
* [[MediaWiki:Common.css]] para la presentación en escritorio.
* [[MediaWiki:Mobile.css]] para la presentación en escritorio.
--[[Usuario:Vendetta|Vendetta]] ([[Usuario discusión:Vendetta|discusión]]) 10:11 13 jul 2025 (UTC)
A partir de lo anterior, se hacen algunos cambios (idealmente, mejoras).
* Se elimina la caja de enlaces a la derecha por ser redundante con [[MediaWiki:Sidebar]]. En su momento se decidió que fuera así por algún motivo, pero * Sin la caja de enlaces, una caja de contenido a todo lo ancho de la página genera líneas muy largas y difíciles de leer, se agrupa el contenido en doble columna.
* Para compensar columnas, la plantilla de pie de página ahora es pie de la columna derecha.
* Se divide la plantilla de Contenido en varias plantillas, una por cada uno de los bloques de información.
Todo lo anterior es para la vista de escritorio. La vista en móvil se compone de los cinco bloques de información en una única columna.
El conjunto de plantillas que componen la portada son:
{| width="100%" border="1"
|-
! style="background:#efefef" | Plantilla:
! style="background:#efefef" | ID de su tabla:
! style="background:#efefef" | Clase de su(s) tabla(s):
|-
| align="center" | [[Plantilla:PortadaPlantillaCabecera]]
| align="center" | PortadaTablaCabecera
| align="center" rowspan="2" | PortadaTablaCabeceraYPieDePagina
|-
| align="center" | [[Plantilla:PortadaPlantillaPieDePagina]]
| align="center" | PortadaTablaPieDePagina
|-
| align="center" | [[Plantilla:PortadaPlantillaPresentacion]]
| align="center" | PortadaTablaPresentacion
| align="center" rowspan="5" | PortadaTablaDeContenido
|-
| align="center" | [[Plantilla:PortadaPlantillaCienciaFiccion]]
| align="center" | PortadaTablaCienciaFiccion
|-
| align="center" | [[Plantilla:PortadaPlantillaArticuloDestacado]]
| align="center" | PortadaTablaCienciaFiccion
|-
| align="center" | [[Plantilla:PortadaPlantillaEfemerides]]
| align="center" | PortadaTablaEfemerides
|-
| align="center" | [[Plantilla:PortadaPlantillaSabiasQue]]
| align="center" | PortadaTablaSabiasQue
|-
| align="center" |
[[Plantilla:PortadaPlantillaTiraTituloSeccion]] <BR>
'''Esta plantilla está dentro de cada una de las tablas que componen las plantillas de contenido'''.
| align="center" | PortadaTablaTiraTituloSeccion
| align="center" | PortadaTablaTiraTituloSeccion
|}
Los estilos de cada uno de esos elementos se definen en las hojas de estilo CSS:
* [[MediaWiki:Common.css]] para la presentación en escritorio.
* [[MediaWiki:Mobile.css]] para la presentación en escritorio.
--[[Usuario:Vendetta|Vendetta]] ([[Usuario discusión:Vendetta|discusión]]) 19:59 14 jul 2025 (UTC)

Revisión actual - 07:30 15 jul 2025