Des squelettes SPIP pour les thèmes html5up

Le site http://html5up.net propose de beaux thèmes dont certains ont été adaptés pour SPIP.

Thèmes HTML5UP portés sous la forme de plugin de squelette SPIP :

  • parallelism porté par Suske
  • bigpicture porté par Laurent Jullien
  • lens porté par Got
  • hyperspace porté par L0r3nt
  • alpha porté par Ben et jeanmarie
  • solid state porté par marcimat
  • editorial porté par ladnet et chankalan
  • landed porté par nicod
  • story par erational
  • phantom par chankalan
  • strongly typed par nostromo
  • strata par fa_b

Squelettes HTML5UP-SPIP avec documentation SPIP

Cette liste présente les squelettes HTML5up portés pour SPIP et pour lesquels une documentation SPIP a été préparée sur ce site.

Hyperspace
-  Thème : https://html5up.net/hyperspace
-  Doc : https://contrib.spip.net/4772

Alpha
-  Démo du thème
-  Documentation
-  Exemple de site avec le plugin

Parallelism
-  Thème : https://html5up.net/parallelism
-  Doc : https://contrib.spip.net/4108
-  Site de démonstration : https://parallelism4spip.brubel.net
-  crayons, pages uniques
-  aucun article mais des documents et hop c’est en ligne
-  appelle le plugin centre_image pour choisir les cadrages des vignettes
-  utilise le plugin spip_reset et contact_libre s’ils sont installés
-  Sur la zone : http://zone.spip.org/trac/spip-zone/browser/_squelettes_/parallelism4spip

Editorial
-  Thème : https://html5up.net/editorial
-  doc : Éditorial (HTML5UP)
-  plugin : https://plugins.spip.net/html5up_editorial

Strongly Typed
-  démo du thème : http://html5up.net/strongly-typed
-  Documentation : https://contrib.spip.net/Html5up-Strongly-Typed
-  site SPIP de démo : http://www.brindefolie.com

Story
Thème hypersimple pour un site en une seule page
-  Démo du thème
-  Exemple SPIP avec le plugin
-  Doc sur ce site
-  Source

Phantom
-  Démo du thème
-  Documentation du plugin SPIP
-  Source

Strata
Jeu de squelettes simple et responsive plutôt orienté photo et avec peu de rédactionnel. Il peut servir pour présenter le travail d’un artisan, d’un photographe, etc
De part sa structure éditoriale simple, ce jeu fonctionne sur les pages uniques du plugin du même nom et n’utilise donc pas les rubriques et articles traditionnels de SPIP.
-  Démo du thème
-  Documentation
-  Source

Thèmes HTML5UP-SPIP sans documentation SPIP

L’absence de documentation n’est pas forcément rédhibitoire car il est facile d’installer ces plugins et de les tester. Si la démonstration d’un de ces thèmes vous plait (sur le site html5up), installez le plugin SPIP, voyez ce que ça donne... et explorez le code pour découvrir les éventuelles configuration possibles.

Solid state
-  Thème : http://html5up.net/solid-state
-  sur la zone : https://zone.spip.org/trac/spip-zone/browser/_squelettes_/html5up_solid_state
-  pages sommaire, rubriques, articles, plan.
-  multilinguisme par secteur.
-  nécessite : scssphp, zcore et saisies.
-  plugins pris en compte s’ils sont présents (en partie du moins)

  • centre image
  • formulaire de contact avancé
  • liens sociaux

-  éléments configurables :

  • couleurs principales (foncée en fond, et la teinte principale) et image de fond.
  • citation en entête ou en pied de page
  • phrase en pied de page.

Lens
-  démo du theme : http://html5up.net/lens
-  sur la zone : http://zone.spip.org/trac/spip-zone/browser/_squelettes_/html5up_lens

Big Picture
-  démo du thème : https://html5up.net/big-picture
-  sur la zone : http://zone.spip.org/trac/spip-zone/browser/_squelettes_/html5up_bigpicture

Landed

-  Exemple SPIP avec le plugin (très légèrement surchargé : pas de texte sur les vignettes)
-  Démo du thème
-  Source

Pour un portage efficace

-  comment porter ?
-  des conventions à respecter ?

Une proposition de mise en commun de la configuration des squelettes html5up a été discutée mais n’a pour l’instant pas été utilisée :
-  pour les configurations génériques pour tous les squelettes html5up : un formulaire #FORMULAIRE_CONFIGURER_HTML5UP avec un rangement commun accessible par #CONFIG{html5up/truc}
-  pour les configurations spécifiques à un squelette html5up particulier, un formulaire spécifique (par exemple #FORMULAIRE_CONFIGURER_HTML5UP_SOLID_STATE) et un rangement spécifique (par exemple #CONFIG{html5up_solid_state/bidule}).
Cela faciliterait le test de différents thèmes de la famille html5up en gardant identiques les éléments de la configuration commune. Peut être une mise en commun d’un fichier de langue serait-elle possible aussi.

Autres templates à porter

-  Aerial
-  Arcana
-  Astral
-  Directive
-  Dopetrope
-  Escape Velocity
-  Eventually
-  Fractal
-  Future Imperfect
-  Halcyonic
-  Helios
-  Highlights
-  Identity
-  Minimaxing
-  Miniport
-  Multiverse
-  Overflow
-  Photon
-  Prologue
-  Read Only
-  Spectral
-  Striped
-  Telephasic
-  Tessellate
-  Twenty
-  TXT
-  Verti
-  Zerofour

Dernière modification de cette page le 1er mars 2019

Discussion

5 discussions

  • Je suis en train de travailler sur le template solid state. N’ayant jamais utilisé zpip, j’ai un peu ramé sur certains points qui m’ont obligé à réviser spip ce qui en soi n’est pas un mal, mais je rame beaucoup pour modifier le menu. J’ai bien évidemment installé le plugin menus
    Dans zpip on dit de nommer son menu barrenav pour qu’il s’affiche correctement. J’ai essayé en lui donnant l’identifiant « barrenav » ou « barre-nav » ou « menu », mais rien à faire.
    Quelqu’un a-t-il une piste ?
    D’avance merci

    Répondre à ce message

  • Liste et explications très utiles que j’ai mis du temps à retrouver car les squelettes sont dans une autre rubrique : https://contrib.spip.net/Squelettes-speciaux
    Il faudrait peut-être lier les 2

    Répondre à ce message

  • Bonjour, J’essaie le squelette Alpha pour un site pour mes élèves (ibnonamr.com) ; j’en suis très content mais la bannière en haut du site ne s’affiche que quand je suis connecté sinon elle disparait contrairement à celle plus bas. pourtant j’ai configuré les 2 dans l’espace privé du squelette en donnant les id du document à afficher. y a t il une âme charitable pour nous aider. En vous remerciant.
    Mos

    Répondre à ce message

  • 5

    Bonjour
    tout d’abord merci à tous pour ces portages !
    je voulais tester landed porté par nicod

    je n’arrive par avec Tortoise à récupérer la SVN de https://zone.spip.net/trac/spip-zone/browser/_squelettes_/html5up_landed

    message : Unable to connect ...blabla.. XML Parsing failed : Unexpected root element ’html’

    l’url saisie devient https://zone.spip.net/trac/spip-zone/browser/_squelettes_/html
    il semblerait donc que le 5 coupe la chaine ?
    merci pour votre aide et bonnes fêtes à tous
    Natacha

    • Bonjour,

      je viens de tester en ligne de commandes :
      svn checkout svn ://zone.spip.org/spip-zone/_squelettes_/html5up_landed
      et ça fonctionne très bien.
      Par contre, je n’utilise pas Tortoise (mais ça m’étonne qu’il coupe sur le 5).

    • Merci pour votre réponse
      en fait ce n’est pas le 5
      je dois pas bien m’en servir car quelque soit le dossier

      Unable to connect to a repository at URL ’svn ://zone.spip.org/spip-zone/_squelettes_/html5up_landed’
      Can’t connect to host ’zone.spip.org’ : Une tentative de connexion a échoué car le parti connecté n’a pas répondu convenablement au-delà d’une certaine durée ou une connexion établie a échoué car l’hôte de connexion n’a pas répondu.

    • Si ton copier coller est fidèle, tu as saisis une espace en trop entre svn et : dans le paramétrage du repo pour tortoise. Enlève cet espace et ça pourrait aller bien mieux.

    • Ah non, c’est |propre qui ajoute l’espace dans les textes courants...

      Alors pour toi ce serait l’occasion de te mettre à la ligne de commande !

      svn checkout svn://zone.spip.org/spip-zone/_squelettes_/html5up_landed

    • Merci !!
      et très bonnes fêtes

    Répondre à ce message

  • Bonjour
    tout d’abord merci à tous pour ces portages !
    je voulais tester landed porté par nicod

    je n’arrive par avec Tortoise à récupérer la SVN de https://zone.spip.net/trac/spip-zone/browser/_squelettes_/html5up_landed

    message : Unable to connect ...blabla.. XML Parsing failed : Unexpected root element ’html’

    l’url saisie devient https://zone.spip.net/trac/spip-zone/browser/_squelettes_/html
    il semblerait donc que le 5 coupe la chaine ?
    merci pour votre aide et bonnes fêtes à tous
    Natacha

    Répondre à ce message

Ajouter un commentaire

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