HTML5UP Spectral v2

Squelette adapté du thème HTML5UP Spectral : https://html5up.net/spectral

accueil
rubrique
article

Précision

Pour cette v2 de l’intégration du thème Spectral, il n’a pas été possible de préserver la continuité avec la v1. Il y a donc perte de paramétrages entre la v1 et la v2, qui seraient à refaire si vous passez de l’un à l’autre.

Installation

Ce plugin s’installe comme tous les plugins. Voir http://www.spip.net/fr_article3396.html

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 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.

L’article « majeur »

Détermine la zone qui suit :

Le texte est libre à la rédaction. L’inclusion du modèle <liste_articles> 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 :

  • |iconescouleur : toute valeur de couleur en css, la couleur de toutes les icônes
  • |textescouleur : toute valeur de couleur en css, la couleur de tous les textes
  • |icone1|icone2...|icone6 : une valeur de Fontawesome comme « fa-rocket » (cf https://fontawesome.com/icons?d=gallery&m=free)
  • |article1|article2...|article6 : un identifiant d’article pour en tirer le titre et l’introduction.

Exemple :

<liste_articles|iconescouleur=yellow|textescouleur=green	
        |icone1=fa-globe-europe|article1=5
        |icone2=fa-cloud-download-alt|article2=1
>

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

Discussion

Une discussion

  • Bonsoir, j’utilise ce squelette pour mon site mais je rencontre un petit soucis : J’aimerai rajouter la fonction commentaire dans les articles. Avez vous une astuce ? Cordialement.

    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 :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

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.

Qui êtes-vous ?
[Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom