Squelette portfolio simple

Ceci est une ARCHIVE, peut-être périmée. Vérifiez bien les compatibilités !

Gestion simple d’une galerie : un article = une image.

À propos du site

Je voulais créer une galerie d’images basée sur Spip, sans utiliser de contribution existante. Le but était d’appréhender les principales fonctionnalités de Spip, sans aller trop loin dans ce fantastique outil.
Le but était donc d’utiliser les boucles, balises et filtres standards, en adoptant le principe le plus simple de gestion d’une galerie : une image = un article.
Le squelette a été écrit en xhtml transitional / css2. La structure est normalement valide W3c, ainsi que le css. Le squelette a été vérifié dans Firefox 1.5 et Internet Explorer 6.0.x.

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)

Discussion

Aucune discussion

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Qui êtes-vous ?
[Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom