Objectif
L’objectif de ce petit plugin est d’améliorer le confort de lecture et d’utilisation de l’espace privé en exploitant au mieux la largeur disponible.
Pour ce faire, il charge une simple feuille de style CSS supplémentaire qui revoit sa disposition générale.
Principe
L’espace privé de SPIP est composé de 3 blocs principaux :
- Le contenu principal
- Une colonne de navigation
- Une colonne optionnelle
En schématisant, voici ci-dessous ce que l’on obtient selon les écrans.
Dans l’espace privé de base, la largeur est fixe : elle est inadaptée aux petits écrans, le contenu étant tronqué.
Et voici ce que fait le plugin : toute la largeur est utilisée, et le nombre de colonnes s’adapte à celle-ci.
Et en vidéo :
À cela s’ajoutent quelques ajustements :
→ Polices de caractère « Source Sans Pro » et « Source Serif Pro »
→ La taille du texte est proportionnelle à celle de l’écran : autour de 16px sur mobile, et 20px sur un écran large.
→ La largeur de certains contenus est limitée de façon à obtenir environ 75 caractères par ligne pour une meilleur lisibilité [1].
Nb : La préférence utilisateur « écran étroit/écran large » n’a plus aucun effet avec le plugin activé.
Une expérimentation
Un des objectifs initiaux du plugin était de tester concrètement une idée de direction possible pour les futures évolutions de l’espace privé de SPIP.
Son développement part d’un double constat :
- Pour les utilisateurs, la consultation s’avère peu pratique voire impossible sur certains écrans.
- Pour les développeurs, il est parfois compliqué de « faire rentrer » du contenu dans la largeur disponible.
Ses ajouts fonctionnent le mieux sur les pages disposant de colonnes latérales, à l’inverse les pages sans colonne peuvent sembler un peu disproportionnées, le contenu central s’étalant alors sur toute la largeur.
En l’état il ne s’agit que d’une expérimentation sous la forme d’une simple feuille de style. Faire « correctement » un espace privé de largeur fluide doit s’accompagner d’un remaniement des squelettes et de leur contenu, bref s’inscrire dans un projet de refonte. Mais ceci est une autre histoire !
En images
Quelques captures de la même page à différentes largeurs d’écrans.
480px (mobiles)
960px (tablettes larges)
1200px (bureaux)
1920px (bureaux larges)
Plugins apparentés
- Plugin Espace privé plus large, une variante de ce plugin.
- Plugin Agrandir la largeur de page. Attention ! les paramétrages de ce plugin peuvent entrer en conflit avec ceux de Espace privé fluide : il est conseillé de ne pas les utiliser simultanément.
- Plugin Affiche connexe très expérimental pour les plus téméraires : allège un composant de l’espace privé, prévu pour fonctionner de concert avec Espace privé fluide.
Aucune discussion
Ajouter un commentaire
Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :
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.
Suivre les commentaires : |