SPIP - Contrib

SPIP - Contrib

[ar] [en] [es] [fr] [it]

33 visiteurs en ce moment

fontsizeup fontsizedown
[153 commentaires]

Squelette MiniGriSpip 1.2

Un squelette simple et sobre

samedi 12 août 2006, par FredoMkb

  • Digg
  • Del.icio.us
  • Facebook
  • Google
  • Technorati
0 vote

MiniGriSpip est un squelette simple et sobre fait par un débutant pour les débutants, basé sur le squelette Minimal’SPIP, mais avec quelques modifications pour une adaptation à la version 1.9 de SPIP.

- Nom du Squelette : MiniGriSpip
- Version du squelette : 1.2
- Auteur : Fredo Mkb
- Licence : GPL
- Compatibilite SPIP : compatible SPIP 1.9
- Site(s) exemple : en préparation...

- Testé sur ces navigateurs

Testé ?PlateformeNavigateurVersion
Oui Mac Firefox 1.5.04
Oui Mac Safari 2.0.3
Oui Mac Opera 9.01
Aucune autre plateforme ni navigateur pour l’instant

Historique

Bonjour :-)

J’avais découvert SPIP il y a quelques années déjà, alors qu’il était en version 1.6, mais je n’avais pas réussi à réaliser le projet que j’avais en tête, trop ambitieux certainement, car mes connaissances du web et de ses technologies étaient alors sans doute trop limitées, sans parler de mon ignorance totale du fonctionnement de SPIP.

Je viens de découvrir, il y a quelques jours seulement, la nouvelle version 1.9 de SPIP, quelle belle evolution, franchement bravo à toute l’équipe de concepteurs et développeurs, c’est du beau boulot !

Bon, au fait, je me suis décidé à réaliser mon nouveau projet avec SPIP, et j’avais donc besoin d’un squelette plutôt simple et sobre, et celui fourni par défaut avec la dernière distribution, même s’il s’est bien amélioré avec le temps par rapport aux anciennes versions, reste toujours un peu trop... euh... comment dire... un peu trop pas zoli-zoli pour moi :-/ ... bref, je suis donc venu par ici pour faire mon petit marché aux squelettes (on dirait un croc-mort qui parle ;-))...

Alors, après avoir consulté un grand nombre de squelettes, mon choix s’est porté sur un qui convenait parfaitement à mon projet, il s’agit de Minimal’SPIP.

Seulement, hélas, il ne fonctionne pas avec la nouvelle version 1.9 de SPIP, alors je me suis mis au boulot pour l’adapter, et après avoir pas mal bataillé (bein oui quoi... je ne suis qu’un simple débutant moi ;-), j’ai enfin réussi à faire quelque chose qui tient à peu-près bien la route (pour mon projet en tout cas), alors, en avant première, voici ce nouveau squelette, basé donc sur Minimal’SPIP, mais avec quelques ajouts ergonomiques et personnalisations esthétiques.

Ce nouveau squelette se nomme MiniGriSpip, "Mini" pour faire référence au squelette original, et "GriS" bein... bein parce qu’il est gris ;-)

Donc, je reprends à mon compte à peu-près les mêmes arguments qui ont fait le succès de Minimal’SPIP, et j’en ajoute des nouveaux propres à MiniGriSpip :

Fonctionnalités

En raison des choix ergonomiques et de présentation, MiniGriSpip est particulièrement intéressant pour des sites éditoriaux, documentaires ou des news (des weblogs par exemple), mais beaucoup moins pour des sites promotionnels, commerciaux, galeries d’images, etc.

Minimal’SPIP

  • Tous les éléments de navigation sont regroupés dans la colonne de gauche.
  • La hierarchie du site apparait sur toutes les pages, en totalité, et de façon uniforme.
  • La rubrique visitée est en surbrillance.

MiniGriSpip

  • Affichage du nombre d’articles existants dans chanque rubrique dans le navigateur de rubriques.
  • Chemin hierarchique de la page affichée à partir de la racine du site, sous le bandeau du titre, pour une visiblilité et une accessibilité aisés.
  • Pour chaque rubrique sélectionnée, ses infos apparaissent en tête de la zone de contenu, et les éventuelles sous-rubriques contenant des articles sont listées en dessous, suivies d’une liste des différents articles existants dans la rubrique choisie.
  • Plusieurs pages ont été adaptées à ce squelette, notamment "Auteur", "Mot", "Plan", "Recherche", et quelques formulaires.
  • Les longues listes d’éléments sont désormais paginées par 10, ceci afin d’éviter les pages kilométriques.
  • Dans la page d’accueil, les deux derniers articles sont mises en exèrgue, et les 8 autres sont listés en dessous.
  • Les liens "Accueil", "Plan", "Contact" (lien à personnaliser dans les sources) et "Rédaction", ainsi que le champ de recherche ont été regroupés dans le bandeau d’en-tête, pour une meilleur accèssibilité.

Caractéristiques

Pour l’aspect esthétique de MiniGriSpip, le choix d’une certaine sobriété et neutralité des couleurs a été volontaire, mais les fuilles de style CSS vous permettent d’adapter et personnaliser les couleurs selon vos propres goûts.

Minimal’SPIP

  • Les styles sont regroupés dans un seul fichier CSS (un peu commenté).
  • Le nombre de styles différents est réduit au maximum.

MiniGriSpip

  • Quelques styles en plus ajoutés pour mieux personnaliser ce squelette, la feuille de style a été largement commentée.
  • Ajout d’une image sous le titre du site, personnalisable en remplaçant le fichier image "FondBandeau.png" par un autre de votre choix portant exactement le même nom et les mêmes dimensions.
  • Adaptation de l’aspect des forums pour une meilleure cohérence avec l’ensemble du site.
  • Les fichiers "html" ont été brièvement commentés, afin de faciliter leur prise en main.

Usage

Ce squelette fonctionne avec la version 1.9 de SPIP uniquement. Il utilise un fichier "mes_fonctions.php" afin de générer le menu des navigation des rubriques (version très légérement adaptée de l’originale), ainsi que d’autres fonctions annèxes.

Quelques textes de présentation ont été ajoutés en plus de ceux disponibles par défaut dans SPIP, dans un fichier dédié nommé "local_fr.php", ce qui permet une traduction aisée de l’interface de MiniGriSpip.

Installation

Pour installer le squelette MiniGriSpip, il faut commencer par décompresser l’archive zip "MiniGriSpip.zip", on obtient alors :

un répertoire semblable à celui-ci
PNG - 35.8 ko
Répertoire du squelette

Il suffit donc de copier le répertoire "squelettes" à la racine de votre installation de SPIP (au même niveau que le répertoire "ecrire", mais pas dedans :-/).

Attention ! ... Si j’amais il existe déjà un répertoire portant le même nom, veuillez le sauvegarder avant de le remplacer par celui de MiniGriSpip.

Prévisualisation

Comme il n’y a pas encore de site installé avec MiniGriSpip, voici quelques copies d’écran pour vous en faire une idée :

La page d’accueil Une page de rubrique Une page d’article
PNG - 262.5 ko
La page d’accueil

PNG - 245.3 ko
Une page de rubrique

PNG - 383.7 ko
Une page d’article

Téléchargement

Cliquez sur l’icône ci-dessous pour télécharger MiniGriSpip.

— Voici donc l’archive zip de MiniGriSpip à télécharger —
Zip - 81.2 ko
Archive zip de MiniGriSpip (82Ko)

Remerciements

Merci à Maxime George-Bourreau (alias maximegb) pour son excellent travail sur Minimal’SPIP, sans quoi, MiniGriSpip n’aurais jamais existé :-)

Merci également à la communauté des utilisateurs SPIP pour leur entraide permanente, ainsi qu’aux développeurs de ce super outil de publication...

Bonne utlisation de MiniGriSpip, et n’hésitez pas à me faire part de vos remarques et suggestions :-)

P.-S.

Les mises à jour du squelette MiniGriSpip sont téléchargeables sur le site de démonstration du squelette.

Retour en haut de la page

153 Messages de forum

Voir toute la discussion

Pages 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |...

  • Répondre à ce message

    10 novembre 2006 10:28 , par Gillou

    Bonjour, J’ai exactement les mêmes problèmes avec le formulaire de recherche ! Grâce à ton indication Flymann, j’ai pu le remettre dans la barre à coté de "accueil", "contact".... alors que je l’avais mis dans inc-menu.html en tant que "plan de secours" ;-)

    Par contre, j’ai toujours le bug de la moitié du site qui s’efface quand je passe sur un lien des articles de la colonne centrale... Ce qui est plus étrange, c’est que cela ne le fait que sur la page d’accueil... car quand je vais dans la page "plan", cela ne le fait plus... Cette page étant beaucoup plus longue, je me demandais si quand j’aurai plus d’articles sur ma page d’accueil (je viens de créer le site), ce bug ne disparaitrait pas de lui-même... Chose étrange aussi, ce bug ne se voit qu’avec d’anciennes versions d’internet explorer... avec la v7, pas de bug, ni avec firefox !

    Comme tout le monde n’a pas la nouvelle version de IE (et encore moins ont Firefox), je voulais savoir si quelqu’un avait trouvé une solution à ce petit bug, bug qui reste très minime comparé à la qualité globale de ce squelette (merci Fredo !)

    Merci d’avance pour vos réponses

  • Répondre à ce message

    28 octobre 2006 14:24 , par rabe

    Bien vu le -27.
    J’ai ajouté le hack suivant : le " !important" est ignoré par IE mais pris par FireFox. Du coup, le champ recherche est à sa place dans les deux navigateurs.

    /* Le formulaire du champ de recherche */
    #mgs_menu_tete form {
            margin: 0px !important;
            margin: -27px;
            padding: 0px;
    }

    Attention :
    - non testé sous IE7 et FireFox 2.0
    - l’ordre est important : le -27 doit être le dernier vu par IE.

    A+

    Raphaël

    Voir en ligne : Visible sous IE6 et FireFox ici

  • Répondre à ce message

    24 octobre 2006 01:41 , par SFE

    Très joli ce squelette, et relativement simple à retoucher... ... même quand on a jamais codé en CSS ni en spip !

    Petite astuce pour le champ de recherche :
    - IE et firefox ne calculent pas son positionnement sur les mêmes repères, si bien qu’il est systématiquement 27 pixels plus bas sous IE que sous Firefox... ce qui fait que sans rien modifier, il y a toujours une ligne de sautée pour les explorerphiles (qui sont nombreux), gâchant la mise en page.
    - il faut prévoir alors de remonter le champ, qui atterira bien à sa place sous IE et juste dans le cadre du bandeau sous Firefox (ce qui est déjà bien moins gênant).

    Pour ce faire : Editer la feuille de style ( styleperso.css) en remplaçant la ligne margin :

    /* Le formulaire du champ de recherche */
    #mgs_menu_tete form
    margin : 0px ;
    padding : 0px ;

    par :

    /* Le formulaire du champ de recherche */
    #mgs_menu_tete form
    margin : -27px ;
    padding : 0px ;

    J’ai bien tenté d’autres astuces, mais je pense que celle-ci est la plus satisfaisante.

    Maintenant, grâce au passage sous Spip et à MGS, mon site pro fait vraiment site pro... merci fredo !

    Voir en ligne : Société française d’équithérapie - SFE

  • Répondre à ce message

    20 octobre 2006 15:26 , par Tyim

    désolé l’image est trop petite :

    Free Image Hosting at www.ImageShack.us
  • Répondre à ce message

    20 octobre 2006 15:25 , par Tyim

    Salut.

    Je l’ai moduler chez moi à partir de l’idée déjà appliquée : dans les fichier html j’écris : <:monTitrePrincipale :> ou <:monAdresseMail :>

    Et je renseigne l’équivalent dans local_fr.php.

    Comme ça lorsque je veux changer un élément comme mon adresse mail, je le fais dans local-fr.php et toutes mes pages sont modifiées.

  • Répondre à ce message

    20 octobre 2006 15:16 , par Tyim

    Salut.

    Je suis débutant avevc spip. J’ai commencé Mercredi.

    J’ai installer le squelette de MiniGriSpip et voilà ce que ça donne :

    Free Image Hosting at www.ImageShack.us

    Il suffit de jouer avec style.css pour l’apparence. Fait les tests. Prend un code pour le fond d’écran, copis le quelque part dans le CSS et met à jour ta page. Tu verras ce qui change.

  • Répondre à ce message

    18 octobre 2006 11:19 , par bami

    Bonjour Fredo, Je comprend la solution, mais je ne trouve pas la page inc-bandeau.html dans Minigrip2, peux tu m’éclairer stp ? Merci de ton aide Bami

  • Répondre à ce message

    18 octobre 2006 05:53 , par FredoMkb

    Bonjour Yeti :-)

    L’article du squelette "3koala1", de Xavier, est désormais publié en ligne à cette adresse : Squelettes 3koala1 pour spip1.9...

    À bientôt :-)

    Voir en ligne : MGS Démo

  • Répondre à ce message

    16 octobre 2006 13:59 , par yeti

    j’ai pas trouvé ton sujet 3koala1 sur le forum : toujours pas validé par les admin. Ya-t-il un site où ilest visible et comment faire pour récuperer tes sources sans attendre cette validation ?

  • Répondre à ce message

    15 octobre 2006 07:15 , par FredoMkb

    Bonjour Raphaël :-)

    Merci beaucoup pour cette piste, je vais essayer de l’appliquer dans la prochaine version du squelette, qui est toujours en cours de développement, mais pas particulièrement pour le code qui génère le menu de navigation, puisqu’il sera désormais construit directement par du code Spip, mais il y a d’autres fonctions qui pourront s’en servir...

    Merci encore Raphaël et à bientôt :-)

    Voir en ligne : MGS Démo

Pages 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |...

Répondre à cet article

Retour en haut de la page

Ça discute par ici

SPIP | Squelette | | Plan du site | Suivre la vie du site RSS 2.0