SPIP-Contrib

SPIP-Contrib

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

290 Plugins, 198 contribs sur SPIP-Zone, 92 visiteurs en ce moment

Accueil > Squelettes > Squelettes généralistes > Html5up > Des squelettes SPIP pour les thèmes html5up

Des squelettes SPIP pour les thèmes html5up

10 septembre 2018 – par JLuc

10 votes

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
  • solid state porté par marcimat
  • editorial porté par ladnet et chankalan
  • landed porté par nicod
  • story par erational
  • phantom par chankalan

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
-  theme : https://html5up.net/hyperspace
-  Doc : https://contrib.spip.net/4772

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
-  démo du thème : https://html5up.net/editorial
-  doc : Éditorial (HTML5UP)
-  plugin : https://plugins.spip.net/html5up_editorial

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

Phantom
-  Démo du thème
-  Documentation du plugin SPIP
-  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

Alpha
-  démo du theme : http://html5up.net/alpha
-  plugin : https://plugins.spip.net/alpha.html
-  démonstration : https://la-cuisine-mol.ovh/

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

Strongly Typed

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

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 :
-  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
-  Strata
-  Striped
-  Telephasic
-  Tessellate
-  Twenty
-  TXT
-  Verti
-  Zerofour

Dernière modification de cette page le 11 septembre 2018

Retour en haut de la page

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

  • Jeux pour SPIP 3

    27 juillet 2012 – 53 commentaires

    Un portage pour SPIP 3 du plugin Jeux a été fait. Explications et nouveautés. Cet article concerne une mise à jour du plugin Jeux dont la description complète est disponible ici : Des jeux dans vos articles !. Le code du plugin Jeux est un code (...)

  • Plugin Vidéo(s)

    23 novembre 2010 – 704 commentaires

    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, iPad, (...)

  • Vidéo Accessible

    6 avril 2011 – 168 commentaires

    Un plugin pour faciliter la diffusion de vidéos accessibles. Accessibilité des vidéos Accessibilité de la vidéo Afin d’être pleinement accessible, une vidéo (composée d’images et de sons) doit répondre à plusieurs critères. Le critère de base est (...)

  • Groupes de mots clés arborescents

    26 juillet 2012 – 37 commentaires

    Ce plugin permet de gérer une arborescence de groupes de mots clés. Les sous groupes de mots héritent des propriétés du groupe racine (sur quoi peut on le lier ? peut il y avoir un ou plusieurs mots). Les formulaires de liens qui permettent de lier (...)

  • Mailshot

    16 janvier 2013 – 336 commentaires

    Ce plugin prend en charge l’envoi en nombre d’info-lettres par email. Mailshot permet l’envoi en nombre d’emails au moyen d’un SMTP (ou d’un service externe) dédié à cet effet. Il permet de limiter la cadence d’envoi. Enfin, ce plugin implémente la (...)