Installation
Ce plugin s’installe comme tous les plugins. Voir http://www.spip.net/fr_article3396.html.
Il nécessite les plugins Adaptive Images, Ancres douces, Saisies, FontAwesome, YAML et ZCore.
Configuration
La configuration du plugin est accessible via le menu Squelettes > HTML5up Escape Prologue.
Barre latérale
Le logo du site (menu Configuration > Identité du site) s’affiche sous la forme d’un carré en haut de la barre latérale.
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 le mode d’affichage et le titre de la grille :
- mode site avec les rubriques à la racine du site (secteurs)
- mode blog avec les derniers articles publiés
- mode portfolio avec une galerie des images du site
Il est également possible d’afficher un article sous la grille, juste au dessus du pied de page.
Personnalisation
Vous pouvez personnaliser le thème en créant votre propre feuille de styles CSS css/perso.css
.
Les couleurs sont personnalisables via des variables CSS. La liste complète est disponible dans le fichier css/main.css
(voir ici)
Modèles
Bouton (icône et texte avec lien dans un bloc encadré)
<bouton|icone=heart|iconetexte=le texte|lien=https://www.domaine.net>
Paramètres :
-
|icone=fa-rocket
(ou tout autre icone de FontAwesome) -
|primary=oui/non
-
|iconetexte=le texte
-
|lien=https://www.domaine.net
Icône (icône avec lien et texte alternatif)
<icone|icone=heart|iconetexte=le texte|lien=https://www.domaine.net>
Paramètres :
-
|icone=fa-rocket
(ou tout autre icone de FontAwesome) -
|iconetexte=le texte
-
|lien=https://www.domaine.net
-
|taille=64px
ou50%
-
|couleur=#ffffff
Plugins facultatifs
Une fois activés et configurés, ils apparaissent automatiquement.
Formulaire de contact
Le plugin Formulaire de contact avancé permet d’ajouter facilement un formulaire en pied de page.
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.
Menus
Le plugin Menus permet d’ajouter un menu de pied de page : créer un nouveau menu avec l’identifiant pied.
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é
Une discussion
Bonjour Jean Marie, merci pour ce template que je m’empresse de tester.
Mon spip est logé dans un répertoire amidesk.com/maquette
En mode blog, quand je vais dans un article, le lien du menu vertical
m’affiche une page blanche
Une idée ?
Par ailleurs, les images ne s’affichent pas...
Merci !
Salut,
merci pour le signalement.
Ça devrait être corrigé par la v0.1.3 :
https://git.spip.net/spip-contrib-squelettes/html5up_prologue/commit/9052df40b9847ff5c893abf1484a72a17f1f0ebc
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 : |