Contrib.spip.net
HTML5UP Spectral v3
SPIP 4.2 SPIP 4.1
Recommander cette page
Précision
Pour cette v3 de l’intégration du thème Spectral, L’article majeur des versions précédent a été supprimé et remplacé par la rubrique features.
Installation
Ce plugin s’installe comme tous les plugins. Voir https://www.spip.net/
Paramétrages
La page de configuration permet de choisir l’image d’arrière-plan parmi les documents de la médiathèque, les couleurs pour les fonds (entête, corps de page et pied de page), pour la typographie, les liens et les liens au survol.
Le titre de la page d’accueil peut être différent de celui du site (par défaut). Le slogan du site peut aussi être affiché sur l’accueil.
Le slogan et/ou le descriptif du site peuvent aussi être affiché sur l’accueil.
Le modèle « bouton » prend la forme du bouton « Activate » :
<bouton|icone=fa-rocket|primary=oui|iconetexte=Active SPIP|lien=https://www.spip.net>
La suite de la page d’accueil se défini avec les paramètres suivants :
L’article Héro
Défini la première zone de texte, la couleur d’arrière-plan et la couleur de typographie. Le texte est libre à la rédaction.
L’utilisation du modèle <liste_icones>
présente de 1 à 7 icônes avec les paramètres suivants pour chaque icône (icone1, style1, couleur1... icone2, style2, couleur2... icone3, style3, couleur3... ) :
- |icone1=fa-rocket (ou tout autre icône de FontAwesome http://fontawesome.io/icons/)
- |style1=1 (le style de l’icone1 correspond au style 1 du theme, de 1 à 3)
- |couleur1=#bbb (la couleur de l’icone1, toute valeur de la propriété color en css)
- |couleurbordure1=red
- |titre1= mon titre (optionnel, un label invisible prévu dans le thème)
Le paramètre suivant vaut pour toutes les icônes :
- taille=3em (ou 60px ou 150%)
Exemple :
<liste_icones|taille=1.5em
___|icone1=fa-ankh
___|couleur1=green
___|couleurbordure1=white
___|icone2=fa-biohazard
___|couleur2=green
___|couleurbordure2=white
>
La liste des rubriques
Soit par défaut la liste des 5 premières rubriques, soit des rubriques choisies manuellement parmi les rubriques du site, soit ne pas afficher la liste des rubriques.
Rubrique features
Défini la zone de texte, la couleur d’arrière-plan et la couleur de typographie. Détermine la zone qui suit :
Le texte est libre à la rédaction. L’inclusion du modèle <rubrique_accueil_features>
s’adapte à la mise en forme du thème d’origine : six blocs icônes et texte avec lien vers les articles. L’inclusion accepte ces paramètres :
Le pied de page
Affiche les réseaux sociaux si vous utilisez le plugin « Liens vers les réseaux sociaux » et une liste d’articles choisis manuellement (le plugin « Pages Uniques » permet de placer des articles hors des rubriques pour par exemple les mentions légales de votre site).
Autres préférences
Pour parachever le fonctionnement et le paramétrage de votre site, vous pourriez utiliser les plugins :
- « Metas + » pour favoriser le référencement,
- « Court-circuit » pour aller directement dans le premier article d’une rubrique, ou dans le seul article de la rubrique si c’est le cas, sans passer par la page rubrique.
- « Rôles de documents » pour gérer les logo comme des documents
- « Crayons » pour rédiger depuis l’espace public
Nécessite :
- « Adaptive Images »
- « Font Awesome », il est déconseillé d’utiliser ce plugin avec les autres plugins similaires. « Font Awesome 5 » est incompatible.
- « Saisies pour formulaires »
- « SCSS PHP »
- « Z-core »