HTML5up Escape Velocity

Publié le : 11 janvier 2021 – Dernière modification le 24 août 2023 – par jeanmarie – 50 commentaires

1
2
3
4
5
10 votes

Adaptation pour SPIP du squelette « ESCAPE VELOCITY » de html5up https://html5up.net/escape-velocity

Installation

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

Il nécessite les plugins Adaptive Images, Saisies, Compositions 3, Font Awesome 5 - Police et ZCore.

Configuration

La configuration du plugin est accessible via le menu Squelettes > HTML5up Escape Velocity

Image d’entête

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. Vous pouvez également masquer le nom du site et le slogan.

Page d’accueil

Introduction

Vous pouvez définir l’article d’intro via le sélecteur d’article. Le squelette affiche l’intégralité du chapeau de l’article ou, à défaut, l’introduction.

Grille

Il est possible de choisir le titre affiché.

Il est également possible de choisir le mode d’affichage :

  • mode site avec les rubriques à la racine du site (secteurs)
  • mode blog avec les derniers articles publiés.

Focus

Vous pouvez choisir le titre affiché ainsi que la rubrique à mettre en avant et l’ordre d’affichage des 3 articles de cette rubrique.

Vous pouvez choisir l’article d’introduction qui s’affiche en haut de la sidebar ainsi que la rubrique dont 3 articles s’affichent en dessous.

Voir la partie Menus pour le contenu du menu de la sidebar.

Pied de page

Il est possible de choisir l’article qui s’affiche dans le pied de page : ici, c’est le contenu complet de l’article qui s’affiche donc attention à la longueur du texte et la taille des images.

Compositions

Le squelette fournit 3 compositions :

  • Article sans sidebar
  • Article avec sidebar à gauche
  • Article avec sidebar à droite

Personnalisation

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

Modèles

Les modèles bouton et icone permettent d’afficher, dans le contenu, des boutons et icônes avec Font Awesome (liste des icônes disponibles accessible via le menu Squelettes > Font Awesome).

Bouton (icône et texte avec lien dans un bloc encadré)

<bouton|icone=fa-heart|primary=oui|iconetexte=le texte|lien=https://www.domaine.net>

Icône (icône avec lien et texte alternatif)

<icone|icone=fa-heart|iconetexte=le texte|lien=https://www.domaine.net>

Plugins facultatifs

Formulaire de contact

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

Identité Extra

L’activation du plugin 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.

Ne pas cocher la case « Activer l’habillage graphique de la barre de liens avec la feuille de style basée sur la police socicon », le thème n’affiche que les noms des réseaux, pas les icônes.

Mailsubscribers / Newsletter

Si le plugin Mailsubscribers est installé, on affiche le formulaire d’inscription à la newsletter. A votre charge de créer la liste newsletter (voir la doc de Newsletters)

Le Plugin Menus permet d’ajouter 2 menus qui il apparaissent automatiquement :

  • dans le pied de page : créer un nouveau menu avec l’identifiant pied
  • dans la sidebar : créer un nouveau menu avec l’identifiant sidebar

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.

Ce thème a été initialement développé pour Super Brest, Science Hack Day brestois : www.superbrest.info

Discussion

5 ans 1 an 3 mois Sans limite
par date
Filtrer

2 discussions

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