SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano

273 Plugins, 191 contribs sur SPIP-Zone, 113 visiteurs en ce moment

Accueil du site > Squelettes > Squelette Tpe

Squelette Tpe

21 août 2005 – par Bcool – 11 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

1
1
1
1
1
3 votes

-  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.

PNG - 26.1 ko
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 :

PNG - 33.4 ko
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.

Retour en haut de la page

Vos commentaires

  • Le 30 septembre 2005 à 09:05, par SpiPiwi En réponse à : Squelette Tpe

    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

    • Le 1er octobre 2005 à 11:33, par Bcool En réponse à : Squelette Tpe

      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

    • Le 3 octobre 2005 à 15:35, par ? En réponse à : Squelette Tpe

      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

  • Le 31 août 2005 à 12:28, par Bcool En réponse à : > Squelette Tpe

    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.

    Répondre à ce message

  • Le 2 mars 2008 à 17:39, par bernard En réponse à : Squelette Tpe

    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

  • Le 4 septembre 2005 à 12:52, par Bcool En réponse à : > Squelette Tpe... suite et fin.

    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

Répondre à cet article

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 Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Plugin Vidéo(s)

    23 novembre 2010 – 293 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Interface de gestion et modèle d’insertion des vidéos : Dailymotion Vimeo Youtube Modèle de la balise HTML5 video avec alternative flash html5media : Lecture HTML5/Flash pour tout navigateur des fichiers MP4/H264/Ogg/WebM/Mkv Support mobile, (...)

  • Plugin SPIPAL

    10 janvier 2011 – 79 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Pour intégrer un système de paiement immédiat via PayPal à certains de vos articles . Ce plugin est une mise à niveau pour la version SPIP 2.1.8 du Plugin GoPayPal qui était resté en SPIP 1.9.2 depuis 3 ans. Il change de nom pour ne pas faire trop de (...)

  • Le menu déroulant Babbibel

    2 juin 2009 – 303 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Un menu déroulant horizontal en jQuery sans limitation de profondeur et configurable avec CFG.

  • Traductions d’articles autrement 3

    8 octobre 2011 – 1 <blink style='color:red;'>public|spip|ecrire:commentaire</blink>

    Adaptation pour SPIP 3 du plugin Traductions d’articles autrement Ce plugin modifie légèrement l’interface de SPIP afin de rendre la traduction des articles plus aisée. Principe Des liens de langues, affichés en haut de l’article, permettent de (...)

  • Brownygreen

    3 février – 2 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Un thème simple de couleur marron et vert, en largeur fixe, constitué de 2 colonnes avec une en-tête facilement personnalisable. Présentation Adaptation de Versatility par E-cosystems. Si vous utilisez le plugin Menus, une navigation principale (...)