Installation
Ce plugin s’installe comme tous les plugins. Voir http://www.spip.net/fr_article3396.html
Il nécessite les plugins Adaptive Images, Champs Extras, FontAwesome, Saisies, Vérifier et ZCore.
Configuration
La configuration du plugin est accessible via le menu Squelettes > HTML5up Twenty
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.
Les autres configurations :
- choix de l’affichage du contenu de l’entête
- choix de l’article d’introduction
- choix de l’article mis en avant
- choix de la rubrique mise en avant
- choix du mode d’affichage de la rubrique mise en avant
- mode site avec les rubriques à la racine du site (secteurs)
- mode blog avec les derniers articles publiés.
- choix de l’article « call to action »
Personnalisation
La feuille de style css/perso.css
sera prise en compte pour personnaliser l’affichage sans perdre les mises à jour possibles. Idem pour les javascripts avec le fichier javascript/perso.js
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
Menus
Lien « en plus » dans le menu principal : créer un menu dont l’identifiant est barrenav. Ajouter les classes button
et primary
au lien pour qu’il apparaisse sous le forme d’un bouton de couleur.
Menu de pied de page : créer un nouveau menu avec l’identifiant pied
.
Sélections éditoriales
Pour les articles focus de la page d’accueil, après avoir installé le plugin Sélections éditoriales, créer une sélection éditoriale avec l’identifiant articles_focus
et utiliser les champs css
des contenus sélectionnées pour définir l’icône Font Awesome.
Choix du picto Font Awesome dans l’entête des rubriques et articles
Préciser le nom du picto, sans le préfixe (fas
, fab
, fal
...), dans le champ prévu à cet effet. Exemple : squirel
, acorn
, home
...
Il est possible de rechercher un picto via https://fontawesome.com/search.
Attention à choisir la bonne version de la police Font Awesome : voir la version utilisée par le plugin Font Awesome (ex : V5 free)
Identité Extra
L’activation d’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.
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.
Aucune discussion
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 : |