Squelette Perso_rico 1.0

Un squelette léger de site perso

-  Nom du Squelette : Perso_Rico
-  Version du squelette : 1.0
-  Auteur : Eric
-  Licence : GPL
-  Compatibilite SPIP : compatible SPIP 1.8.1
-  Site(s) exemple : site perso
-  Principales fonctionalités et spécificités :

  • site perso dépouillé
  • annuaire de site
  • 6 derniers articles et 6 articles les plus populaires pour la page d’accueil et chaque rubrique

-  Testé sur ces navigateurs

Testé ?PlateformeNavigateurVersionRésultat
oui windows Internet explorer 6.0 SP1/SP2 Ok
oui windows Netscape 4.7 Pas du tout
oui windows Mozilla 1.2.1 1.6 Ok
oui Mac Firefox 1.0 ok
oui Mac Safari 1.3 ok
oui Mac Safari 2.0 ok
oui Unix/Linux Netscape 4.8 pas du tout
oui Unix/Linux Mozilla 1.7.7 Ok
oui Unix/Linux Mozilla 1.7.8 Ok
oui Unix/Linux Firefox 1.0.2/1.0.4 Ok
oui Unix/Linux Galeon 1.3.20 Ok
oui Unix/Linux Epiphany 1.4.8 Ok
oui Unix/Linux Konqueror 3.3 Ok
oui Unix/Linux Konqueror 7.54 Ok

En italique, les navigateurs testés avec http://browsershots.org/

Un aperçu de mon site :

Page d’accueil
Une rubrique
Un article
Article formaté pour l’impression

Contexte général

J’avais un site personnel que j’avais du mal à maintenir, hétérogène et tout. J’avais commencé à coder une nouvelle version à la main. Puis je me suis tourné vers Spip qui m’a paru adapté, en particulier pour séparer le fond de la forme. Il ne restait plus qu’à faire quelques adaptations. D’où le squelette ici présent dans sa première version.

Objectifs

-  Faire un squelette de site personnel (pas un blog) joli et léger
-  Qui s’adapte bien aux supports de rendu : écran de toute taille/résolution et imprimante
-  Facile à mettre en oeuvre

Constats

Pour un site personnel comme le mien, j’ai constaté que :
-  Un seul auteur
-  Une seule langue
-  Pas d’intéractivité : absence de forum, de pétition mais aussi de brèves, de calendrier ...
-  Articles simples : titre, sous-titre, descriptif, corp
-  Renouvellement lent du site
-  Pas de mots clés (plutôt un manque)

Les moyens

Voici les moyens utilisés et/ou requis :
-  Spip 1.8.1 (utilisation d’éléments absents dans les versions antérieures)
-  je suis parti du Squelette @-brest
-  XHTML 1.1 Strict qui j’espère permettra de s’adapter à un grand nombre de navigateur avec un bémol pour IE.
-  Les feuilles de style CSS utilisent des tailles relatives de police pour de meilleures mises à l’échelle (pour les vues basses)
-  Un style d’impression qui maximise le texte de l’article au détriment des fioritures
-  Squelettes allégés (reste surtitre et chapeau dans article)
-  Cache sur une semaine pour les articles, 24h pour les rubriques
-  Formulaire pour écrire à l’auteur sans montrer l’adresse email

Mode d’emploi

-  Copiez l’arborescence issue du fichier zip à la racine du site spip.
-  Personnalisez le bandeau qui se trouve dans /squelette/icones/bandeau.jpg
-  Créez un article spécifique qui servira d’introduction à votre site web. Indiquez le numéro de l’article d’introduction dans le fichier sommaire.html (ligne 34)
-  Pour gérer l’erreur 404, renommez htaccess.404 en .htaccess

Exemple

Mon site personnel

A suivre

Il y a encore deux ou trois petits détails qui ne plaisent pas. Et je veux faire des changements. Il devrait y avoir une nouvelle version mais comme ça sera certainement dans plusieurs mois, je mets déjà celle-là à disposition de la communauté.

Dernière modification de cette page le 31 mars 2007

Discussion

6 discussions

  • 2

    Bonjour ,

    Le 12/01/2004 www.a-brest.net publie sous licence GPL le squellette des son site . Squelette Perso_rico 1.0 ressemble etrangement a celui de www.a-brest.net. Est-ce une violation de licence GPL .
    Cf
    http://www.a-brest.net/article385.html?var_recherche=sque

    Xavier

    • Je suis l’auteur du squelette @-brest qui est placé sous GPL. Il est donc possible de modifier le code et ré-utiliser le look et icônes à convenance. Le jeu @-brest commence à être un peu vieux, le jeu Perso_rico est donc un sérieux nettoyage du code. Bon boulot !

      Merci toutefois de signaler clairement l’emprunt à @-brest et ses auteurs dans les crédits.

    • C’est fait assez sommairement mais j’ai bien mentionné @-brest (avec un lien) dans le fichier lisezmoi.txt qui vient avec le squelette. Et donc, je confirme que Perso_rico 1.0 dérive bien de @-Brest.

      Je ne crois pas que je puisse modifier l’article actuel ou alors il faut repasser par l’étape de validation. Par contre, je serai plus explicite pour la version 2.0 que j’espère sortir avant la fin de l’année.

    Répondre à ce message

  • 1

    Bonjour !
    J’aurais voulu savoir comment insérer des images dans des articles sous formes de vignettes et cliquable pour les agrandir... quand je les insére avec SPIP, les photos sont placées avec leur taille de base...
    Merci d’avance

    Pirou

    • Comme avec tous les squelettes ;-)

      En téléchargeant l’image comme un document.

    Répondre à ce message

  • J’aime beaucoup ce squelette tout simple. Mais j’ai peur de me lancer. Je ne suis encore qu’à SPIP v1.6 ! donc pas rendue à changer de squelette. Y a-t-il un endroit où je puisse trouver le b.a ba ? MERCI
    http://www.journal-la-mee.info

    Répondre à ce message

  • salsepareille

    Votre squelette est tout beau tout simple, mais je suis tellement nulle que je n’arrive pas à le faire fonctionner.
    Je suis vraiment, mais vraiment débutante. Alors je suis les conseils mot pour mot.

    J’ai appliqué les votres...
    j’ai décompacté, copié l’arborescence à la racine de mon site spip, pas encore modifié le bandeau parce que je voudrais d’abord que ça marche, dans sommaire.html, à la ligne 34 il n’y avait rien de tel, mais à la ligne 26 il y avait ceci

    (articles)doublonsid_article=« 98 »>
    et à côté, en vert « indiquez ici l’article contenant votre texte de bienvenue »

    donc j’ai remplacé « 98 » par « 1 » (le numéro de mon article)

    mais il ne se passe rien du tout sur mon site ! nada !

    (le seul squelette que j’arrive à installer est celui de spip-contrib, mais ce n’est pas celui-là que je veux.)

    Est-ce que quelqu’un pourrait me prendre en pitié et m’expliquer le « b et a ba » ?

    Merci !

    Répondre à ce message

  • michel diamantis

    Un grand merci , Eric !
    Ca correspond exactement à ce que je cherchai
    Je teste dès que possible, c’est à dire dans une dizaine de jours. Je viens de programmer la réfection de la cuisine de fond en comble pour ce we :o(

    amicalement

    michel

    Répondre à ce message

  • 1
    André Petithan

    Salut

    je trouve ce « petit » squelette très chouette et joli. En naviguant sur ton site j’ai trouvé le logiciel vignette. Léger et efficace. Dommage que la page html travaille en ouvrant une nouvelle fenêtre pour chaque photo.

    Merci pour le tout

    André

    • C’est un peu hors-sujet.

      A propos du logiciel Vignette. A l’origine, j’avais mis l’ouverture des images dans une nouvelle fenêtre pour pouvoir démarrer le téléchargement tout en continuant à consulter la liste principale. Sauf que comme les navigateurs ouvrent toutes les images dans la même fenêtre, ça ne permet pas lancer plusieurs téléchargements en parallèle. Comme ça me dérangeait moi aussi, j’ai supprimé l’ouverture dans une nouvelle fenêtre. Tu dois pouvoir télécharger la version modifiée sur mon site web.

      Fin du HS.

    Répondre à ce message

Ajouter un commentaire

Qui êtes-vous ?

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