HTML5UP Massively

Publié le : 23 avril 2019 – Dernière modification le 10 février 2022 – par chankalan, jeanmarie – 124 commentaires

1
2
3
4
5
13 votes

Squelette SPIP pour intégrer le modèle Massively de HTML5UP.
https://html5up.net/massively

Installation

A l’activation, le plugin installe aussi les plugins suivants (+ leurs dépendances) :

Pour installer Favicon, il faudra éventuellement ajouter le dépôt « Externals » - https://files.spip.net/externals/archives_externals.xml - sur la page d’administration des dépôts de votre site (/ecrire/ ?exec=depots).
(cf aussi https://plugins.spip.net/spip.php?page=depots)

Options

La page de configuration propose quelques options de couleurs :

  • la couleur de la typographie
  • la couleur de survol des liens et autres accents colorés
  • la couleur d’arrière plan de la page
  • la couleur de fond sous le contenu
  • la couleur d’arrière plan du pied de page
  • l’image d’arrière-plan est configurable dans les options (v0.7.0)
  • le choix de fixer l’arrière-plan (v0.7.0)
  • la couleur de typographie du pied de page
  • la couleur de typographie sous le pied de page

Dans les options aussi : lorsqu’il y a plusieurs articles dans une rubrique, le sous-menu des articles peut être soit masqué et apparaître au clic d’un bouton, soit être visible et apparaître sous forme d’onglet.

Et encore des options pour la page accueil ou l’entête :

  • Le titre de la page d’accueil peut être précisé, sinon ce sera le titre du site. C’est aussi le premier item du menu,
  • on peut choisir d’afficher le slogan et le descriptif sur la page d’accueil, ou pas,
  • un article peut être choisi pour être mis en avant sur la page d’accueil,
  • le mode d’affichage de la page d’accueil : mode blog avec les derniers articles publiés (par défaut) ou mode site avec les rubriques à la racine du site (secteurs),
  • l’âge maximum des articles sur la page d’accueil.

Des pages uniques

Avec le plugin Pages on peut créer :

  • une page nommée « mentions » qui servira pour les mentions légales et sera liée en pied de page.

L’image de fond de page

Pour les versions antérieures à 0.7.3 uniquement : c’est une image pour laquelle est choisi le rôle « arrière-plan ». Pour mettre un rôle à une image, il faut qu’elle soit liée à un objet de SPIP, un article, une page unique...
(cf Rôle de documents)
Avec la version 0.7.0 du plugin, il est aussi possible de choisir l’image depuis la page de paramétrage du squelette. (C’est l’unique solution qui reste à partir de la version 0.7.3)

Les images en général

Le plugin Centre Image permet de cibler le centre d’intérêt d’une image qui doit être recadrée.
L’image utilisée pour le fond de page est celle pour laquelle on a choisi le rôle d’arrière-plan.

Les liens sociaux

Le plugin Liens Sociaux permet d’utiliser des liens et des icônes adéquates vers les réseaux utilisés.

Le formulaire de contact

Le plugin Formulaire de contact avancé permet d’ajouter facilement un formulaire en pied de page.

Personnalisation

La feuille de style /squelettes/css/perso.css sera prise en compte pour personnaliser l’affichage sans perdre les mises à jour possibles. Idem pour les javascripts avec le fichier squelettes/js/perso.js

Les objets éditoriaux et fonctionnalités de SPIP

Seuls les squelettes article.html et rubrique.html sont intégrés à ce squelette, avec les pages sommaire.html et plan.html
Les mots-clefs seraient certainement bien appréciés.
Les sites syndiqués, les forums ou les pétitions ne sont pas encore prévus.

Comme tout dans l’univers SPIP, il est possible à tout utilisateur de participer en proposant une amélioration.

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.

Bon SPIP !

Discussion

5 ans 1 an 3 mois Sans limite
par date
Filtrer

33 discussions

  • 4
    Vianney

    Bonjour,

    Je souhaiterais utiliser ce thème sur mon site http://www.aikido-tours.fr, mais j’ai quelques questions :
    -  dans le back office, je ne comprends pas où mettre l’image qui est censée apparaître en arrière plan en haut de la page d’accueil ;
    -  mes articles sont rangés dans des rubriques (il y a un article dans chaque rubrique, pour le moment), et les rubriques apparaissent bien comme menu du site. Mais quand je clique sur une des rubriques dans la partie publique du site, l’article qui est associé ne s’affiche pas.

    Merci d’avance pour votre aide.
    Cordialement,
    Vianney

    • chankalan

      Bonjour,
      c’est un oubli dans la doc, corrigé maintenant, merci !

      L’image de fond de page
      C’est une image pour laquelle est choisi le rôle « arrière-plan ». Pour mettre un rôle à une image, il faut qu’elle soit liée à un objet de SPIP, un article, une page unique...
      (cf Rôle de documents)

    • Vianney

      Merci, c’est réglé pour l’image d’arrière-plan.
      Je vais continuer à creuser pour l’affichage de la navigation du site.

    • Pascal

      Bonjour,
      je ne vois pas le rôle « arrière-plan » dans les options
      comment le faire apparaître ?
      Merci

    • Amire

      Bonjour,

      J’ai des rubriques et des sous-rubriques. Le thème crée un menu pour ces rubrique mais quand je clique sur un élément du menu il y a que le footer qui s’affiche. J’ai vue que Vianney a eu le même problème. Quelqu’un peu nous aider svp ? Merci.

    Répondre à ce message

  • jimmy-13009

    Le rôle « arrière-plan » se trouve dans les rôles associés aux documents liés aux articles. Les photos par exemple.

    Répondre à ce message

  • 6
    Polémil

    Bonjour,

    Merci pour ce portage.
    Je suis « coincé », j’ai beau attribuer le rôle « arrière-plan » à une image, elle même liée à un article, mais celle-ci n’apparaît pas en fond de page... L’image doit-elle avoir un format spécifique (taille...) ? Faut-il supprimer les autres rôles (document) ?
    Merci pour vos réponses.

    Polémil

    • chankalan

      Bonjour,
      je viens de faire le test, ça marche pas mal pour moi... il faut bien var_mode=recalcul dans l’url pour être sûr.
      Sinon je ne vois aucune limite en taille ou format, ni de raison que ça ne marche pas...

    • Polémil

      Merci pour la réponse rapide !
      J’avais la version 0.6.0 du plugin. Je l’ai désactivé et supprimé, désactivé tous les plugins associés et installé la version 0.6.1. Lorsque je souhaite l’activer, alors que tous les plugins nécessaires sont à nouveau activés, j’ai le message suivant : « • Le plugin Html5up Massively dépend du plugin . » sans indication sur le plugin manquant... Une idée ?

    • chankalan

      À mon avis c’est un petit problème de cache, à voir si réactualiser la page est suffisant.

    • Polémil

      Page réactualisée, cache vidé, cache supprimé via ftp... Changement de navigateur... Le même message « • Le plugin Html5up Massively dépend du plugin . » persiste...

    • Pascal

      Bonjour,
      Même problème de plugin :
      il y a une différence entre ce qui est énuméré plus haut :

      crayons,
      favicon,
      metasplus+,
      champs extras,
      SPIP reset
      centre image,
      Enluminures typographiques,
      Rôle de documents,
      Pages.

      et le paquet.xml

      	<necessite nom="saisies" compatibilite="[3.23.2]" />
	<necessite nom="crayons" compatibilite="[1.26.15;]" />
	<necessite nom="spip_reset" compatibilite="[3.0.2;]" />
	<necessite nom="favicon" compatibilite="[1.1.2;]" />
	<necessite nom="metasplus" compatibilite="[2.0.0;]" />
	<necessite nom="centre_image" compatibilite="[0.10.3;]" />
	<necessite nom="pages" compatibilite="[1.3.7;]" />
	<necessite nom="typoenluminee" compatibilite="[3.5.12;]" />
	<necessite nom="roles_documents" compatibilite="[1.1.8;[" />
	<utilise nom="contact" compatibilite="[0.16.0;]" />
	<utilise nom="sociaux" compatibilite="[2.1.0;]" />

      J’ai donc installé tous le plugins du paquet.xml
      sans résultat... dans un premier temps...

      Puis en modifiant paquet.xml ’suppression des utilise et envidant les caches... ça a marché Mais est-ce que le plugin est bien installé ?

      Cordialement

    • Jean-Michel

      J’ai eu le problème avec la version 0.6.1, résolu en allant dans le fichier plugins/auto/html5up_massively/paquet.xml, ouvert avec un éditeur texte, dans les lignes qui commencent par « <necessite » et qui indiquent les dépendances, remplacer les « ] » en fin de ligne par des « ) » : je pense que cela rend le plugin plus relax sur les versions de plugins dépendant.
      J’ai aussi le souci de non affichage de l’image de fond....

    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