Single page

Au départ, ça semblait simple... Un module pour créer des sites "une page". Une entité, du contenu, un widget "paragraphe" pour proposer différents types de contenus à afficher, ça se résumait presque à ça.

Puis les besoins ont évolué au fil des réflexions. Des sections, des médias, des blocs, des mises en pages, des animations. Et à chaque fois, la solution classique Drupal - créer manuellement des view modes, des styles d'image, du colonnages breakpoint par breakpoint - prenait des heures. Il fallait y remédier. Le système était puissant, mais pas vraiment orienté utilisateurs finaux, comme souvent avec Drupal.

Aujourd'hui, Single Page est devenu un véritable écosystème de création de contenu. Une page se compose de sections : les Single Page Items. Chaque section contient un ou plusieurs paragraphes. Chaque paragraphe a un type — texte, image, galerie, vidéo, bouton - le tout extensible selon les futurs besoins. Et tout ça s'assemble avec un système de mise en page et de modèles qui guide l'utilisateur pas à pas, sans qu'il ait besoin de comprendre la mécanique en arrière plan.

Le problème classique avec Drupal : pour chaque paragraphe, il faut normalement définir manuellement le colonnage pour chaque point d'arrêt. Six breakpoints et dix paragraphes représentent la bagatelle de soixante configurations à faire manuellement. Avec le sous-module de mise en page, l'utilisateur choisit une mise en page globale parmi celles qui sont disponibles : 

• éditorial, 
• cards, 
• banner, 
• mixed 50/50
• ... 

 Celui-ci s'applique à toute la section. Il peut ensuite surcharger la mise en page de chaque paragraphe selon ses besoins. Un système modulaire, visuel, qui offre des possibilités quasi infinies de structuration d'une page.

Le système de modèle est un autre sous-module de Single Page. Et c'est là que Single Page devient agréable à utiliser par les utilisateurs néophytes. 

Plutôt que d'arriver face à un formulaire vide avec pléthore de configuration, l'utilisateur commence par choisir le type de modèle à utiliser :

• présentation, 

• mise en valeur,

• bannière,

• éditorial,

• média,

• appel à l'action 

Puis il choisit le modèle précis à appliquer, sélectionne éventuellement les options disponibles, et arrive finalement sur un formulaire pré-structuré avec exactement les champs dont il a besoin. Pas plus, pas moins. 

Le résultat : des pages cohérentes, bien structurées, sans qu'il soit nécessaire d'accompagner l'utilisateur pour chaque étape.