Le squelette
J’ai voulu une mise en page claire et aérée.
Les rubriques sont accessibles uniquement depuis le sommaire, alors que les articles (donc les images) peuvent être vus de 3 façons : en entrant dans les rubriques (bien sûr), en cliquant sur "une image au hasard" (fonction random de Spip) et en utilisant le moteur de recherche qui permet une navigation transversale.
Le squelette contient donc :
- sommaire.html,
- rubrique.html,
- article.html,
- recherche.html,
- forum.html (publication des commentaires),
- backend.html (fil rss).
Installation du squelette
Comme toujours, tous les fichiers .html sont à copier dans un répertoire "squelettes" à la racine de Spip.
Espace privé
- Gestion rubriques et articles
La gestion des rubriques et des articles utilise le numérotage des titres : numéro, suivi d’un point et d’un espace. Exemple : 1. Rétrospective argentique 1999/2000
Dans les squelettes, les numéros n’apparaissent pas. J’ai opté pour ce type de classement parce qu’il m’arrive de publier des rubriques plus récentes avant d’autres plus anciennes. Même chose pour les images. Donc, pas d’affichage par date possible.
Le site étant très récent (avril 2006) mais toutes les images largement antérieures, j’ai utilisé la balise "#DATE_REDAC" dans les articles. Ce qui permet d’afficher la date de la prise de vue indépendamment de la date du serveur. Bien sûr, il faut autoriser cette fonction dans la configuration de Spip.
- Gestion des images des articles
IMPORTANT : Chaque image est un logo. Je ne poste que la "grande image" apparaissant dans les articles (en moyenne 640px maxi). Les différentes vignettes, dans les rubriques et le random, sont gérées par Spip.
- Gestion des images des rubriques
Ce sont des petites images indépendantes. Postées en tant que logos, ces images fonctionnent avec "ruboffxxx.jpg" et "rubonxxx.jpg" (70px x 63px ici).
- Descriptif et textes des rubriques
Les articles n’utilisent que le champ "texte" (et "Titre" bien sûr). Par contre, les rubriques ont un descriptif, affiché partiellement sur le sommaire et complètement dans la rubrique, et un texte. Le champ "Texte" est utilisé pour la balise d’en-tête méta description (rubriques + articles). Le texte est le même que le descriptif, mais sans retour à la ligne ou un quelconque habillage.
Eléments hors-Spip
Oui il y a quelques pages dont le contenu n’est pas géré par Spip. Les 3 rubriques de droite (Creative Commons, etc.) sont de simples pages dont le contenu est "en dur", mais Spip gère tout ce qu’il y a autour. De fait, ces trois pages .html (à copier dans le répertoire "squelettes") ont leur équivalent .php3, à copier à la racine de Spip :
- disclaimer.php3,
- me_contacter.php3,
liens.php3.
Evidemment, pour quelqu’un plus à l’aise avec Spip que moi, il doit être facile d’inclure ces éléments sans qu’ils n’interfèrent dans la gestion des rubriques et articles de la galerie proprement dite.
Fichiers modifiés de Spip
Deux fichiers ont fait l’objet d’une modification :
- formulaire_recherche.html,
- formulaire_forum.html.
_Ces fichiers sont à copier dans le répertoire "formulaires", mais c’est optionnel au sens où j’ai juste supprimer des fonctions qui ne m’intéressaient pas. Rien ne vous empêche de conserver les originaux ;)
Fichier css
La feuille de style ("portfolio.css") est commentée ;)
Voilà. L’archive zip contient l’ensemble du squelette, la feuille de style, les fichiers php3 et les deux formulaires modifiés. Merci d’utiliser cette contrib.
Rémy SALAÜN - Avril 2006
contact@remy-salaun.com
http://portfolio.remy-salaun.com || http://remy-salaun.com (prochainement sous Spip)
contrib_portfolio.zip
RSS 2.0