HTML5UP Paradigm Shift

Cette contribution ou ce plugin est en phase de test. Des bugs peuvent subsister. N’hésitez pas à les signaler dans le forum ci-dessous.

Squelette « one page » adapté du thème Paradigm Shift de HTML5 UP : https://html5up.net/paradigm-shift

Installation

Ce plugin s’installe comme tous les plugins. Voir http://www.spip.net/fr_article3396.html
Il nécessite les plugins Ancres douces, Saisies et SPIP reset 2.

Fonctionnement

C’est un thème « one page » qui affiche les rubriques racines et leurs articles. Il n’est pas conçu pour avoir plusieurs niveaux de rubriques.

Colonne de gauche (couleur vive) Colonne de droite
Titre de la rubrique Texte de la rubrique
Titre (et sous-titre) et chapo de l’article Texte de l’article et portfolio

Note : en dehors de la page d’accueil et des pages autonomes (voir plus loin Plugins facultatifs), toutes les pages (rubriques, articles, auteurs...) renvoient une erreur 404.

Une page de démonstration est accessible à l’adresse www.votre-site.net/?page=demo

Configuration

La page de configuration du plugin est accessible via le menu Squelettes et permet de choisir :

  • l’image d’entête (via le menu Édition, ajouter l’image à la médiathèque puis indiquer le numéro du document)
  • la couleur du fond de la page (préférer une couleur claire) et la couleur de la colonne de gauche (préférer une couleur vive)
  • la couleur des titres et des textes

Personnalisation

La feuille de style css/perso.css sera prise en compte pour personnaliser l’affichage sans perdre les mises à jour possibles. 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).

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

Pages uniques et Compositions

Les plugins Pages uniques et Compositions 2 et supérieur permettent d’avoir des articles autonomes, par exemple pour les mentions légales ou autres pages utiles.

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.

Formulaire de contact

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

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)

Menus

Le Plugin Menus permet d’ajouter un menu dans le pied de page : créer un nouveau menu avec l’identifiant pied et il apparaîtra automatiquement.

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.

Discussion

Aucune discussion

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