Aprendiendo SPIP [5]
[05] Analizando un esqueleto
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).