SPIP-Contrib

SPIP-Contrib

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

288 Plugins, 197 contribs sur SPIP-Zone, 262 visiteurs en ce moment

Accueil > Squelettes > Squelettes spéciaux > Hyperspace > Hyperspace : squelette responsive

Hyperspace : squelette responsive

8 mars 2016 – par L0r3nt – 41 commentaires

14 votes

Description

Ce squelette distribué en plugin est un portage pour SPIP du thème responsive "Hyperspace", proposé sur le site http://html5up.net/.
Voir la démo originale : http://html5up.net/hyperspace
Sites utilisant le plugin :

C’est une base de départ pour l’intégration d’un site simple de quelques pages.

Tout se passe principalement sur la page sommaire, le menu liste des articles/rubriques, chaque item du menu permettant de faire défiler la page pour afficher la zone appelée. Chaque zone de la page affiche soit un article seul, soit une liste d’articles.

Cependant le plugin fournit les principaux squelettes habillé avec le thème "Hyperspace" pour que la charte graphique reste un minimum cohérente avec la page d’accueil si on sort de la page d’accueil (article.html, rubrique.html, etc...).

Installation

Copier le dossier dans plugins/ puis activer le plugin dans l’administration de SPIP.
Nécessite le plugin Image Responsive.

Configuration

Remplir le formulaire de configuration :

Formulaire de configuration

(vous pouvez télécharger ce fichier image qui définit les "zones" rubrique principale, rubrique a, rubrique b, rubrique c : jpg/screenshot_doc_hyperspace.jpg)

Le plugin utilise Image Responsive pour la gestion des images dans le texte des articles.
La documentation du plugin indique :

Si vous utilisez les URL « propres » dans SPIP, il faut modifier votre fichier .htaccess pour y ajouter le contenu du fichier ajouter_a_htaccess.txt livré avec le plugin.

Téléchargement

Zip du plugin

Dépôt git : https://git.framasoft.org/L0r3nt/hy...

Dernière modification de cette page le 14 janvier 2017

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 22 mai à 11:06, par valin En réponse à : Hyperspace : squelette responsive

    Bonjour, j’ai actuellement mon site (lycee-valin.fr) qui fonctionne sur SPIP 3.0.16 et SAKRA 3.4.6
    Je souhaiterai utiliser Hyperspace - squelette responsive pour mon site.
    La manipulation est-elle réalisable sans perdre tout le contenu ?
    Y-a-t-il quelqu’un qui pourrait me driver dans cette aventure...?

    Merci

    • Le 14 juillet à 10:26, par Amaury Adon En réponse à : Hyperspace : squelette responsive

      Salut
      Tout dépend de ce que tu entends par « perdre tout le contenu ».
      Si c’est le contenu éditorial, il n’y a aucune raison de le perdre à moins e supprimer le dossier IMG et la base de données.
      Si ce sont les configurations spécifiques à sarkaspip, là, il est évident qu’elles seront perdues puisque ces deux squelettes n’utilisent pas du tout le m^me système.
      La migration est facile et réversible, tu poses le dossier de ce squelette dans le répertoire plugins à la racine de ton site, tu vas sur la page d’administration des plugins, tu désactive sarka, tu actives celui-ci, tu vides les caches (ou tu le désactives le temps de faire les opérations nécessaires), effectues la configuration à ta guise et c’est fini en moins de trente minutes (en prenant le temps de se faire des cafés). Et si ça ne te plait pas, tu désactive celui-là et tu réactives sarkaspip.
      Comme toujours avec spip, c’est simple et sans surprise.

    Répondre à ce message

  • Le 21 décembre 2016 à 16:08, par Ananda En réponse à : Hyperspace : squelette responsive

    Merci pour ce plugin, mais après essais, il n’est pas du tout utilisable avec mes compétences. A la fois sur PC, Iphone ou Ipad, où tout est chamboulé malgré plusieurs tentatives !

    • Le 21 décembre 2016 à 16:28, par L0r3nt En réponse à : Hyperspace : squelette responsive

      Bonjour

      sans plus d’information, il va être difficile de vous aider... (un lien peut être ?). Pour rappel, c’est une base de travail qui permet de mettre en place rapidement un site responsive. Selon la structure du contenu il faudra peut être modifier le code. Avez vous un dossier squelettes qui puisse perturber le bon affichage ?

    • Le 23 décembre 2016 à 12:57, par Ananda En réponse à : Hyperspace : squelette responsive

      Merci pour cette réponse, j’utilise le squelette EVA-Web, que je modifie pas mal, et j’utilise bcp de tableaux dans mes articles...
      Mais je ne veux pas vous faire perdre votre temps, car les modifs à faire sont vraiment nombreuses et aux delà de mes capacités, vu le rendu !
      Bien cordialement...

    • Le 23 décembre 2016 à 13:10, par L0r3nt En réponse à : Hyperspace : squelette responsive

      Je ne connais pas Evaweb mais je pense que l’utilisation d’Hyperspace avec d’autres squelettes n’est pas possible. Le plugin fournit ses propres fichiers qui je pense sont écrasés par les squelettes existant.

    • Le 23 décembre 2016 à 13:59, par Ananda En réponse à : Hyperspace : squelette responsive

      J’ai essayé à partir d’un SPIP 3.1 tout neuf, sans squelette, et en restaurant ma base de données, même résultat.

      Je tape bcp de code html dans mes articles, pour faire des tableaux agréables à la vue, je pense que c’est cela qui perturbe votre code...

    • Le 9 janvier à 01:43, par L0r3nt En réponse à : Hyperspace : squelette responsive

      Sans lien vers une page qui pose problème je ne pourrai pas vérifier si c’est le contenu de vos articles qui pose problème. Pour info il y avait un bug lors le l’activation du plugin, il fallait valider le formulaire de la page de config pour que celle si soit prise en compte. C’est corrigé sur la dernière version du plugin.

    Répondre à ce message

  • Le 10 octobre 2016 à 16:25, par Olivier En réponse à : Hyperspace : squelette responsive

    Bravo pour ce portage mais je ne qualifierai pas ce thème de responsive
    Sur PC/tablette ça passe mais sur smartphone, ce n’est pas concluant
    Le travail de L0r3nt n’est pas en cause
    Même la démo originale ne gère pas bien les images / menu
    Malheureusement je n’ai pas mes compétences techniques pour avancer sur la question :-/

    Répondre à ce message

  • Le 6 janvier à 10:54, par Shnoulle En réponse à : Hyperspace : squelette responsive

    Salut,

    Base très sympa, bien sur pas mal d’amélioration possible pour les admins, mais c’est sur github donc parfait.

    Perso, je verrais bien :

    • Sélecteur générique pour les rubriques/artciles
    • Possibilité de sélectionner X articles de base + X rubriques de fond (ou bien gérer le menu avec le plugin menu ?). D’ailleurs pourquoi ne pas avoir : tout directement ( on sélectionne 1 rubrique + 1 article : Tous les articles de la rubrique sont principaux et toutes les rubriques sont sélectionnée. )
    • du less : http://plugins.spip.net/lesscss.html pour gérer les feuilles de style (au moins les couleurs dans un premier temps) (j’ai vu le SASS, mais pas de plugin SASS à mla connaissance pour spip)
    • s’inspirer de zpip ou repartir sur zcore : pourquoi pas. Mais ne peut pas être compatible spipr bien sur.
    • Essayer de voir une compatibilité « theme » qui ne ferait que gérer les couleurs/styles. Pas évident : parceque la base n’est pas multi css (un gros fichier css brut)
    • Encore plein d’autres idées :)

    Sinon, 2 choses :

    • tant que la config n’a pas était validé : rien n’est affiché. J’ai eu du mal à le comprendre . Donc utiliser #CONFIGhyperspace_article_intro,1 par exemple serait plus compréhensible.
    • il faut virer le fichier perso.css : il doit venir du répertoire squelettes ...

    Répondre à ce message

  • Le 1er novembre 2016 à 16:58, par maya En réponse à : Hyperspace : squelette responsive

    bonsoir,

    merci pour ce joli plugin
    je veux utiliser ce plugin comme ettant squelette (créer un dossier squelettes et copier le contenu de ce plugin de dans) pour éviter la configuration en mode connecté. Est ce ya possibilité d’utiliser des mots clés ? sinon comment pourais-je faire ?

    merci de votre aide

    • Le 1er novembre 2016 à 22:15, par L0r3nt En réponse à : Hyperspace : squelette responsive

      Bonsoir, l’utilisation de mot clé n’est pas en place par défaut, il faudra modifier le code directement dans les squelettes pour ça.

    Répondre à ce message

  • Le 10 septembre 2016 à 12:19, par Marco En réponse à : Hyperspace : squelette responsive

    Bonjour à tous.

    Auriez-vous des exemples de ce thème sur des Spip qui tournent ?

    Petite question dans la foulée : Est-ce compatible avec Zpip ?

    Merci à tous.

    • Le 10 septembre 2016 à 13:44, par L0r3nt En réponse à : Hyperspace : squelette responsive

      Bonjour
      il y a deux exemples de site en ligne dans la description, les deux sont sur spip.
      Je ne connais pas du tout Zpip, je ne pense pas que ce soit compatible (hyperspace est autonome).
      J’envisage de simplifier son paramétrage avec le plugin menu, c’est dans ma todo list...

    • Le 10 septembre 2016 à 16:03, par Marco En réponse à : Hyperspace : squelette responsive

      Merci pour la réponse.

      J’ai effectivement remarqué après coup les deux exemples listés. Désolé pour le bruit...

      Je voulais juste observer un site avec une profondeur conséquente.

      Pour le sujet de Zpip, il reste d’actualité car je pense qu’on est nombreux à s’être intéressé au sujet car il « atomise » les blocs dans les pages et le plugin « composition » nous a habitué à un formalisme saint.

      Le passage html5/css3 via un thème n’est pas trivial dans le monde spip. La solution SpipR me rebute un peu alors que les autres CMS proposent des solutions simples en standard...

      Je présume que cette conversation devrait remonter ailleurs mais c’est vrai que la « modernisation » du design dans spip n’est pas simple ;-)

      Merci et à bientôt.

    Répondre à ce message

  • Le 20 juin 2016 à 14:46, par Perline En réponse à : Hyperspace : squelette responsive

    Bravo pour ce plugin « à la mode » qui permet de mettre en valeur un petit site.
    Installation simple.
    Je ne me suis pas encore attelée à bidouiller (où mettre quoi, et surtout varier les couleurs), et ça fait du bien de pouvoir installer un squelette, valable pour tous les terminaux, sans aucune bidouille nécessaire.
    Enfin des vacances :)
    Merci.

    • Le 5 juillet 2016 à 09:17, par Perline En réponse à : Hyperspace : squelette responsive

      J’ai un petit problème d’affichage.
      La rubrique que j’ai mise en premier comporte donc un article que j’ai choisi pour être affiché en haut, comme indiqué dans le réglage des paramètres.
      Mais s’il apparaît bien en haut de la page, en revanche dans le menu il apparaît à sa place selon l’ordre num_titre.
      Et quand on clique dessus dans ce menu ça ne ramène pas en haut de la page où il est, ça n’amène nulle part.
      Suis-je la seule ?
      Merci.

    • Le 5 juillet 2016 à 09:36, par L0r3nt En réponse à : Hyperspace : squelette responsive

      Bonjour, est il possible de voir le site ? D’avoir un accès à l’admin ?

    • Le 6 juillet 2016 à 17:37, par L0r3nt En réponse à : Hyperspace : squelette responsive

      Le bug doit être corrigé par la dernière version. Il restait un id de section « en dur » dans le sommaire.html, c’est corrigé pour le rendre dynamique.

    • Le 7 juillet 2016 à 00:35, par Perline En réponse à : Hyperspace : squelette responsive

      C’est parfait, ce problème est réglé, merci.
      En revanche, un petit détail : quand les titres sont « trop » longs, dans la configuration petit écran, quand le menu est horizontal en haut, seules les premières lettres sont visibles, il n’y a pas de possibilité d’épaisseur augmentée.
      Alors que dans le menu de gauche, quand l’écran est assez grand, quelle que soit la longueur du titre, ça marche.
      Merci.

    Répondre à ce message

  • Le 20 juin 2016 à 13:55, par jaseur Boreal En réponse à : Hyperspace : squelette responsive

    Bonjour,
    Peut-on utiliser une partie de ce plugin, par exemple la page accueil deroulee en sous-rubriques a l,interieur d’un autre squelette pour une des rubriques ?

    Par exemple dans un site sous squelette xyz, on utiliserait l’affichage des articles d’une rubrique seule sous ce format Hyperspace ?

    Qu’en pensez-vous ? Comment proceder ?

    Merci de tous les trucs

    • Le 20 juin 2016 à 18:18, par L0r3nt En réponse à : Hyperspace : squelette responsive

      Salut,

      Ca doit être possible de se servir du plugin, mais toutefois sans l’activer, et en bidouillant un peu.
      Il faut récupérer la page sommaire.html et les squelettes inclus nécessaires (html + js + css) pour les copier dans le dossier squelettes du site.
      Il faudrait ensuite renommer sommaire.html en rubrique-xx.html avec xx = id_rubrique de la rubrique sur laquelle on veut appliquer le modèle. Il faudra ensuite modifier les boucles pour que ça colle avec la structure des articles/rubriques.

      Il y a peut être un risque au niveau des js et css, vérifier que ça ne se marche pas dessus avec l’existant.

    • Le 20 juin 2016 à 18:43, par L0r3nt En réponse à : Hyperspace : squelette responsive

      Une autre option à tester : activer le plugin, renommer sommaire.html en rubrique=xx.html et supprimer tous les squelettes article.html, rubrique.html, etc, pour qu’ils ne surchargement pas les squelettes du site.

    Répondre à ce message

  • Le 25 avril 2016 à 19:29, par Ospeleo En réponse à : Hyperspace : squelette responsive

    Squelette sympathique, qui nécessite de modifier quelques fichiers pour être utilisé, car les numéros de rubriques dans le menu et les articles à afficher sont inscrits en dur dans le squelette (fichier sommaire.html), et pas de documentation.
    Mais squelette clair et simple à modifier. Une bonne base de départ. Merci !

    par défaut, le squelette affiche dans l’ordre :
    -  en intro, le nom du site et l’article 1 au complet
    -  puis tout le contenu des articles de la rubrique 1 (sauf l’article 1)
    -  puis le logo (recadré 500px), le titre et l’introduction des 5 derniers articles publiés de la rubrique 2 puis des 5 derniers articles de la rubrique 5 (avec « lire la suite »)
    -  puis le titre de la rubrique 4, et une liste de tous ses articles, avec : logos (recadrés 96px), titre (qui pointe vers l’url du site lié à l’article) et texte
    -  un pied de page

    • Le 30 avril 2016 à 19:45, par L0r3nt En réponse à : Hyperspace : squelette responsive

      Bonjour

      merci pour le retour, et les précisions sur le fonctionnement. Je prépare une version avec utilisation de variables de configuration pour paramétrer plus facilement le menu et l’affichage.

    Répondre à ce message

  • Le 19 mars 2016 à 11:22, par Benoit En réponse à : Hyperspace : squelette responsive

    Bonjour,
    Sur un spip 3.1.1
    J’ai installé le plugin dans le dossier plugins et, dans l’espace privé il est indiqué :
    Hyperspace thème responsive 1.0.0 - stable
    version incompatible
     ?!? Euh .. normal ?
    Merci pour vos lumières ;-)

    • Le 21 mars 2016 à 19:52, par L0r3nt En réponse à : Hyperspace : squelette responsive

      Bonjour

      je n’ai testé que sur un spip 3.0.22, pas sur un spip 3.1. Pour rendre l’installation possible il suffit de modifier les bornes dans le fichier paquet.xml. Je ne garanti pas le bon fonctionnement, mais il y a de bonnes chances pour que cela fonctionne sans problème.

    • Le 22 mars 2016 à 09:37, par benoit En réponse à : Hyperspace : squelette responsive

      Merci L0r3nt,

      mais euh .. je ne comprends pas trop ce que signifie « modifier les bornes » ..
      Pouvez-vous m’aiguiller ?
      Merci
      Benoît

    • Le 22 mars 2016 à 22:14, par L0r3nt En réponse à : Hyperspace : squelette responsive

      Bonjour

      dans le fichier paquet.xml, il faut remplacer la ligne :

      1. compatibilite="[3.0.0;3.0.*]"

      par

      1. compatibilite="[3.0.0;3.1.*]"
    • Le 24 mars 2016 à 09:34, par Benoit En réponse à : Hyperspace : squelette responsive

      Merci beaucoup !
      Ca marche :-)
      Benoît

    Répondre à ce message

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

  • Des jeux dans vos articles !

    9 décembre 2006 – 564 commentaires

    Le plugin « Jeux » permet d’insérer dans vos articles des jeux ou des exercices de toute sorte.

  • Qrcode

    3 novembre 2010 – 46 commentaires

    Les QrCodes sont des codes barres lisibles essentiellement par les téléphones portables et permettent d’échanger avec ceux-ci diverses informations, et en particulier des liens. Ce plugin à pour objet de permettre à spip d’utiliser des QrCodes pour (...)

  • Plugin Modèles media

    25 avril 2011 – 180 commentaires

    Les modèles , et produisent chacun un résultat différent et ce résultat, pour les images, dépend du fait qu’elle soit dans le portfolio ou non. Ce plugin propose une nouvelle série de modèles ayant un comportement unifié et indépendant du mode des (...)

  • Speedsyndic pour SPIP 2 et SPIP 3

    11 octobre 2010 – 27 commentaires

    Ce plugin est une version compatible spip 2.0.x / 2.1 / 3.1 du plugin Speedsyndic Note : Une bonne partie du texte ci-dessous a été pompé de cet article, expliquant la version précédente du plugin. je n’ai fait qu’adapter le code pour spip 2, (...)

  • LIM : alléger l’espace privé

    20 avril 2015 – 41 commentaires

    Ce plugin permet de désactiver l’affichage de blocs ou de boutons, présents par défaut dans SPIP mais qui peuvent devenir inutiles dans le cadre de votre projet. Il allège du coup l’interface d’édition et supprime d’éventuels risques de confusion (...)

Ça spipe par là