HTML5UP Landed

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

Description

Ce squelette distribué en plugin est un portage pour SPIP du thème responsive « Landed », proposé sur le site https://html5up.net/.
Voir la démo originale : https://html5up.net/landed

Sites utilisant le plugin :

Théâtre de rue
Artiste sculptrice

J’utilise ce plugin pour présenter et promouvoir des projets artistiques.
L’originalité et le design du squelette se situe sur la page d’accueil (sommaire).

Installation

Le squelette se présente sous la forme de plugin et s’installe donc comme tous les plugins.

Il nécessite le plugin saisies et utilise les plugins palette, menus, sociaux, socicon et centre_image.

Mise à jour après un passage de SPIP 3 à SPIP 4.

Pour s’assurer le bon fonctionnement du jeu de squelette ainsi que des plugins, on pensera à vider le cache après installation.

Le plugin a été testé pour SPIP jusqu’à la version 4.1.9 (à priori cf. commentaire), merci pour vos retours.

Configuration

Au préalable activer l’utilisation du descriptif dans un article.

La page de configuration du plugin est accessible dans le menu de l’espace privé sous l’entrée « Squelettes ».

Page d’accueil

Formulaire de configuration du squellette Landed
Formulaire de configuration du squellette Landed 1/2

Pour définir l’article en page d’accueil sélectionner un article dans la liste.
Choisir le numéro d’une image de la bibliothèque pour habiller le fond. On peut définir l’opacité de l’image de fond (de 0 à 1) indépendamment le haut du bas de l’image.
Le titre puis l’introduction de l’article sont affichés sur la page sommaire. Le logo de l’article est retaillé en disque pour illustrer le texte d’accueil ainsi que l’article.

Les autres articles mis en avant sont ceux associés aux mots-clés :

  • intro gauche > positionne l’introduction de l’article associé à gauche
  • intro droite > idem à droite
  • intro dessous > idem en bas

à ajouter lors de l’édition de l’article.

Il est possible d’associer un même mot-clé à plusieurs articles pour qu’ils apparaissent sur la page sommaire avec le même type d’affichage.

L’ordre d’affichage des « autres »articles" semble dans l’ordre d’attribution des mots-clés. (à vérifier).

L’image de fond de l’encart associé à un article est le logo de l’article [1].
Le texte est l’introduction de chaque article.

On peut utiliser des modèles dans l’introduction d’un article mais les liens sont inactivés pour l’affichage en page sommaire.

Thème

Formulaire de configuration du squellette Landed
Formulaire de configuration du squellette Landed 2/2

La page de configuration permet de choisir les couleurs du thème : bandeau, fond de la rubrique active dans le bandeau, couleur de bordures/formulaires et des liens.

Cocher inclure un fil d’ariane ou non, sur les pages articles et rubriques.

Plugins

Menu

Gestion de la barre de navigation principale avec le plugin Menus, nommer l’identifiant du menu « navbar » sinon on utilise les rubriques du site.

Pied de Page

Gestion des liens de pied de page avec le plugin Menus, nommer l’identifiant du menu « footer ».

Les icônes de réseaux sociaux

Gestion des RSALC (réseaux sociaux à la con) avec les plugins Liens sociaux et Socicon.

Formulaire de contact

Gestion de l’encart/page contact via le plugin Formulaire de contact avancé.

TODO

  • tiles en autogrid / background au survol
  • config pour afficher les listes d’articles/rubriques sous forme de vignettes/listes.

Le site html5up.net propose d’autres thèmes dont certains ont été adaptés pour SPIP. La liste ici....

Vous souhaitez contribuer à la communauté SPIP en portant des thèmes HTML5UP sous forme de plugins, rendez-vous par ici.

Notes

[1Sur la page d’accueil et les pages de rubriques, si le logo (#LOGO) n’existe pas pour article ou la rubrique alors le plugin cherche et choisit le premier document (de l’article...) pour l’illustration.

Discussion

Une discussion

  • Merci pour ce plugin que nous decouvrons.

    Attention, toutes les dependances ne sont pas sur les depots pour spip 4.2 , certaines sont a installer avec ftp ou via « Télécharger un plugin depuis son archive »

    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