Sur le même sujet
Cet article peut faire suite à Exercice : installer un site Spip chez OVH pour qui veut créer son premier site Spip et lui apporter un habillage graphique sympathique.
Dans l’article précédent, nous avons décrit comment installer un site Spip "nu". Voyons ici comment lui ajouter des "squelettes" graphiques afin d’agrémenter sa présentation. Nous avons choisi dans notre exemple le jeu de squelettes Sandwater, libres et gratuits, que l’on peut télécharger depuis la page www.squelettes.com/Installation-du-squelette,1.html.
Notre objectif est que notre page d’accueil ressemble à ceci :
Le jeu de squelettes Sandwater comprend en réalité deux répertoires : "squelettes" et "plugins" (sans majuscule et au pluriel), qu’il nous faut expédier en ligne à la racine de notre site - donc dans le dossier "formation" sur notre serveur, si nous reprenons la disposition de l’article précédent :
Par curiosité, ouvrons le répertoire "plugins". Il contient quatre plugins (programmes additionnels de Spip, qui sont nécessaires au bon fonctionnement d’un site Spip Sandwater) :
Pour activer ces plugins, il faut aller dans le back-office de notre site, cliquer sur "Gestion des plugins" dans le menu "Configuration", cocher chaque plugin et valider le tout :
Gilles Tran, le concepteur de Sandwater, a prévu de gérer l’affichage des rubriques et des articles en page d’accueil à l’aide de mots-clés. Pour que le système fonctionne comme prévu, il faut créer un groupe de mots-clés nommé "mise en page" en allant dans le menu "Edition" puis le sous-menu "Mots-clés" (nous cochons l’option "Les mots-clés de ce groupe peuvent être associés : aux rubriques" en plus de celles déjà pré-cochées) :
Créons 3 mots-clés dans ce nouveau groupe, nommés "alaune", "onglet" et "unerubrique". L’affichage de la page d’accueil de notre site sera géré ainsi :
Dans l’exemple de notre page d’accueil, nous avons associé le mot clé "onglet" à la rubrique "Supports de formation" (mais pas à la rubrique "Actualité Spip") et le mot clé "alaune" à l’article "Exercice : installer un site Spip chez OVH".
Installation du plugin "Squelette-éditeur"
Afin de pouvoir personnaliser éventuellement nos squelettes, plaçons un nouveau plugin dans le répertoire "plugins" de notre site : "skel_editor" (à télécharger en bas de cet article). Développé par erational.org, il permet, comme son nom l’indique, de modifier les squelettes :
Une fois installé et activé de la même manière que pour les plugins de Sandwater, nous pouvons survoler le menu "Edition" et voir apparaître un nouveau sous-menu : "Editer le squelette" :
En cliquant sur "Editer le squelette", nous avons accès aux fichiers contenus dans notre répertoire "squelettes". En cliquant sur un fichier (ici le squelette "sommaire.html", qui est celui de la page d’accueil), nous accédons à son code et à la possibilité de le modifier (ou de créer de nouveaux fichiers à l’intéieur du répertoire "squelettes") :
Voici un aperçu de l’ensemble des squelettes :
Après, à nous de jouer à l’aide de nos connaissance en html et grâce à notre maîtrise du langage de programme de Spip : les "boucles Spip". mais c’est une autre histoire…
(quelques ressources html et css :
Quelques ressources sur les boucles Spip :
Mis en ligne le vendredi 1er février 2008
- Spip-listes, le système de newsletter idéal ?
- Quelques idées pour développer l’audience de votre site Internet
- Coopération et mutualisation en EPN… à l’épreuve des faits
- "Alternatives" : des squelettes graphiques clés en main pour SPIP
- Règles juridiques concernant la création d’un site
Generationcyb.net est motorisé par Spip 1.9.2c
associé à un squelette graphique Rizom
