Html5UP Editorial

Olivier K., 26 août 2018

Toujours en recherche d’une solution simple et élégante pour ce site, je suis tombé sur ce squelette éditorial basé sur le template HTML5UP. Il remplace Jabibas qui ne me donnait pas entièrement satisfaction.

Html5Up Editorial est une adaptation spipienne du template Html5Up Editorial du site
https://html5up.net/.

Html5UP Editorial
Version desktop du template.

Installation

Très simple, dans la partie administration de Spip, il suffit de cliquer sur le menu Configuration->Gestion des plugins.

Cliquer sur le bouton Ajouter des plugins et noter html5up dans la barre de recherche et cliquer sur le bouton rechercher.

Pour installer le squelette, il suffit de cocher la case à coté de la ligne et cliquer sur le bouton Télécharger et activer.

Spip peut proposer des plugins supplémentaires à installer pour que ce squelette soit pleinement fonctionnel : valider ces demandes.

Quand l’installation est faite : vider les caches de Spip et aller voir le résultat.

Ce qui me plaît dans ce squelette

  • La mise en page élégante, adaptée au smartphone ;
  • Le visuel est doux ;
  • Les logos liés aux articles sont bien exploité dans la page sommaire (utilisation de toute la largeur de la colonne disponible, effet de zoom discret quand on passe la souris sur une image) ;
  • Menu qui se rétracte sur la gauche : caché par défaut en mode mobile, affiché en mode desktop.

Un bémol

Il n’y a plus d’auteur qui apparaît dans les articles. Ce qui est rédhibitoire pour un site écrit à plusieurs mains.

Configuration

Il y a la possibilité de mettre en avant certains articles, de modifier le nombre d’articles sur la page de sommaire.

Tout cela peut se faire au travers d’une interface de configuration que l’on retrouve dans la rubrique #squelettes de la page d’administration.

La couleur par défaut est un rose pâle (ou orange pale) : #F56A6A qui est modifiable.

D’autres plugins, facultatifs, permettent d’afficher des trucs supplémentaires comme le lien vers les réseaux sociaux : voir l’article https://contrib.spip.net/Editorial-...

Autres squelettes Html5UP

Html5Up Editorial n’est pas le seul template Html5UP à avoir été adapté. Il y a aussi les squelettes Alpha, Story, Phantom, Parallélism et Landed.

Je pense que je vais garder ce squelette un moment et tenter de lui donner une personnalité propre. La très grande qualité de ce squelette fait que je vais prendre mon temps en local pour définir cette identité. En attendant, je vais mieux exploiter la partie éditoriale pour utiliser le potentiel d’Html5UP Editorial...