Installation
Ce plugin s’installe comme tous les plugins. Voir http://www.spip.net/fr_article3396.html
Il nécessite les plugins Adaptive Images, Saisies et ZCore.
Notes importantes :
Pour fonctionner, il faut activer les URL « propres » dans SPIP (menu Configuration > Configurer les URLs) et activer le fichier .htaccess de SPIP. Il faut également que le plugin Adaptive images soit configuré pour utiliser la méthode srcset +
Configuration
La configuration du plugin est accessible via le menu Squelettes > HTML5up Hyperspace
Page d’accueil
Il est possible de choisir l’image d’entête : via la médiathèque (menu Édition > Documents), ajouter un nouveau document puis, dans la page de configuration, indiquer le numéro de ce document.
Il est possible de choisir la rubrique qui sera affichée sous forme de grille ainsi que l’ordre d’affichage de ses articles en inverse chronologique par exemple pour une rubrique actualités ou blog.
Personnalisation
La feuille de style css/perso.css
sera prise en compte pour personnaliser l’affichage sans perdre les mises à jour futures du plugin. Idem pour les javascripts avec le fichier javascript/perso.js
.
Les couleurs sont personnalisables via des variables CSS. La liste complète est disponible dans le fichier css/main.css
(voir ici)
Modèles
Les modèles bouton
et icone
permettent d’afficher, dans le contenu, des boutons et icônes avec Font Awesome (liste des icônes disponibles).
Bouton (icône et texte avec lien dans un bloc encadré)
<bouton|icone=fa-heart|primary=oui|iconetexte=le texte|lien=https://www.domaine.net>
Icône (icône avec lien et texte alternatif)
<icone|icone=fa-heart|iconetexte=le texte|lien=https://www.domaine.net>
Plugins facultatifs
Identité Extra
L’activation du plugin Identité Extra affichera, en bas de la page, les informations de contacts.
Liens sociaux
Le plugin Liens vers les réseaux sociaux permet d’utiliser des liens et des icônes adéquates vers les réseaux utilisés.
Note : Il faut « Activer l’habillage graphique de la barre de liens avec la feuille de style basée sur la police socicon ».
Formulaire de contact
Le plugin Formulaire de contact avancé permet d’ajouter facilement un formulaire en pied de page de la page d’accueil.
Mailsubscribers / Newsletter
Si le plugin Mailsubscribers est installé, on affiche le formulaire d’inscription à la newsletter. A votre charge de créer la liste newsletter (voir la doc de Newsletters)
Menus
Le Plugin Menus permet d’ajouter un menu dans le pied de page : créer un nouveau menu avec l’identifiant pied et il apparaîtra automatiquement.
Les autres squelettes HTML5 UP
Le site html5up.net propose de beaux thèmes dont certains ont été adaptés pour SPIP. Voyez la liste des squelettes HTML5Up adaptés pour SPIP.
Discussions par date d’activité
5 discussions
Bonjour,
Merci pour ce squelette, il est vraiment super !
Par contre, je rencontre un problème étrange : les sous-rubriques n’apparaissent pas dans le site public.
C’est un nouveau SPIP 4.2 avec ce seul plugin installé immédiatement.
Par exemple :
http://hyperspinoza.caute.lautre.net/-Hyper-Traite-politique-
Il devrait apparaître 12 sous-rubriques !
merci pour votre aide.
—
jean-luc
Bonjour jean-luc,
effectivement, le squelette n’est pas prévu pour afficher les sous rubriques.
Pour ce faire, il faudrait décliner le fichier
/inclure/liste/articles.html
(voir ici) pour les rubriques.Ça vaudrait un ticket ça :) https://git.spip.net/spip-contrib-squelettes/html5up_hyperspace/issues
Bonjour Jean-Marie,
Merci beaucoup d’avoir répondu.
Mais je suis complètement ignorant !
Du coup, tu veux dire qu’il faut s’inspirer du fichier /inclure/liste/articles.html, qui concerne les articles, pour modifier celui qui concerne les rubriques ?
Mais quel est ce dernier fichier ? Et quelle partie du premier reprendre (je n’y comprends rien !) ?
Et concernant le « ticket », c’est l’endroit où poster la demande ?
Désolé pour ces demandes qui peuvent paraître ridicules aux plus expérimentés !
Répondre à ce message
Bonjour,
Je n’arrive pas a afficher les mots clés. J’ai bien trouvé un fichier mot dans content mais le fichier est vide. Je n’ai aucune idée de ce que je dois mettre dedans... Quelqu’un peut il m’éclairer ?
Bonjour,
effectivement, le squelette ne gère pas les mots-clefs.
Si tu souhaites le faire, il faudrait surcharger fichier
content/mot.html
en t’inspirant du squelette dist de SPIP par ex :https://git.spip.net/spip/dist/src/branch/master/mot.html#L20Répondre à ce message
Bonjour,
Merci pour ce portage, très réussi !
Comme conseillé, j’ai voulu activer les URL propres, mais cela ne semble pas fonctionner et ramène à une erreur 404. Est-ce que vous avez une idée d’où cela pourrait venir ?
EDIT : c’est réglé, j’étais persuadé d’avoir déjà activé le htaccess, ce qui n’était pas le cas... Désolé pour le dérangement :-)
Répondre à ce message
Bonjour,
je n’arrive pas à configurer le squelette car je n’ai pas la main sur la partie : ordre des articles features (voir la PJ) J’aimerai avoir sur mon site les articles qui apparaissent du plus récent au plus ancien mais je n’ai pas accès à cette configuration. Etant un novice en Html et php quelqu’un pourrait il m’aider pour régler ce problème qui je pense n’est pas énorme mais je patine grave.
Auriez-vous également une solution pour ne pas limiter les articles à 9 par page.
Merci par avance pour votre aide
J’ai trouvé pour la pagination mais pour le tri des articles je suis dans l’impasse
Bonjour,
il doit s’agir d’une incompatibilité entre Hyperspace et Saisies (cf https://git.spip.net/spip-contrib-squelettes/html5up_hyperspace/commit/78cff1e99d9818dd29ba1f2fb5acc861bab4436c ) : quelles sont les versions installées pour les 2 plugins ?
Sont -elles à jour ?
Bonjour Jean-marie,
Les deux versions sont : 3.0.6 pour Html5up Hyperspace et 3.54.8 pour Saisies pour formulaires. J’ai vérifier le fichier html : configurer_html5up_hyperspace.html et j’ai bien le bon fichier avec la correction data et non datas.
Peut-être que c’est le plugin Saisies qui met le bazar car je n’arrive pas à créer un formulaire qui fonctionne...
Si tu as une astuce pour modifier directement la config pour avoir les articles du plus récent au plus ancien, je suis preneur.
Merci pour ton aide :-))
Peut-être simplement surcharger inclure/sommaire-features.html pour mettre le critère !par date à la boucle BOUCLE_rubrique_focus_articles ? (sous réserve d’avoir correctement compris le problème rencontré...)
Bonjour Manu,
Désolé de mon ignorance en la matière :-( Si tu as la ligne de commande je vais pouvoir la copier sinon je suis vraiment à la rue côté syntaxe :-(
Quoi qu’il en soit merci pour ton aide
Si on peut éviter de surcharger le plugin, c’est mieux :)
C’est corrigé dans la version v3.0.7 (cf https://git.spip.net/spip-contrib-squelettes/html5up_hyperspace/commit/687d4efe61c7c74b0453e2e7d94609c6e02c29fc ) qui sera disponible sous peu (j’attends juste de voir s’il y a une solution de tri plus efficace).
Merci pour le signalement.
J’ai testé avec tes modifs, j’ai bien maintenant la possibilité de choisir mais le tris ne s’effectue pas...
Autre chose pour la version 3.0.7 Peux-tu regarder s’il-te-plaît et si tu as le temps du côté de la création de formulaire dans un article car il y a un dysfonctionnement. Impossible de valider un formulaire et de l’envoyer.
Merci pour ton investissement.
Pour le tri, je reproduis pas le problème. Est-ce que tu n’as pas surchargé le fichier
inclure/sommaire-features.html
? Ou essaie de changer les valeurs et de revalider le formulaire de config.Pour les formulaires, il me faudrait une adresse pour que je puisse voir...
Répondre à ce message
Bonjour,
J’ai suivi précisément le mode d’installation.
Je coince à « La configuration du plugin est accessible via le menu Squelettes > HTML5up Hyperspace ».
Je ne vois pas Hyperspace dans la liste des plugins.
Je ne vois pas Hyperspace dans le menu Squelettes.
SPIP 3.2.7, tous plugins mis à jour.
/plugins/auto/html5up_hyperspace.
J’ai oublié quelque chose ?
Merci.
Je ne comprends pas non plus ce que signifie la demande d’installation du plugin « PROGRAMME (en chantier) [de] » qui amène vers une page de texte.
Merci.
Bonjour Perline,
si le plugin n’apparait pas dans la liste des plugins, c’est qu’il n’est pas installé (problème à l’installation, au téléchargement...). Retente peut-être la manip.
Est-ce que tu as une adresse que je regarde ?
Pour ce qui est de la demande d’installation, ça n’est pas lié au plugin, tu peux voir les seuls par là https://git.spip.net/spip-contrib-squelettes/html5up_hyperspace/src/branch/master/paquet.xml#L20
Après une bonne sieste, donc, si j’ai bien le plugin activé et tout ça.
En revanche, dès la page d’accueil j’ai des erreurs du plugin zcore :
1 Aucun squelette head/ n’est disponible... plugins/auto/zcore/v2.8.7/structure.html/14
2 Aucun squelette head_js/ n’est disponible... plugins/auto/zcore/v2.8.7/structure.html/14
3 Aucun squelette footer/ n’est disponible... plugins/auto/html5up_hyperspace/body.html
Quel serait le problème ?
Merci.
Je viens de tester une installation et je ne reproduis pas le problème.
Est-ce un SPIP neuf ? Est-ce qu’il y a d’autres plugins installés ? ou un fichier mes_options.php ou mes_fonctions.php qui serait en conflit ?
Non, ce n’est pas un SPIP neuf, j’ai annulé le dossier /squelettes, donc pas de surcharge à ce niveau
là.
Oui, il y a de nombreux autres plugins.
Pas de fichier mes_options.php ou mes_fonctions.php.
Le cache a été vidé.
De plus, la page d’accueil affiche une erreur 404.
Y a-t’il un rapport ?
Merci.
Dans l’erreur
La ligne 20 est
Et je ne vois pas où serait le squelette footer.html
Il y a bien un dossier /footer mais dedans un fichier dist.html.
Il semble y avoir un autre problème non lié à Hyperspace. Il faudrait d’abord le régler en désactivant tous les autres plugins avant de l’installer, puis les remettre un par un pour comprendre d’où vient le souci.
En effet, les plugins Zpip-dist v1 et Bazar créent des erreurs.
Certes, vous allez me dire qu’ils ne sont pas utiles quand on utilise hyperspace, mais comme j’ai fait des tests de plusieurs squelettes (avant que cette version d’hyperspace que j’avais et que j’aime bien ne soit mise à jour), je n’ai pas enlevé les plugins dont je n’avais pas besoin.
Sinon il semble bien que tout marche correctement.
Désolée du dérangement.
Et merci beaucoup de cette mise à jour :)
J’ai créé des rubriques racines « français » et « english » afin de gérer les deux langues de mon site (site corporate, donc 2 arborescences parallèles comme recommandé dans le tutoriel internationalisation de spip). Cependant j’ai l’impression que le squelette ne gère pas du tout l’internationalisation... :-( Une idée ?
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 :
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.
Suivre les commentaires : |