SPIP-Contrib

SPIP-Contrib

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

286 Plugins, 197 contribs sur SPIP-Zone, 249 visiteurs en ce moment

Accueil > Squelettes > Squelettes généralistes > ViaSPIP > ViaSPIP

ViaSPIP

3 octobre 2013 – par Jean-Yves Giraud – commentaires

19 votes

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.

Dernière modification de cette page le 19 octobre 2013

Retour en haut de la page

Vos commentaires

  • Le 14 octobre 2013 à 09:07, par _Eric_ En réponse à : ViaSPIP

    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.

    • Le 15 octobre 2013 à 12:05, par Jean-Yves Giraud En réponse à : ViaSPIP

      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

  • Le 7 octobre 2013 à 15:34, par philoooo En réponse à : ViaSPIP

    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.

    • Le 7 octobre 2013 à 17:49, par François Daniel Giezendanner En réponse à : ViaSPIP

      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

    • Le 7 octobre 2013 à 17:53, par François Daniel Giezendanner En réponse à : ViaSPIP

      Petite correction, le lien est : http://spipr.nursit.com/

    Répondre à ce message

  • Le 3 octobre 2013 à 13:33, par mies En réponse à : ViaSPIP

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

    • Le 3 octobre 2013 à 16:38, par Jean-Yves Giraud En réponse à : ViaSPIP

      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.

    • Le 3 octobre 2013 à 17:10, par b_b En réponse à : ViaSPIP

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

    Répondre à ce message

  • Le 4 juin 2013 à 21:40, par rodrigue En réponse à : ViaSPIP

    je viens de l’installer. Merci et bonne continuation

    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

  • Métas +

    3 décembre – 14 commentaires

    Améliorez l’indexation de vos articles dans les moteurs et leur affichage sur les réseaux sociaux grâce aux métadonnées Dublin Core, Open Graph et Twitter Card. Installation Activer le plugin dans le menu dédié. Dans le panel de configuration, (...)

  • Adaptive Images

    15 novembre 2013 – 69 commentaires

    Un plugin pour permettre aux sites responsive d’adapter automatiquement les images de la page à l’écran de consultation. Adaptive Images, que l’on pourrait traduire par Images adaptatives, désigne la pratique qui vise à adapter les taille, (...)

  • Social tags

    8 septembre 2008 – 428 commentaires

    Le plugin Social Tags permet d’ajouter des icônes de partage de liens vers les sites tels que Digg, Facebook, Delicious.... Une fois le plugin installé et activé (voir doc.), le choix des sites se fait via un menu de configuration. Insertion (...)

  • Module de Paiement Stripe

    17 octobre – commentaires

    Stripe est un prestataire de paiement externe https://stripe.com/fr qui propose une API moderne et une interface de paiement extrêmement conviviale et efficace. Ce module permet les paiements à l’acte et les paiement récurrents. Configuration (...)

  • Métas

    8 août 2009 – 50 commentaires

    Ce petit plugin permet l’ajout, depuis l’espace privé, de metatags aux articles et rubriques de SPIP, ainsi que la mise en exergue de mots importants.

Ça spipe par là