Aprendiendo SPIP [5]

[05] Analizando un esqueleto

, por dani

Antes de aprender a modificar un esqueleto necesitamos conocerlo, saber que ficheros lo componen y para qué sirve cada uno. Nos centraremos en este artículo, en el contenido a mostrar.

Distinguiremos dos partes en el diseño de la web:

- Aspecto gráfico. Los colores y tipos de letra podemos cambiarlos modificando el código html y los estilos css. Sobre ello existe mucha información en la red y no es algo específico de spip, por lo que nos centraremos en la segunda parte
- Contenido a mostrar. Aprendimos en un capítulo anterior a introducir contenido en nuestra base de datos. Se trata ahora de qué contenido mostrar y dónde mostrarlo. Por ejemplo nos puede interesar mostrar en portada los últimos 5 artículos o los últimos 20. Nos puede interesar mostrar sólo los títulos de los artículos, o bien una introdución, o incluso los artículos completos. Eso y muchas cosas más es lo que hace un esqueleto.

Vamos a modificar a nuestro gusto el esqueleto por defecto de spip. Para ello:
- necesitamos una copia de la carpeta /dist con otro nombre (por ejemplo /mi_esqueleto)
- subimos esa copia (/mi_esqueleto) al servidor
- le decimos a spip que use el nuevo esqueleto mediante $dossier_squelettes = "mi_esqueleto"; (ver capítulo anterior para más información).

De momento no ha cambiado nada, pues el nuevo esqueleto es un copia del esqueleto por defecto.

Analicemos los ficheros que contiene /mi_esqueleto :
Algunas imágenes (*.png), algunos estilos (*.css) y un montón de *.html con nombres como:
sommaire.html, rubrique.html, article.html, etc.

Nuestro primer análisis será sobre el fichero sommaire.html, que es el que controla la portada del sitio.

Pero antes de ello veamos qué controlan algunos de los ficheros.html

Fichero.html   Descripción
sommaire.html Portada del sitio
rubrique.html Páginas de secciones
article.html Páginas de artículos (aparece al hacer clic sobre un artículo)
inc-entete.html Cabecera (aparece en la mayoría de páginas)
inc-pied.html Pié de Página (aparece en la mayoría de páginas)
plan.html Mapa del sitio

Iremos analizando cada uno de estos ficheros, pero hay muchos más (de momento tenemos para empezar a modificar).