Vous êtes ici : Accueil > RESSOURCES > Outils numériques collaboratifs > La construction de squelettes pour SPIP
Publié : 25 avril 2005

La construction de squelettes pour SPIP

- Installer SPIP et le configurer

  • Créer au moins deux rubriques et deux articles par rubriques pour avoir du contenu pour les essais, assurez-vous de mettre du contenu dans chacune des cases de l’article

- Quelques nouveautés de la version 1.8.1

- Qu’est-ce qu’un squelette ?

- Quels sont les fichiers que l’on doit créer ou modifier ?

  • Des couples inséparables .php3 / .html
  • sommaire.html
  • rubrique.html
  • article.html
  • breve.html
  • recherche.html

- Où doit-on mettre les fichiers du squelette (pas dans le placard) ?

- Un premier tutoriel

- La notion de boucle plus en détails

  • la syntaxe des boucles (voir le document synthèse de M. Barboteu, point 2)
    • boucle simple
    • boucle imbriquée
    • boucle récursive
  • balises (débutes par un # et sont en majuscules)
  • filtres (entre accolades, séparés par des | si nécessaire)
  • Importance et usage des parenthèses et des crochets
  • Une liste de variables (par exemple id_rubrique !==^(8|23)$ n’affichera pas les rubriques 8 et 23)

- Un exemple à faire ensemble : afficher tous les éléments d’un article (sans se soucier de la mise en page pour le moment), tout un défi !

  • Le logo de l’article
  • Sur-titre
  • Titre (en majuscules)
  • sous-titre
  • date
  • auteurs
  • chapeau
  • texte
  • note de bas de page
  • PS
  • documents joints
  • forum de l’article (assez complexe !)

- Deuxième exemple, le plan du site (boucles imbriquées et récursives - Rubrique)


- Le html et le css dans les squelettes

  • Où mettre le code html dans les boucles

- L’appel d’une feuille de style

- Une première feuille de style :

  • définir l’affichage des caractères
  • définir le comportement des liens hypertexte

- Ajout à la première feuille de style

  • définir une boîte relative pour afficher le texte principal dans un encadré avec un fond de couleur
  • définir une boîte flottante pour afficher le logo à droite

Quelques références :

La caverne aux boucles

css de base

Tout sur le CSS

Les couleurs html en hexadécimal

Autre liste de codes pour les couleurs en html

SPIP pour les nuls

Boites en CSS