|
|
|
Installation
Le plugin s’installe comme tous les plugins SPIP
Fonctionnement
La page d’accueil affiche:
- Une bannière avec en image de fond un document sélectionné
- Le nom et le slogan du site
- Une grille contenant les rubriques racines et des articles sélectionnés
- Une section contenant des articles mis en avant
- Une section contenant les derniers articles parus d’une ou plusieurs rubriques
- Un article éditorial présent sur toutes les pages
Les visuels sont les logos des rubriques et des articles.
La page rubrique affiche le titre de la rubrique, une image bannière (le logo), le texte puis une grille contenant les sous-rubriques et les articles de la rubrique (les visuels sont les logos des sous-rubriques, des articles ou, à défaut, ceux de la rubrique).
La page article affiche le titre, le sous-titre, une image bannière (le logo de l’article ou, à défaut, le logo de la rubrique) puis le texte.
Notes :
- le plugin gère les sous-rubriques, les pages brève, mot, auteur, recherche et site
- une navigation par mot clé est intégrée en mode sidebar.
Configuration
Une page de configuration du plugin est présente dans Squelettes>Html5up_Zerofour
Préambule
Le squelette utilise les sous-titres pour les articles, n’oubliez pas de les activer dans Configuration>Contenu du site.
- Barre latérale: Les pages du site peuvent disposer d’une navigation avec une barre latérale droite, gauche ou sans barre latérale dans la configuration.
- Couleur de fond: La couleur du fond apparaitra sur le menu et le bas de page de tout le site.
- Affichage des icônes: Il est possible d’afficher et de choisir des icônes qui sont affichées avant le titre des articles et des rubriques de la première grille.
Paramétrage page Sommaire
- La checkbox Nom dans le menu permet d’afficher le nom du site dans le menu
- La checkbox Nom sur l’image permet de superposer le nom du site sur l’image du bandeau
- L’Id image bandeau est le numéro d’un document qui sera l’image du bandeau.
- Le(s) article(s) avant/après liste des secteurs affiche(nt) un (des) article(s) avant/après la liste des rubriques de premier niveau.
- Le(s) article(s) mis en avant affiche(nt) des articles spécifiques ou ceux d’une ou plusieurs rubriques.
- Le Surtitre du blog apparait au dessus des articles mis en avant en mode blog ( ’Articles les plus récents’ par défaut). Il prend le tag h2.
- Le(s) Rubrique(s) du blog sont la (les) rubrique(s) mis en avant en mode blog.
- Le Surtitre éditoral apparait au dessus de l’article éditorial (’Editorial’ par défaut). Il prend le tag h2.
- L’ Article éditorial est l’article présent sur le bas de toutes les pages.
Paramétrage page Rubrique
- Le Surtitre des sous-rubriques est le texte au-dessus des sous-rubriques de la rubrique (’Rubriques’ par défaut). Il prend le tag h2.
- Le Surtitre des articles est le texte au-dessus des sous-rubriques de la rubrique (’Articles’ par défaut). Il prend le tag h2.
Paramétrage page Article
- Le Surtitre des articles de la même rubrique est le texte au-dessus des articles de la même rubrique (’Articles de la même rubrique’ par défaut). Il prend le tag h2.
Pages spéciales
Contact
Créer une page unique (Plugin Pages) dont l’identifiant est contact page=contact et elle apparaîtra dans le menu principal.
Mentions légales
Créer une page unique (Plugin Pages) dont l’identifiant est mentions page=mentions et elle apparaîtra dans le pied de page.
Modèles
Bouton
Un modèle permet d’insérer un bouton, avec ou sans lien, dans le texte.
Les paramètres :
- lien : l’adresse cible (si pas de lien, le bouton est un span)
- type : le type normal (ne pas spécifier) ou alt (alternate)
- taille : la taille small (ne pas spécifier), medium ou large
- icone : le code de l’icône (Voir la liste des icônes disponibles sur fontawesome)
- texte: le texte du bouton
<bouton
|lien=https://ww.spip.net
|type=alt
|taille=large
|icone=fa-heart
|texte=SPIP>Icône
Un modèle permet d’insérer une icône, avec ou sans lien, dans le texte.
Les paramètres :
- lien: l’adresse cible
- icone: le code de l’icône (Voir la liste des icônes disponibles sur fontawesome)
- texte: le texte de l’icône
- taille: la taille en px ou en %
- type: le type normal ou alternate
<icone
|lien=https://ww.spip.net
|icone=fa-heart
|texte=SPIP
|taille=64px
|type=alt>Dépendances et Utilisations
Le plugin nécessite les plugins Saisies et Fontawesome.
Le plugin est compatible avec les plugins Sociaux et Newsletters.
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 by date of activity
4 discussions
Bonjour,
Je viens de découvrir qu’il y a une version 1.5.0. Quels sont les améliorations ?
Merci
Robert
Bonjour Robert,
Je mets à jour le fichier CHANGE.log du plugin (à la racine) de l’ensemble des évolutions. Les 2 dernières:
1.5.0 - 2025-05-02
Fix - Feat
feat: Ajout gestion des Brèves
fix: Correction fil d’Ariane page 404
fix: Correction syntaxe message page 404
1.4.8 - 2024-10-02
Fix - Feat
feat: Ajout page 404
fix: Correction du style fontawsome dans le modele icone
Feat: Ajout Fil d’Ariane
JMarc
Reply to this message
Bonjour et bravo pour ce squelette !
Je cherche à modifier la taille des logos (rubrique et article) et je n’ai pas trouvé.
Merci pour votre aide
Robert
Bonjour Robert,
Les tailles des logos des pages article et rubrique du thème Zerofour ne sont pas en effet paramétrables. Ils reprennent les taiiles du template d’origine html5up à savoir 800x300. C’est effectivement un format original pour un design original ;)
On essaie de respecter la proportion et le remplissage de l’image par
Tu avais une autre idée ou bien un autre besoin ?
JMarc
Merci pour votre réponse...
Je travaille sur une proposition de site pour une librairie indépendante.
Je ne comprends pas tout.
- En dessous de l’introduction j’affiche les articles issus de la rubrique “Actualités”
- Puis les rubriques (je n’ai pas de logo pour chacune). Il n’y a pas d’indication (ni de séparation) que ce sont des rubriques
- Enfin des articles ouvrages. Mais bizarrement les icônes affichées sont celles des dossiers et pas des articles.
Bref, je ne suis vraiment pas encore au point avec ce superbe squelette.
De l’aide ?
Site en production : essai-passerelle.org
Merci
Bonsoir,
Je pense qu’il faut procéder par étapes.
- Il est souhaitable de commencer par mettre un logo par défaut pour les rubriques afin de ne pas avoir de rubrique affichée sans logo dans le squelette: Edition > Rubriques > Logo standard des rubriques. Vous pourrez par la suite choisir une image par rubrique à votre convenance.
- Sans autre paramétrage, ce squelette va afficher les rubriques (secteur) de la racine du site. A priori les 5 rubriques : Actualités / Fictions, Romans / Essais / Jeunesse / BD avec l’image de la rubrique et dessous son titre (en plus de la barre de menu)
- Il est possible de compléter cette liste par des articles avant ou après celle-ci. C’est ce que vous avez fait mais ce n’est pas indispensable, c’est même parfois un peu lourd si on en met trop... (mais c’est une question de goût).
- Vous pouvez éventuellement enlever l’affichage des icônes dans la configuration si cela ne vous satisfait pas (c’est souvent mon cas) , notamment quand les titres sont longs car ils décalent alors les icones.
- Je suis plus perplexe par votre image (photo avec librairie + plan) au dessus du slogan... la page sommaire du plugin a t-elle été modifiée ?
- N’hésiter pas à ajouter les plugins “sociaux” pour renvoyer si besoin vers les réseaux sociaux et “newsletter” pour les infolettres qui se placeront dans le footer de la page.
- Enfin avec le plugin “Pages”, vous pourrez créer une page “contact” qui sera accessible depuis la barre du menu.
- La suite me semble correcte. Y’a plus qu’à... mais ça devrait le faire ;-)
Superbe ! Magnifique !
J’ai effectué les changements proposés et c’est beaucoup mieux.
Merci beaucoup à vous
Top ! Et juste pour conclure, si votre site contient de nombreux ouvrages (articles), vous pouvez avantageusement compléter la navigation “rubrique” par une navigation par mots-clés (la navigation latérale de la FNAC ou autres sites peut-être une source d’inspiration...). La sidebar du squelette inclut cette navigation qui s’inspire de celle des squelettes de la dist.
Reply to this message
Bonjour
Dans la présentation de ce plug-in, il est dit “les pages auteur, brève, mot-clef, recherche et site ne sont pas prises en charge.”. Est-ce une volonté du développeur ? Y a-t-il possibilité de mettre ne serait-ce le moteur de recherche ?
Cordialement
Laurent
Bonjour Laurent,
C’est un peu par paresse mais surtout parce que je n’en avais pas l’utilité que je n’ai pas développé certaines fonctionnalités de SPIP dans ce squelette ;) Par contre, si tu en as le besoin, pas de souci pour les intégrer dans une prochaine release. Peux-tu créer un ticket pour prioriser et ne pas oublier dès que j’ai un petit moment ?
Merci !
La dernière release intègre les pages mot, site, recherche et pour le même prix une sidebar paramétrable.
Reply to this message
Bonjour,
il semble que le plugin nécessite le plugin “pages”, sans quoi bug dès l’accueil.
Oups... mince ! Je pensais avoir conditionné son utilisation dans le squelette. Je vais corriger probablement en modifiant le paquet dans un premier temps et rendre le plugin nécessaire.
Merci pour le retour.
Fix disponible en v1.3.7
Reply to this message
Add a comment
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.
Follow the comments:
|
