Des squelettes SPIP pour les thèmes HTML5UP

Publié le : 10 septembre 2018 – Dernière modification le 5 janvier 2024 – par jeanmarie, JLuc – 33 commentaires

1
2
3
4
5
26 votes

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 et l’existence d’une documentation augure d’une meilleure pérennité et d’un meilleur suivi du plugin.

Thèmes HTML5UP portés sous la forme de plugin de squelette SPIP
Nom Démo
HTML5 UP 		Démo SPIP Lien
Alpha oui oui (V1) / oui (V2) Doc
Big Picture oui - Forge communautaire
(plugin non fonctionnel)
Editorial oui - Doc
Escape Velocity oui oui Doc
Forty oui oui / oui Doc
Hyperspace oui oui Doc
Landed oui oui Doc
Lens oui - Dépôt externe
Massively oui - Doc
Paradigm Shift oui - Doc
Parallelism oui oui Doc
Phantom oui - Doc
Photon oui oui Doc
Prologue oui - Doc
Solid State oui - Doc
Spectral oui oui (V2) Doc
Story oui oui Doc
Strata oui - Dépôt externe
Strongly Typed oui oui Doc
Telephasic oui oui Doc
Twenty oui - Doc
TXT oui oui Doc
Zerofour oui - Doc

Thèmes 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.

Vous pouvez également échanger avec la personne qui l’a développé et même, pourquoi pas, rédiger la documentation pour rendre ce plugin accessible à tout le monde. C’est aussi ça contribuer :)

Pour un portage efficace

Comment porter un thème HTML5up pour SPIP ? Quelles conventions respecter pour en faciliter l’usage et la maintenance ?

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

Autres templates à porter

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

Discussion

5 ans 1 an 3 mois Sans limite
par date
Filtrer

11 discussions

  • 3
    tot44

    Bonjour,

    Je viens de migrer de spip 3.2.12 (version 3.2.14 dispo) vers Spip 4.0.5 avec
    HTML5 UP Landed 1.2.2.
    Changeant d’hébergeur je suis parti sur une installation fraîche.
    Tout semble bon pour le moment dans mon cas en mode compatibilité forcée.

    _ Passage à spip 4.0.5

    Pour migrer j’ai fait :
    -  un dump sql via phpmyadmin (export sql de ma bd spip 3.2.12 puis import via phpmyadmin dans ma nouvelle base.
    -  modifié le préfixe de table dans config/connect.php par celui de mes anciennes tables
    -  retourné sur monsitespip/ecrire
    -  validé la mise à jour de la base de donnée proposée dans l’espace privé

    _ Intallation de HTML5 UP Landed 1.2.2

    J’ai modifié le fichier config/mes_options.php en ajoutant une ligne

    // compatibilité forcée pour plugin spip 3.2
define('_DEV_VERSION_SPIP_COMPAT',"3.2.99");

    puis installé HTML5 UP Landed 1.2.2 via l’url
    https://files.spip.org/spip-zone/spip-contrib-squelettes/html5up_landed-3b58e-v1.2.2.zip
    J’ai installé le plugin Saisies pour formulaires 4.3.2 (≥ 3.23.2 nécessaire pour html5_landed) compatible spip 4.0 via l’url :
    https://files.spip.org/spip-zone/sp...

    Et c’est tout bon.

    A quand une page HTML5 UP Landed sur contrib ?

    Cordialement, Anthony.
    Un site spip et HTML5 UP Landed

    Répondre à ce message

  • 1
    Christophe

    Le plugin HTML5 UP Landed 1.2.2 testé avec succès sur un Spip 4.1.9 en ayant modifié la borne du fichier paquet.xml

    Répondre à ce message

  • 2
    rpapa

    Salut

    Quelqu’un travaille-t-il sur le squelette adapté de Minimaxing ?

    Je veux bien m’associer à ce travail.

    En fait je cherche un squelette adapté à HTML5Up sur 3 colonnes, c’est le seul, il me semble !

    Merci

    Répondre à ce message

  • 2
    Kadyan

    Bonjour,
    J’utilise HTML5up landed depuis quelques mois et je le trouve très beau.
    Je voudrais juste ajouter une image sur la banner comme pour le site de démo proposé ici et que cette image apparaisse avec un voile opacifiant dessus qui varie en l’affichant.
    Je suis arrivée à le faire avec le code téléchargé directement depuis le site HTML5up mais pas avec le code adapté pour SPIP.
    J’ai fait les modif dans le main.css mais même si l’image apparait, la gestion de l’opacité ne fonctionne pas et l’image reste plein pot.
    #banner
    background-attachment : fixed ;
    background-color : #395278 ;
    background-image : url(« images/image_fond.JPG ») ;
    background-position : center center ;
    background-size : cover ;
    box-shadow : 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.25) ;
    min-height : 100vh ;
    position : relative ;
    text-align : center ;
    z-index : 21 ;
    #banner:before
    content : ’’ ;
    display : inline-block ;
    height : 100vh ;
    vertical-align : middle ;
    width : 1% ;
    #banner:after
    background-image : -moz-linear-gradient(top, rgba(24, 24, 24, 0.95), rgba(57, 82, 120, 0.8)), url(« images/overlay.png ») ;
    background-image : -webkit-linear-gradient(top, rgba(24, 24, 24, 0.95), rgba(57, 82, 120, 0.8)), url(« images/overlay.png ») ;
    background-image : -ms-linear-gradient(top, rgba(24, 24, 24, 0.95), rgba(57, 82, 120, 0.8)), url(« images/overlay.png ») ;
    background-image : linear-gradient(top, rgba(24, 24, 24, 0.95), rgba(57, 82, 120, 0.8)), url(« images/overlay.png ») ;
    content : ’’ ;

    J’ai aussi fait des modif dans theme_landed.css.html
    #SETbanner_opacite1, #CONFIGhtml5_landed/banner_opacite1|floatval|trim|sinon0.95
    #SETbanner_opacite2, #CONFIGhtml5_landed/banner_opacite2|floatval|trim|sinon0.70

    J’ai aussi tenté de changer dans configurer_html5_landed.html mais rien n’y fait.
    Je n’arrive pas à retrouver l’effet opacifiant sur l’image. Quelqu’un a-t-il eu le problème ? Quelle solution ?

    Merci

    Répondre à ce message

  • 1
    rsuinux

    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.

    • JLuc

      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...

    Répondre à ce message

  • 7
    rsuinux

    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.

    • JLuc

      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...

    • Maïeul

      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.

    • rsuinux

      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.

    • JLuc

      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.

    • Maïeul

      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

    • rsuinux

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

      Rémi.

    • jeanmarie

      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 :)

    Répondre à ce message

  • 1
    DD

    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

    • DD

      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.

    Répondre à ce message

  • guilaind

    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

  • ibno

    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
    Natacha

    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

    • nicod_

      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).

    • Natacha

      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.

    • JLuc

      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.

    • JLuc

      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

    • Natacha

      Merci !!
      et très bonnes fêtes

    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