ViaSPIP

ViaSPIP est un squelette généraliste simple sur 3 colonnes ayant pour but d’offrir une alternative au squelette de la dist officielle. Il se présente sous forme de plugin et il propose en complément des plugins de thèmes qu’on peut activer ou non selon ses goûts.

Site de démo : JYG Web

Si vous utilisez SPIP 3, découvrez ViaSPIP 3

Dernière version : ViaSPIP 2.1.23b (07/10/2013) compatible avec toutes les versions SPIP 2.1.x jusqu’à la version 2.1.23

Historique du squelette ViaSPIP

Le squelette ViaSPIP a été inspiré au départ de celui d’Alternatives puisque c’était celui que j’avais choisi pour mon site. On retrouve donc dans l’aspect des similitudes avec ce squelette et je voulais avant tout rendre à César ce qui lui appartient...

Mais par la suite, pour pouvoir suivre facilement les nouvelles versions de SPIP et ne pas dépendre des mises à jour du squelette Alternatives pour compatibilité, j’ai écrit mon propre squelette, basé sur celui de la dist officielle, mais en gardant globalement le même aspect qu’auparavant. Donc, même si mon squelette ViaSPIP peut faire penser dans la forme par certains détails à celui d’Alternatives, l’arrière-boutique est totalement différente...

Présentation

Le squelette ViaSPIP est un squelette généraliste qui présente les principales fonctionnalités suivantes :

-  Bandeau d’entête de page
-  Menus de rubriques à gauche
-  Fil d’Ariane
-  Boutons images dans les menus pour les rubriques principales
-  Largeur de page adaptable automatiquement à la résolution de l’écran (maxi 1366px / mini 1024px)
-  Utilisation des brèves (menu à droite)
-  Plan du site
-  Page contact
-  Recherche sur le site
-  Forum pour les commentaires sur les articles
-  Tri des rubriques et articles sur leur n° :
Utilisation de #TITRE|supprimer_numero dans les pages et menus. Il est à noter que les rubriques et articles devront avoir un titre sous la forme
01. Titre (numéro - point - espace - Titre).
Dans l’espace public, les numéros n’apparaissent pas, mais ces numéros « cachés » servent pour les tris. Le gros avantage de cette façon de procéder est de pouvoir maîtriser l’ordre de ses rubriques et articles sur le site public, ce que ne fait pas le squelette de la dist officielle.
-  Flux RSS sur le site

Installation

Pour utiliser ce squelette sur votre site :

-  Dézippez le fichier téléchargé dans le répertoire /plugin de votre site (au besoin créez le répertoire /plugin à la racine du site).
-  Allez dans l’espace privé de votre site pour activer le plugin ViaSPIP (Configuration, Gestion des plugins).
-  Vous pouvez également activer en supplément un plugin de thème d’habillage (au choix).
-  Désactivez tout autre plugin « squelette de site » et videz le cache de SPIP avant d’accéder à l’espace public du site.

C’est tout !

Personnalisation

Pour personnaliser le squelette, la principale chose à faire est de remplacer les deux fichiers du bandeau entête de page par des images de votre choix :

-  Allez dans le répertoire img du plugin principal (ou du thème si vous en avez activé un) et remplacez les deux fichiers banner.jpg (1200x120) et fluidright.jpg (180x120) par les vôtres.

Si vous souhaitez utiliser une image incorporant le titre du site dans le fichier banner.jpg afin d’obtenir un meilleur effet graphique, il faut alors faire disparaître le titre « texte ». Pour cela, éditez le fichier habillage.css pour « décommenter » la ligne indiquée (ligne 93 : enlevez /* en début de ligne et */ en fin de ligne).

On peut aussi remplacer les images des boutons du menu (normal et survol) :

-  Allez dans le répertoire img du plugin principal (ou du thème) et remplacez les deux fichiers button.jpg (180x22) et button_hover.jpg (180x22), s’ils existent (certains thèmes n’ont pas de boutons).

Si vous voulez pousser la personnalisation un peu plus loin, pour jouer par exemple sur les couleurs, les tailles de textes, etc, rendez-vous dans le fichier habillage.css du plugin (ou perso.css du thème si vous en avez choisi un).

Pour créer un thème personnalisé :

-  Recopiez le répertoire d’un des thèmes de votre choix et renommez-le.
-  Dans votre répertoire de thème, ouvrez le fichier plugin.xml avec un éditeur de texte et modifiez principalement les sections nom, description et auteur.
-  Editez le fichier perso.css de votre thème et modifiez les couleurs des différents éléments (codes couleurs).
-  Remplacez les fichiers images dans le répertoire img de votre thème en respectant les dimensions originales.
-  Activez votre plugin de thème dans la gestion des plugins de SPIP (en complément de l’activation du plugin ViaSPIP principal qui doit toujours être actif, avec ou sans thème)

Voir l’article sur le squelette ViaSPIP sur le site de l’auteur.

Versions :

2.1.23b du 07/10/2013 : avertissement sur la page contact si l’email du webmaster n’est pas renseignée (à la place du formulaire).

2.1.23a du 03/10/2013 : ajout des javascript « gotop » et « gobottom » (flèches pour monter ou descendre rapidement sur une page), révision des balises « meta », révision des paginations, page contact avec formulaire d’envoi vers l’adresse mail du webmaster du site (et non plus vers celle du 1er auteur), ajustements CSS divers.

2.1.10b du 13/05/2011 : nouveau logo, nouvelles images pour les thèmes, titre en texte (titre du site)

2.1.10a du 03/05/2011 : nouveau nom pour le squelette (ViaSPIP), coins arrondis et ombrages.

2.1.9a du 28/03/2011 : correction faille de sécurité SPIP pour les versions <= 2.1.8

2.1.2a du 06/09/2010 : version standardisée pour SPIP 2.1

Cliquez sur les vignettes du portfolio pour avoir un aperçu des thèmes fournis avec le squelette ViaSPIP.

Discussion

4 discussions

  • 1

    Bonjour,

    Est-ce un choix délibéré de ne pas développer ce squelette sur la zone ? Si non, le positionner sur la zone permettrait d’avoir d’autres contributeurs à son développement ainsi que de le distribuer plus largement à partir de Plugins SPIP.

    Si tu n’es pas familier avec SVN on peut s’occuper de sa mise en zone et il existe des tutoriels pour l’utilisation de la zone.

    En tout cas merci pour ce nouveau squelette.

    • Merci pour ton intérêt et cette proposition, mais mettre ma contribution sur la zone est quelque chose pour moi d’assez obscur. En tout état de cause, ce n’est pas mon intention d’en faire un travail collaboratif. Je propose mon plugin, qui se veut simple à mettre en oeuvre, libre à chacun ensuite de l’apprécier et de l’utiliser, ou pas...
      Pour info, je viens tout juste de migrer mon site perso (qui sert aussi de démo) sous SPIP 3, avec la mise en place de ViaSPIP 3, qui est une toute nouvelle branche de mon squelette. Je vais l’ajouter sur SPIP-contrib dès que tout sera prêt. A très bientôt, si cela t’intéresse (et d’autres).

    Répondre à ce message

  • 2

    le design est vraiment en retard par rapport a ce qui se fait maintenant.

    le problem de spip c’est qu’on a pas de bon design de base offert.

    • Chers spipeurs,

      Créer un squelette est toujours un travail conséquent et l’effort mérite d’être salue, donc bravo pour ce squelette qui devrait vous donner le goût d’aller plus loin.

      Force est de constater que les designs Web modernes, leurs fonctionnalités et leur ergonomie sont conceptuellement et techniquement très exigeants et qu’ils ne sont pas à la portée de tout le monde. Les exemples superbes foisonnent chez certains cms concurrents que nous ne sommes toutefois pas intéressés à adopter tant spip à des qualités exceptionnelles.

      Parmi les excellents squelettes spip, celui que je considere comme le plus aboutis est SPIPr http://spipr.nursit.com/ , je ne peux que vous inviter à visiter son site.

      Bien cordialement à tous.

      FDG

    Répondre à ce message

  • 2

    c’est franchement moche .... beurf :p

    • Les goûts et les couleurs... Si celles-ci ne vous plaisent pas, vous pouvez très facilement vous créer un thème personnalisé.
      Par ailleurs, cette version 2.1.23 n’est qu’une mise à jour de ce squelette pour SPIP 2.1 et elle n’apporte que quelques corrections et nouvelles fonctionnalités à la version précédente.
      La branche 2.1 de ce squelette n’a plus vocation à évoluer, sauf pour adaptations si nécessaire en cas d’alerte de sécurité de SPIP.

      Mais je suis en train de finaliser ViaSPIP 3... Cette nouvelle version pour SPIP 3 sera sur le même principe, à savoir qu’à partir d’un squelette de base, elle offrira la possibilité de se créer un thème personnalisé et adapté à ses goûts, sans beaucoup d’efforts.

    • @mies j’aimerais beaucoup voir tes « superbes » contributions, elles sont où ?

    Répondre à ce message

  • rodrigue

    je viens de l’installer. Merci et bonne continuation

    Répondre à ce message

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