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, ScssPhp et Zcore.
Fonctionnement
Accueil
La page d’accueil affiche en entête le nom, le slogan et le descriptif du site puis :
- les rubriques racines
- la rubrique héro (configurable)
- le formulaire et les informations de contacts (voir Plugin supplémentaires)
Rubrique
La rubrique affiche le logo, le titre, le descriptif et le texte puis la liste des articles qu’elle contient sous forme de grille.
Article
L’article affiche le logo, le titre, le sous-titre, le descriptif rapide, le chapeau, le texte et le post-scriptum.
Pied de page
Le pied de page commun à toutes les pages affiche :
- la citation de pied de page
- la description en pied de page
- le menu (voir Plugin supplémentaires)
Multilinguisme
Le squelette est prévu pour fonctionner avec multilinguisme par secteur.
Si vous activer le multilinguisme, la rubrique héro ne sera plus prise en compte.
Personnalisation
La page de configuration du plugin est accessible via le menu Squelettes et permet de choisir :
- l’image de fond (via le menu Édition, ajouter l’image à la médiathèque puis indiquer le numéro du document)
- les couleurs principales (sombre et vive) et du texte
- la rubrique héro qui apparaîtra sous forme de grille sur l’accueil
- la pagination de la grille rubrique héro (nombre d’articles à afficher dans la grille)
- les informations de contact
- les citation et description de pied de page
- la longueur des introductions (250 caractères par défaut)
- l’activation du multilinguisme par secteur
La feuille de style /squelettes/css/perso.css sera prise en compte pour personnaliser l’affichage sans perdre les mises à jour possibles. Idem pour les javascripts avec le fichier squelettes/js/perso.js
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
Centre image
Le plugin Centre image permet de cibler le centre d’intérêt d’une image qui doit être recadrée.
Compositions
Le plugin Compositions 2 et supérieur permet d’afficher certains articles avec colonne centrale étroite.
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.
Formulaire de contact
Le plugin Formulaire de contact avancé permet d’ajouter facilement un formulaire en pied de page de la page d’accueil.
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é
7 discussions
bonjour
j’ai mis en place ce pugin cependant les articles mles plus anciens apparaissent en premier j’aimerai avoir les premier sue la page d’accueil et ds les rubriques comment faire
merci
Répondre à ce message
Bonjour, je découvre ce plugin et la philosophie générale me plaît bien sauf .... sauf que je souhaiterais que les titres h1, h2, h3 etc ne soient pas en majuscules. J’ai essayé de mettre text-transform : none ; mais ça ne fonctionne pas. Auriez-vous une solution ?
Par ailleurs j’aimerais adopter ce plugin pour un site assez ancien comportant 10 rubriques principales et, en tout, plus de 400 sous-rubrisues et sous-sous-rubriques. Cela vous paraît-il faisable ?
Merci d’avance !
Pour le titres, ça devrait fonctionner... est-ce que tu as bien mis tes styles personnalisés dans css/perso.css ?
As-tu un lien pour qu’on puisse regarder ?
Pour ce qui est du nombre de rubriques, difficile à dire, il faut tester, notamment le fonctionnement du menu.
Répondre à ce message
Bonjour et merci pour ce plugin !
Je l’ai installé et tout est ok. Cependant les images insérées dans les articles et les rubriques intérieures ne s’affichent pas en front office. Il n’y a que les logos.
Cela peut-il se contourner ?
Merci
GD
Bonsoir,
comment sont-elles intégrées ?
Normalement les balises
<imgX>
ou<embX>
affichent bien les images et documents...Merci de ta réponse.
J’ai modifié le réglage à « Méthode des 3 couches (large support) » au lieu de srcset + (HTML5) du plugin Adaptative image et maintenant c’est OK !
C’est quelle version de SPIP ?
Est-ce que ça n’est pas ce même problème https://www.mail-archive.com/spip-dev@rezo.net/msg68598.html ?
Répondre à ce message
Attention ce plugin installe des espions Google sur votre site.
Peut-on en savoir plus ?
Lesquels ? Où ?
Un peu de précision est toujours la bienvenue, oui :)
J’imagine que ça concerne les polices qui viennent de chez Google : https://zone.spip.net/trac/spip-zone/browser/spip-zone/_squelettes_/html5up_solid_state/trunk/css/main.scss#L7
C’est possible d’y remédier en les installant localement.
Voici un site qui facilite cela :
https://google-webfonts-helper.herokuapp.com/fonts
Ah oui, right ! J’ai du oublier de basculer sur la font locale en créant le thème.
Répondre à ce message
Bonjour,
Un problème sur le zip : c’est celui de Spectral
C’est corrigé (le temps que le zip soit recréé)...
Merci pour le signalement.
Répondre à ce message
Mon message n’est pas passé hier soir, bizarre. Je repasse sans les liens
J’ai installé le plugin banque&paiement en complément de formidable.
J’ai commencé par créer un type de page bank_retour_attente en ajoutant /squelettes/components/bank_retour_attente.html. Néanmoins cette page ne s’affiche pas corectement : la section du milieu ne contient pas son wrapper normal.
Exemple de page normale + la page en question :
Que dois-je faire de plus pour afficher d’une part le « recouvrement » du wrapper et d’autre part l’alignement correct du texte ?
D’avance merci
Bonjour,
je ne vois pas de répertoire /components dans la structure du plugin, mais un répertoire /content dans lequel on trouve le contenu de chaque modèle de page. C’est certainement dans /squelettes/content qu’il faut créer un modèle de page supplémentaire : https://zone.spip.net/trac/spip-zone/browser/spip-zone/_squelettes_/html5up_solid_state#content
Il est aussi possible qu’il soit nécessaire d’ajouter un fichier dans un autre répertoire, s’il en manque un un message d’erreur l’indiquera...
Désolé, c’est dans content, pas component. j’ai recréé le message qui n’est pas passé hier soir et j’ai regardé trop vite.
Avant d’ajouter /squelettes/content/bank_retour_attente.html, j’avais une belle erreur 404. plus maintenant
ok, et donc dans ce content, est-ce qu’il y a bien le même balisage que pour la page article par exemple : https://zone.spip.net/trac/spip-zone/browser/spip-zone/_squelettes_/html5up_solid_state/inclure/sections/article.html
Merci pour la piste qui fonctionne en effet. Je vais pouvoir fignoler les détails :)
J’aurai appris un truc aujourd’hui, merci !!!!
Répondre à ce message
Merci pour cette page de documentation. J’ai du explorer par moi même pour les 3 sites que j’ai fait avec ce plugin. Je commence à le connaître :)
Pour le menu, j’ai essayé plein de choses, dont le plugin menus, mais j’ai du déclarer les éléments manuellement dans inclure\topmenu.html
Je vais essayer de trouver un peu de temps pour suggérer des améliorations.
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 : |