Des squelettes SPIP pour les thèmes HTML5UP

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

Thèmes HTML5UP portés sous SPIP :

Note : attention, certains thèmes ne sont qu’à l’étape d’ébauches

Thèmes HTML5UP portés sous la forme de plugin de squelette SPIP
Nom Démo HTML5 UP Démo SPIP Doc Plugin Source auteurs
Solid State oui - 5161 - - Jean Marie chankalan Matthieu Marcillaud
Massively oui - 5123 en test Spip Zone Jean Marie chankalan
Hyperspace V2 oui 1 & 2 4772 ? git L0r3nt
Hyperspace V3 oui non 5240 ? git jeanmarie
Alpha oui oui 5082 en test Spip Zone Ben Jean Marie
Parallelism oui oui 4018 stable Spip Zone Suske
Editorial oui - 4947 stable Spip Zone chankalan
Strongly Typed oui oui 4893 cf doc. cf doc. nostromo
Story oui oui 4999 en test Spip Zone erational
Phantom oui - 5019 stable Spip Zone chankalan
Spectral oui oui 5166 test Spip Zone cent20
Strata oui - ext cf doc. git Fa_b
Lens oui - non non Spip Zone Got
bigpicture oui - non ? Spip Zone Laurent Jullien
Landed oui oui non stable Spip Zone nicod
Paradigm Shift oui - 5169 ? Spip Zone jeanmarie
Escape Velocity oui - non ? Externe Fa_b
Prologue oui - non ? Externe Fa_b
Forty oui oui oui ? Spip Git jeanmarie

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.

Infos complémentaires à intégrer aux doc respectives

Ces informations utiles devraient être intégrées dans les articles de doc respectives pour ne pas disperser la doc. (cent20)

Massively

  • Configurations variées : couleurs, menus, largeur,
  • 2 modes : “blog” ou “minisite”
  • Interfacé avec plugins Pages Uniques, Liens Sociaux, Crayons...

Parallelism

  • 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

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.

Pour un portage efficace

-  comment porter ?
-  des conventions à respecter ?

Vous souhaitez contribuer à la communauté SPIP en portant des thèmes HTML5UP sous forme de plugins, rendez-vous par ici (article en cours de rédaction).

Autres templates à porter

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

Crédits : icone sous licence CC, inspirée par celle de Adrien Coquet

updated on 9 July 2020

Discussion

7 discussions

  • 1

    Bonjour;

    J’ai repris donc html5up_lens.

    Après quelques heures (!) de boulot, je suis arrivé à quelque chose de convenable.
    vous pouvez trouver, en attendant un accès au git officiel, les sources ici:
    https://github.com/rsuinux/html5up_lens
    un site plus qu’en démo, avec le plugin actif:
    https://lil-elefen.suinot.org

    Vous pouvez compléter (si vous le voulez) le tableau de votre article.

    Cordialement.

    • Super. Je serai d’avis d’attendre que tu aies migré sur git.spip.net pour pas faire 2 fois la mise à jour mais relance ta demande de compte sur la mailing liste spip-dev car parfois c’est pas bien vu...

    Reply to this message

  • 7

    Bonjour;
    J’ai posté hier sur la liste spip@rezo.net, mais il m’ont conseillé de venir plutôt ici. Je m’exécute donc.
    Voila mon souci:
    Je suis embêté par le squelette html5up lens.
    J’ai trouvé les sources ici: http://zone.spip.org/trac/spip-zone/browser/_squelettes_/html5up_lens
    Il ne semble pas tout à fait complet, et surtout parait totalement à l’abandon( dernière modification 3 mars 2016 )
    Les tests effectués montre qu’il ne manque pas grand chose pour que cela fonctionne.

    J’ai récupéré le contenu, commencé à modifier, en local.

    Mais il n’y a aucun auteur (juste le nom, sans email) et aucun moyen de le contacter pour le prévenir des modifications et/ou de la reprise du travail. Je considère (mais peut être ai-je tord) que c’est la moindre des choses.
    Dans paquet.xml, je n’ai que ça:

    <auteur>Got</auteur>
    <auteur lien="http://html5up.net">html5up</auteur>
    <licence lien="http://html5up.net/license">CC-By</licence>

    Ma question est donc:
    Comment je fais:
    Je laisse tomber le developpement? Je rajoute mes propres valeurs? Comment je commit? Est-ce que commit?

    Bref, que des questions sur comment on gère l’après d’un (possible?) abandon de projet.

    Merci de vos avis.
    Rémi.

    • Salut Rémi,
      mon avis , c’est “vas y” ! Si l’auteur n’a pas déposé son plugin lui-même et que son mail n’a même pas été indiqué, et que par ailleurs il ne participe pas à la communauté SPIP, c’est qu’il n’est pas particulièrement attaché à sa progéniture spipienne, et il ne te tiendra probablement pas rigueur d’améliorer ce plugin ! (Au contraire il y a des chances qu’il apprécie qu’elle vive sa vie et rencontre un autre papa.)
      Donc si tu apportes des modification substantielles au plugin, tu peux t’ajouter auteur...

    • Je dirais ici la même chose. Attend tout de même une semaine, dès fois que l’auteur répondrait ici.

      Hésite pas à utiliser la forge git pour faire une branche de dev.

    • Merci de vos avis à tous les deux.

      Je vais attendre un peu effectivement.

      Une dernière question: y a t il une doc pour déposer sur git?
      J’ai un compte sur github, mais il doit y avoir des particularités pour rester “dans spip” je suppose?

      Rémi.

    • Le repo git des plugins est https://git.spip.net. Il faut t’y créer un compte et déposer une clé SSH publique. Le repo du plugin est dans l’organisation “Squelettes” : https://git.spip.net/spip-contrib-squelettes/html5up_lens
      Ya plein de doc sur le net pour git alors à quel propos veux tu de la doc ? Pour spip et git.spip.net particulièrement il y a un début de FAQ : FAQ pratique : Comment SPIPer avec git.spip.net.

    • Pour avoir un compte sur git.spip.net il faut demander sur spip-dev.
      Je t’invite égaleent à lire http://blog.smellup.net/spip.php?article109

    • Je vais donc m’y mettre (sur spip-dev)
      Et lire un peut plus à fond , la Doc.
      Merci a tout les deux.

      Rémi.

    • Salut,

      je précise que j’avais conseillé de poster la liste spip-dev ( https://www.mail-archive.com/spip@rezo.net/msg79265.html ) notamment pour avoir un retour de bruno qui a mis le plugin sur la zone. Même s’il n’en est pas l’auteur, il aura peut-être un historique.

      Par contre, je me rends compte en regardant mon mail, que j’y ai mis le mauvais lien, désolé.
      Voici le bon qui peut servir de “guide” pour porter ces thèmes HTML5UP : https://contrib.spip.net/Themes-HTML5UP-Pour-un-portage-efficace

      Quoi qu’il en soit, merci de ta participation :)

    Reply to this message

  • 1

    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

    • Je crois qu’il y a une réflexion sur le rangement des pages de présentation des modèles de squelettes sur ce site. Il me semble qu’un rangement par date et filtre sur les caractéristiques (responsive / onepage / plugin / compatibilité version SPIP / SPIPr / etc etc..) serait utile.

    Reply to this message

  • 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

    Reply to this 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

    Reply to this 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

    Reply to this 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

    Reply to this message

Ajouter un commentaire

Who are you?
[Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom