Squelette Tpe

-  Nom du Squelette : TPE
-  Version du squelette : 1.1
-  Auteur : BCool.
-  Licence : GPL
-  Compatibilité SPIP : compatible SPIP > 1.8
-  Site(s) exemple : The Phocea Experiment
-  Principales fonctionnalités et spécificités :

  • forums
  • annuaire de site
  • 10 derniers articles ....
  • J’espère avoir repris toutes les fonctionnalités de Spip 1.8.x avec un système modulaire et facilement personnalisable. La mise en page se fait sur trois colonnes avec entête et pied de page.

-  Testé sur ces navigateurs

Testé ?PlateformeNavigateurVersion
oui Windows Internet explorer 5.5, 6.0
non Windows Netscape .
oui Windows Mozilla 1.0.1, 1.0.3
non Windows Phoenix .
oui Windows Opera 8.0 (quelques problèmes)
non Mac Internet explorer .
non Mac Netscape .
non Mac Chimera .
non Mac Mozilla .
non Mac Phoenix .
non Mac Opera .
non Unix/Linux Netscape .
oui Unix/Linux Mozilla 1.0.3
non Unix/Linux Phoenix .
oui Unix/Linux Opera 8.0 (quelques problèmes)

Merci de me faire part de vos suggestions et de vos idées d’améliorations.

Aperçu avec Epiphany 1.4.8

Autres captures

L’histoire...

Je viens d’installer Spip 1.8.1 et comme tout nouvel utilisateur la personnalisation du squelette a été un peu difficile.
Du coup, je vous propose de mettre en œuvre une stratégie simple pour réaliser votre squelette en deux temps et presque autant de mouvements.
Bon, heureusement la documentation du site officiel www.spip.net est riche et relativement claire.
Le plus difficile est sans doute de comprendre la syntaxe des boucles avant de se lancer pour de bon.
Pour le reste merci www.spip-contrib.net pour les nombreux articles indispensables à la prise en main de la bête.

Conception de la mise en page

J’ai commencé tout simplement avec mon éditeur de texte préféré à concevoir une page HTML statique comportant les principaux éléments que je désirais :
-  Entête
-  Colonne de gauche
-  Partie Centrale
-  Colonne de gauche
-  Pied de page

Le tout est agencé par le biais de feuilles de styles (soit trois fichiers .CSS dans la présente version).
Donc, après pas mal d’essais et d’erreurs, la page HTML et les feuilles de style associées « fonctionnent » sans problème majeur sur les navigateurs que j’ai essayé (à l’exception d’Opera, mais j’y travaille)
Restait à trouver une solution simple pour appliquer cette mise en page à Spip… en me donnant un minimum de travail et surtout sans rien casser.

INCLURE à la rescousse

Pour aller vite, le plus simple est d’éviter d’écrire les choses plus d’une fois. Je me suis mis à chercher comment réaliser un système pour découper mon squelette en composants que je pourrais mettre au point facilement.
Le code HTML et les Boucles Spip associées sont placés dans des fichiers que l’on appelle dans le modèle de page.
En cherchant dans la documentation, je suis tombé très vite sur la balise INCLURE.

Un petit coup d’oeuil au code source de Spip pour comprendre comment marchent INCLURE et le passage des paramètres, j’ai concocté le petit module PHP suivant (fihier InclureSquelette.php) :

<?php
$fond = 'inclusions/'. trim($contexte_inclus[page]);
$delais = 3600;
include ("inc-public.php");
?>

Que l’on utilise dans les pages HTML du squelette par :

<INCLURE(InclureSquelette.php){page='IncAuteurs'} {id_article}>

Utilisation du squelette

L’ensemble du squelette est contenu dans le répertoire SquelTpe dont voici la structure :

Structure des répertoires

Pour l’installation, il faut décompresser l’archive dans votre répertoire Spip puis modifier ou créer le fichier ecrire\mes_options.php pour y inclure le code suivant :

$GLOBALS['dossier_squelettes'] ='SquelTpe';

Ce qui reste à faire

-  Faire le ménage dans les feuilles de styles.
-  Ajouter les fonctionnalités de Spip manquantes (Définition des mots, Écrire aux auteurs, Forum dans les articles…)
-  Corriger les bugs de présentation par exemple pour Opera.
-  Créer les feuilles de styles « alternatives » et le mécanisme permettant de les choisir.
-  Génération des articles au format PDF.

Dernière modification de cette page le 26 octobre 2006

Discussion

4 discussions

  • 2

    Je viens de mettre votre squelette en ligne et je trouve cette erreur

    # Erreur(s) dans le squelette

    * Erreur sur le site, - Fichier incluresquelette.php introuvable

    D’où cela peut-il provenir ?

    Je viens de faire ma mise à jour 1.8.2

    SpiPiwi

    • Hello,

      C’est assez difficile à dire comme cela. Je vous propose de me faire un petit mail pour me décrire un peu votre environnement. Eventuellement, sur mon site, une version plus récente du squelette sera disponible Lundi soir.

      A très bientôt.

      Cordialement

    • je vais voir sur votre site lundi soir
      JE refais un essai et je vous contact si ca ne marche pas

      Merci

    Répondre à ce message

  • 5

    Squelette TPE version 2.0

    Avec l’arrivée de la version 1.8.2, j’ai revu un peu ma copie. Je vous propose donc une nouvelle version du squelette qui tire avantage des nouvelles fonctionnalités de Spip.

    Je me suis inspiré de l’article comment faire un squelette facile de L’équipe de SPIP-Contrib.

    Au niveau des nouveautés :
    -  la gestion des headers est retravaillée pour aider au référencement
    -  un système de galerie pour les photos (encore un !)
    -  des modifications au niveau des feuilles de style pour améliorer la présentation.
    -  Une procédure d’installation simplifiée.

    Par avance merci de vos remarques et bon Spip.

    Bruno

    Attention : cette version 2.0 du squelette TPE est destinée en priorité aux utilisateurs de SPIP version 1.8.2 mais les modifications pour les versions antérieures sont faciles.

    • Et voilà, le couper/coller à encore frappé ! Voici le bon lien...

    • Bonjour,
      l’adresse n’est pas toujours bonne...
      je n’arrive pas à voir la dernière version ...C’est dommage !

    • Bonsoir,

      Désolé, il semble que comme j’ai changé d’hébergeur certains DNS ne soient pas encore à jour...

      Il parait que c’est assez long en ce moment

      Voici le lien : http://www.the-phocea-experiment.net/article.php3?id_article=6

      En esperant que cela marche pour tout le monde bientôt.

      Merci pour le petit mot

      Bruno

    • JulesBourvil

      Attention à l’espace en trop (donc à supprimer) entre le « xxx.php3 » et «  ?id_ article=X »

      http://www.the-phocea-experiment.net/article.php3 ?id_article=6

      Problème récurrent quand on poste une adresse par copier/coller dans un forum SPIP !

    • Merci pour le truc... je n’avais vraiment pas remarqué ces espaces.
      Un peu génant tout de même.

      Cordialement

    Répondre à ce message

  • Quelqu’un pourrait-il m’aider ?
    J’essaie de créer une page sommaire en remplacement du squelette par défaut. Toutes les modif sont prises en compte, le problème c’est qu’au redémarrage du navigateur, les boutons recalcul et accès à l’espace privé disparaissent. Que faire ?

    Répondre à ce message

  • Je viens de changer d’hébergeur du coup le lien de mon dernier message n’est plus valide !
    Merci, d’utiliser le nouveau.

    Dernière petite chose, les quelques problèmes que posaient l’utilisation du squelette sous Linux (ca m’apprendra a pas prendre en compte les OS sensibles à la case) sont corrigés.

    Merci et bon Spip.

    Bruno

    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