HTML5UP Spectral v2

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

accueil
accueil
rubrique
rubrique
article
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.
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

updated on 8 February 2021

Discussion

5 discussions

  • 3

    Bonjour,
    j’ai fait la mise à jour v2 sans réfléchir, en effet cela ne fonctionne plus.
    J’ai voulu revenir à la v1, mais elle est marquée “obsolète” et je ne peux pas l’activer...
    Une idée pour l’activer quand même ?
    Merci,
    Sylvain

    • Désolé pour le bruit.
      Il suffisait de supprimer la nouvelle version v2 pour pouvoir réinstaller la v1.

    • Bonjour,
      désolé, je suis embêté mais en même temps, je ne crois pas qu’on ait de système dans SPIP pour différencier deux versions d’un plugin qui soit toutes les deux compatibles avec les même versions de SPIP...

      Donc il faut retirer le plugin v2 puis il faut aller dans la base de données, dans la table spip_meta il faut :

      • supprimer “html5up_spectral_base_version”
      • vider la valeur de la ligne “plugin_installes”

      Puis retourner dans l’admin des plugins à monsite.ext/ecrire/?exec=admin_plugins&var_mode=vider_paquets_locaux
      Ensuite il faut recharger la v1 si elle n’y est plus, et juste l’installer sans refaire la mise à jour proposée...

    • Merci pour ta réponse éclair !
      Je n’ai pas eu besoin de revenir sur les metas, en fait j’avais re-téléchargé la v1, et quand j’ai supprimé la v2, j’ai pu installer la v1, et c’est retombé en marche.
      Pas trouvé de bugs depuis...
      Merci !

    Reply to this message

  • 1

    Bonjour et merci pour ce plugin que je vais laisser en v1 (sera-t-elle maintenue?) au moins pour l’instant.
    question : nous passons en SPIP 3.2.9 et je suppose qu’il n’y aura pas de problème, mais quid du 3.3 en devenir?

    • Bonjour,
      il ne devrait pas y avoir de problème... je viens de tester la v1 qui marche très bien avec SPIP 3.3-dev
      La v2 aussi d’ailleurs.

    Reply to this message

  • 1

    Bonjour,

    Sur un site j’ai Html5Up Spectral 1.0.20 - test installé et dans l’admin je vois l’icône de mise à jour du plugin vers Html5up Spectral v2.3.2 (test) avec en +
    SCSS PHP (version : 2.7.0) et le plugin « Z-core » (version : 2.8.7)

    Est-ce que la version 1 de Html5Up Spectral sera toujours maintenue ?
    J’hésite à tout casser.

    Merci

    • Si la v1 fonctionne bien et vous convient vous pouvez la garder, il n’y a pas d’obligation...

    Reply to this message

  • 2

    bonjour,

    ma plateforme
    SPIP 3.2.8 [24473] est un logiciel libre distribué sous licence GPL.
    + écran de sécurité 1.3.13

    J’ai installé le plugin en objet et j’ai une erreur dans le squelette sur le formulaire/administration qui n’est pas disponible ? En effet dans le dossier en question, il y a que 2 fichiers :
    configurer_html5up.html
    recherche.html

    merci pour vos retours

    • Bonjour,
      oui, c’est normal qu’il n’y soit pas. Il n’y a aucun appel à ce formulaire dans les squelettes, mais par contre ça correspond aux boutons d’administration du site lorsqu’on est connecté. Pouvez-vous vous déconnecté puis vous reconnecter pour tester ? Si ça persiste c’est peut-être qu’il manque le fichier dans squelettes-dist/formulaires

    • Merci pour la réponse et en effet, cela vient de moi car j’avais désactivé le dossier squelettes-dist ainsi que le squelettes (pour ne pas interférer sur le plugin en question). J’ai réactivé squelettes-dist et ... c’est OK !!

    Reply to this message

  • 1

    Bonjour,
    je suis passé de la v1 à la v2. Le résultat est pour l’instant peu satisfaisant.
    histori.al
    Une idée ?
    Merci !

    • Désolé mais il n’y a pas de continuité entre la v1 et la v2, il faut refaire le paramétrage qui a changé...

    Reply to this message

Ajouter un commentaire

Who are you?
[Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom