[SPIP Zone] [Spip-zone-commit] r104140 - in _squelettes_/html5up_strongly_typed

Archives Zone
1

Bonjour,
merci pour cette contribution, mais il semble manquer quelques éléments pour aider à comprendre.
Il faudrait se baser sur les autres thèmes HTML5up pour toute la structure dossiers/fichiers, et bien placer un paquet.xml à la racine du projet pour qu'on puisse l'installer comme les autres, et comprendre si c'est un travail en cours et en développement... ce que je suppose...
Merci des précisions...

Le 03/05/2017 à 10:27, spip-zone-commit@rezo.net a écrit :

Author: laurent@brindefolie.com
Date: 2017-05-03 10:27:38 +0200 (Wed, 03 May 2017)
New Revision: 104140

Added:
    _squelettes_/html5up_strongly_typed/IMG/
    _squelettes_/html5up_strongly_typed/IMG/carre.png
    _squelettes_/html5up_strongly_typed/assets/
    _squelettes_/html5up_strongly_typed/assets/css/
    _squelettes_/html5up_strongly_typed/assets/css/font-awesome.min.css
    _squelettes_/html5up_strongly_typed/assets/css/ie8.css
    _squelettes_/html5up_strongly_typed/assets/css/images/
    _squelettes_/html5up_strongly_typed/assets/css/images/bracket.svg
    _squelettes_/html5up_strongly_typed/assets/css/main.css
    _squelettes_/html5up_strongly_typed/assets/fonts/
    _squelettes_/html5up_strongly_typed/assets/fonts/FontAwesome.otf
    _squelettes_/html5up_strongly_typed/assets/fonts/fontawesome-webfont.eot
    _squelettes_/html5up_strongly_typed/assets/fonts/fontawesome-webfont.svg
    _squelettes_/html5up_strongly_typed/assets/fonts/fontawesome-webfont.ttf
    _squelettes_/html5up_strongly_typed/assets/fonts/fontawesome-webfont.woff
    _squelettes_/html5up_strongly_typed/assets/fonts/fontawesome-webfont.woff2
    _squelettes_/html5up_strongly_typed/assets/fonts_old/
    _squelettes_/html5up_strongly_typed/assets/fonts_old/FontAwesome.otf
    _squelettes_/html5up_strongly_typed/assets/fonts_old/fontawesome-webfont.eot
    _squelettes_/html5up_strongly_typed/assets/fonts_old/fontawesome-webfont.svg
    _squelettes_/html5up_strongly_typed/assets/fonts_old/fontawesome-webfont.ttf
    _squelettes_/html5up_strongly_typed/assets/fonts_old/fontawesome-webfont.woff
    _squelettes_/html5up_strongly_typed/assets/fonts_old/fontawesome-webfont.woff2
    _squelettes_/html5up_strongly_typed/assets/js/
    _squelettes_/html5up_strongly_typed/assets/js/ie/
    _squelettes_/html5up_strongly_typed/assets/js/ie/PIE.htc
    _squelettes_/html5up_strongly_typed/assets/js/ie/backgroundsize.min.htc
    _squelettes_/html5up_strongly_typed/assets/js/ie/html5shiv.js
    _squelettes_/html5up_strongly_typed/assets/js/ie/respond.min.js
    _squelettes_/html5up_strongly_typed/assets/js/jquery.dropotron.min.js
    _squelettes_/html5up_strongly_typed/assets/js/jquery.min.js
    _squelettes_/html5up_strongly_typed/assets/js/main.js
    _squelettes_/html5up_strongly_typed/assets/js/skel-viewport.min.js
    _squelettes_/html5up_strongly_typed/assets/js/skel.min.js
    _squelettes_/html5up_strongly_typed/assets/js/util.js
    _squelettes_/html5up_strongly_typed/assets/sass/
    _squelettes_/html5up_strongly_typed/assets/sass/ie8.scss
    _squelettes_/html5up_strongly_typed/assets/sass/libs/
    _squelettes_/html5up_strongly_typed/assets/sass/libs/_functions.scss
    _squelettes_/html5up_strongly_typed/assets/sass/libs/_mixins.scss
    _squelettes_/html5up_strongly_typed/assets/sass/libs/_skel.scss
    _squelettes_/html5up_strongly_typed/assets/sass/libs/_vars.scss
    _squelettes_/html5up_strongly_typed/assets/sass/main.scss
    _squelettes_/html5up_strongly_typed/images/
    _squelettes_/html5up_strongly_typed/images/banner.jpg
    _squelettes_/html5up_strongly_typed/images/bracket.svg
    _squelettes_/html5up_strongly_typed/images/carre.png
    _squelettes_/html5up_strongly_typed/images/pic01.jpg
    _squelettes_/html5up_strongly_typed/images/pic02.jpg
    _squelettes_/html5up_strongly_typed/images/pic03.jpg
    _squelettes_/html5up_strongly_typed/images/pic04.jpg
    _squelettes_/html5up_strongly_typed/images/pic05.jpg
    _squelettes_/html5up_strongly_typed/images/pic06.jpg
    _squelettes_/html5up_strongly_typed/images/pic07.jpg
    _squelettes_/html5up_strongly_typed/images/quadrature.png
    _squelettes_/html5up_strongly_typed/images/trait.png
    _squelettes_/html5up_strongly_typed/squelettes/
    _squelettes_/html5up_strongly_typed/squelettes/404.html
    _squelettes_/html5up_strongly_typed/squelettes/IMG/
    _squelettes_/html5up_strongly_typed/squelettes/IMG/1959_a.png
    _squelettes_/html5up_strongly_typed/squelettes/archives.html
    _squelettes_/html5up_strongly_typed/squelettes/article.html
    _squelettes_/html5up_strongly_typed/squelettes/assets/
    _squelettes_/html5up_strongly_typed/squelettes/assets/css/
    _squelettes_/html5up_strongly_typed/squelettes/assets/css/font-awesome.min.css
    _squelettes_/html5up_strongly_typed/squelettes/assets/css/ie8.css
    _squelettes_/html5up_strongly_typed/squelettes/assets/css/images/
    _squelettes_/html5up_strongly_typed/squelettes/assets/css/images/bracket.svg
    _squelettes_/html5up_strongly_typed/squelettes/assets/css/main.css
    _squelettes_/html5up_strongly_typed/squelettes/assets/fonts/
    _squelettes_/html5up_strongly_typed/squelettes/assets/fonts/FontAwesome.otf
    _squelettes_/html5up_strongly_typed/squelettes/assets/fonts/fontawesome-webfont.eot
    _squelettes_/html5up_strongly_typed/squelettes/assets/fonts/fontawesome-webfont.svg
    _squelettes_/html5up_strongly_typed/squelettes/assets/fonts/fontawesome-webfont.ttf
    _squelettes_/html5up_strongly_typed/squelettes/assets/fonts/fontawesome-webfont.woff
    _squelettes_/html5up_strongly_typed/squelettes/assets/fonts/fontawesome-webfont.woff2
    _squelettes_/html5up_strongly_typed/squelettes/assets/js/
    _squelettes_/html5up_strongly_typed/squelettes/assets/js/ie/
    _squelettes_/html5up_strongly_typed/squelettes/assets/js/ie/PIE.htc
    _squelettes_/html5up_strongly_typed/squelettes/assets/js/ie/backgroundsize.min.htc
    _squelettes_/html5up_strongly_typed/squelettes/assets/js/ie/html5shiv.js
    _squelettes_/html5up_strongly_typed/squelettes/assets/js/ie/respond.min.js
    _squelettes_/html5up_strongly_typed/squelettes/assets/js/jquery.dropotron.min.js
    _squelettes_/html5up_strongly_typed/squelettes/assets/js/jquery.min.js
    _squelettes_/html5up_strongly_typed/squelettes/assets/js/main.js
    _squelettes_/html5up_strongly_typed/squelettes/assets/js/skel-viewport.min.js
    _squelettes_/html5up_strongly_typed/squelettes/assets/js/skel.min.js
    _squelettes_/html5up_strongly_typed/squelettes/assets/js/util.js
    _squelettes_/html5up_strongly_typed/squelettes/assets/sass/
    _squelettes_/html5up_strongly_typed/squelettes/assets/sass/ie8.scss
    _squelettes_/html5up_strongly_typed/squelettes/assets/sass/libs/
    _squelettes_/html5up_strongly_typed/squelettes/assets/sass/libs/_functions.scss
    _squelettes_/html5up_strongly_typed/squelettes/assets/sass/libs/_mixins.scss
    _squelettes_/html5up_strongly_typed/squelettes/assets/sass/libs/_skel.scss
    _squelettes_/html5up_strongly_typed/squelettes/assets/sass/libs/_vars.scss
    _squelettes_/html5up_strongly_typed/squelettes/assets/sass/main.scss
    _squelettes_/html5up_strongly_typed/squelettes/auteur.html
    _squelettes_/html5up_strongly_typed/squelettes/breve.html
    _squelettes_/html5up_strongly_typed/squelettes/inclure/
    _squelettes_/html5up_strongly_typed/squelettes/inclure/auteur.html
    _squelettes_/html5up_strongly_typed/squelettes/inclure/bas_de_page_article.html
    _squelettes_/html5up_strongly_typed/squelettes/inclure/bas_page.html
    _squelettes_/html5up_strongly_typed/squelettes/inclure/bas_remplacement.html
    _squelettes_/html5up_strongly_typed/squelettes/inclure/flash_infos.html
    _squelettes_/html5up_strongly_typed/squelettes/inclure/footer.html
    _squelettes_/html5up_strongly_typed/squelettes/inclure/partie_droite_rubrique.html
    _squelettes_/html5up_strongly_typed/squelettes/inclure/partie_droite_rubrique_1.html
    _squelettes_/html5up_strongly_typed/squelettes/inclure/partie_droite_rubrique_2.html
    _squelettes_/html5up_strongly_typed/squelettes/inclure/partie_droite_sommaire_1.html
    _squelettes_/html5up_strongly_typed/squelettes/inclure/partie_droite_sommaire_2.html
    _squelettes_/html5up_strongly_typed/squelettes/inclure/partie_haute_site.html
    _squelettes_/html5up_strongly_typed/squelettes/inclure/plan.html
    _squelettes_/html5up_strongly_typed/squelettes/inclure/resultat.html
    _squelettes_/html5up_strongly_typed/squelettes/inclure/resultat_archive.html
    _squelettes_/html5up_strongly_typed/squelettes/inclure/resultat_mots.html
    _squelettes_/html5up_strongly_typed/squelettes/inclure/retour_haut.html
    _squelettes_/html5up_strongly_typed/squelettes/infos.txt
    _squelettes_/html5up_strongly_typed/squelettes/modeles/
    _squelettes_/html5up_strongly_typed/squelettes/modeles/galleria.html
    _squelettes_/html5up_strongly_typed/squelettes/mot.html
    _squelettes_/html5up_strongly_typed/squelettes/plan.html
    _squelettes_/html5up_strongly_typed/squelettes/recherche.html
    _squelettes_/html5up_strongly_typed/squelettes/rubrique.html
    _squelettes_/html5up_strongly_typed/squelettes/sommaire.html
Log:
Vous trouverez dans le rep. Squelettes un fichier infos.txt vous donnant des infos complémentaires

Details: Connexion · GitLab

_______________________________________________
Spip-zone-commit@rezo.net - http://listes.rezo.net/mailman/listinfo/spip-zone-commit

--

----
chan

2

Bonjour

Qu’est-ce que vous appelez un paquet .xml ? J’ai pris les fichiers originaux à partir de l’url comme indiqué dans infos.txt et j’ai ensuite inséré à l’intérieur de ceux-ci des boucles SPIP
C’est effectivement en cours de développement même si c’est opérationnel dans une certaine mesure et me contentant assez bien pour ce qui me concerne.
Sinon quels sont les éléments manquants ?

Pour la "petite histoire", sachez que depuis la parution de html5up strongly types, je « lorgnais » sur ces fichiers car trouvant la présentation intéressante. Ensuite, j’ai vu passé une demande (ne me rappelle plus de qui ni quand) concernant la mise en place de boucles sur html5up_alpha, html5up_bigpicture et enfin html5up_lens
Le temps a passé et il y a deux ou trois semaines, je me suis lancé aussi. En trois jours le plus gros était fait et j’ai mis en ligne.
Comme je voyais que du côté de l’espace Zone, html5up strongly types n’avait pas été ajouté j’ai décidé de le proposer. Après bien des efforts, les fichiers sont en ligne...

Bon maintenant c’est vrai que cela n’est pas parfait parfait, mais bon, j’ai essayé de « défricher" ce que je pouvais et dans la mesure de mes connaissances de SPIP. Après….

L.

merci pour cette contribution, mais il semble manquer quelques éléments pour aider à comprendre.
Il faudrait se baser sur les autres thèmes HTML5up pour toute la structure dossiers/fichiers, et bien placer un paquet.xml à la racine du projet pour qu'on puisse l'installer comme les autres, et comprendre si c'est un travail en cours et en développement... ce que je suppose...
Merci des précisions...

3

Salut Laurent.

4 
Bonjour

Qu’est-ce que vous appelez un paquet .xml ? J’ai pris les fichiers originaux à partir de  l’url comme indiqué dans infos.txt et j’ai ensuite inséré à l’intérieur de ceux-ci des boucles SPIP
C’est effectivement en cours de développement même si c’est opérationnel dans une certaine mesure et me contentant assez bien pour ce qui me concerne.
Sinon quels sont les éléments manquants ?

Pour la "petite histoire", sachez que depuis la parution de html5up strongly types, je « lorgnais » sur ces fichiers car trouvant la présentation intéressante. Ensuite, j’ai vu passé une demande (ne me rappelle plus de qui ni quand)  concernant la mise en place de boucles sur html5up_alpha, html5up_bigpicture et enfin html5up_lens 
Le temps a passé et il y a deux ou trois semaines, je me suis lancé aussi. En trois jours le plus gros était fait et j’ai mis en ligne. 
Comme je voyais que du côté de l’espace Zone, html5up strongly types n’avait pas été ajouté j’ai décidé de le proposer. Après bien des efforts, les fichiers sont en ligne...

Bon maintenant c’est vrai que cela n’est pas parfait parfait, mais bon, j’ai essayé de « défricher" ce que je pouvais et dans la mesure de mes connaissances de SPIP. Après…. 

L.


merci pour cette contribution, mais il semble manquer quelques éléments pour aider à comprendre.
Il faudrait se baser sur les autres thèmes HTML5up pour toute la structure dossiers/fichiers, et bien placer un paquet.xml à la racine du projet pour qu'on puisse l'installer comme les autres, et comprendre si c'est un travail en cours et en développement... ce que je suppose...
Merci des précisions...


----
 -

Hello,

Pour t’éclaircir un peut le pourquoi des commentaires :

Actuellement ton squelette, doit être installé a la main par la personne qui souhaite l’utiliser, il faut qu’il télécharge ton projet et qu’il installe les fichiers dans son dossier squelette (si j’ai bien compris, en survolant les commits que tu as fait sur la zone).

Tu peut faciliter l’installation de ton squelette en le transformant en plugin , ceci aura pour avantage d’être référencé dans svp (le gestionnaire de plugin auquel on ajoute le dépot spip-zone) et donc être plus facile a installer pour l’utilisateur lambda, mais aussi à maintenir pour toi (et potentiellement les autres devs ^^).

Autre avantage, l’utilisateur pourra si il le désire entre autre :

  • surcharger les fichiers depuis son dossier squelette
  • mettre a jour depuis l’administration des plugins les modifications que tu pourrais apporter par la suite

(etc, …)

en l’état actuel, ce n’est pas possible car tout sera dans le dossier squelette du site, à moins que tu ne considère ce squelette QUE comme une base de démarrage pouvant remplacer la dist de spip, et alors libre a chacun de faire ce qu’il souhaite en partant de ce point de départ, mais c’est un peut “dommage” car si tu apporte des modifications il faudra qu’il surveille et reporte tout ce que tu corrigera dans ton développement.

Pour transformer ton squelette en plugin de type squelette , très simple :

tu crée un fichier à la racine de ton dossier html5up”” paquet.xml avec dedans :


<paquet
    prefix="html5up_strongly_types"
    categorie="squelette"
    version="1.0.0"
    etat="dev"
    compatibilite="[3.0.0;3.1.*]"
>
    <nom>Skel - Html5up Strongly Types</nom>

    <auteur lien=>TON Nom</auteur>
    <credit lien=>Html5up Strogly Types</credit>

    <licence lien=>GNU/GPL</licence>
    <copyright>2017</copyright>

    <!--    Des plugin nécessités éventuels -->
    <necessite nom="selections_editoriales" compatibilite="[1.6.4;]" />
    <necessite nom="identite_extra" compatibilite="[1.3.0;]" />

    <!-- Des WebFont ou css externes : cdn ou autre     -->
    <style source= type="public"/>

    <!-- Ici tu règle les path pour #CHEMIN -->
    <chemin path="squelette/" />
    <chemin path="" />
</paquet>

a partir de ce moment tu peut activer le squelette depuis l’administration des plugins, et mettre l’ensemble des fichiers dans ton dossier mon_plugin/squelette (je pense que les dossier /assets au premier niveau ne sont plus nécessaires, il on l’air d’être dupliqués dans /squel).

voila, c’est un peut résumé/vulgarisé pour faire simple mais dans l’idée c’est ça (je pense… qu’on me corrige si besoin → fouet, menottes, matraque ^^)

les docs complémentaires (incontournables pour approfondir le sujet) sont dans le mail précédent de Gildas :wink:

Bon pluginage et @++

​

5

Bonjour

Effectivement je n’avais pas pensé à ce côté faciliteur d’installation en transformant les squelettes en plug-in
Si la machine le permet pourquoi se priver d’un tel avantage :slight_smile:
Je commence à cerner l’utilisation du Dépôt en lisant la documentation fournie par Gildas
Maintenant concernant le fonctionnement et le balisage au niveau du fichier « paquet.xml », j’ai quand même une question :

  • dans le fichier paquet.xml il est indiqué
<!-- Ici tu règle les path pour #CHEMIN -->
    <chemin path="squelette/" />
    <chemin path="" />

Quelle directory ? Elle correspond à quoi ? Je la trouve comment ?

Si j’ai bien compris les informations portées dans paquet.xml, en dehors de la directory, celui-ci après ajout d’informations au modèle fourni ressemble à cela ?


<paquet
    prefix="html5up_strongly_types"
    categorie="squelette"
    version="1.0.0"
    etat="dev"
    compatibilite="[3.0.0;3.1.*]"
>
    <nom>Skel - Html5up Strongly Types</nom>

    <auteur lien=>Laurent</auteur>
    <credit lien=>Html5up Strogly Types</credit>

    <licence lien=>GNU/GPL</licence>
    <copyright>2017</copyright>

    <!--    Des plugin nécessités éventuels -->
    <necessite nom=«nuage" compatibilite=« [4.0.6;]" />
    <necessite nom=« twitter" compatibilite="[1.5.0;]" />

    <!-- Des WebFont ou css externes : cdn ou autre     -->
    <style source= type="public"/>

    <!-- Ici tu règle les path pour #CHEMIN -->
    <chemin path="squelette/" />
    <chemin path="" />
</paquet>

Pour le reste, je regarde cela demain, je risque d’avoir encore des questions via ce fil :slight_smile:

Bonne fin de journée

L.

6

C’est pour indiquer a spip qu’il ira chercher les fichiers soit a la racine de ton plugin, soit dans le dossier /ton_plugin/squelette ceci facilite l’accès au /assets, et te permet de ranger tes fichiers html dans ton dossier comme tu l’as fait. cela dit tu peut zapper ça et tout mettre a la racine de ton plugin sans ajouter dans le paquet, ça dépend des habitudes de chacun en gros oui, fait attention aux guillemets qu’il soient identique par ex et pour le c’était pour exemple tu n’est pas obligé de l’ajouter :wink: c’est fait pour ^^

7

hello,
tu dois renseigner le chemin seulement s’il est différent du chemin par défaut, je pense donc que ce n’est pas la peine.
Sinon il semble rester des coquilles dans le paquet.xml, les guillemets ne sont pas tous fournis correctement…