vsble te propose un système de design très flexible.
Chaque mise en page de page et d'album peut être contrôlée séparément pour l'ordinateur et le mobile, afin que tu puisses créer un site web qui a de l'impact sur grand écran tout en restant pratique et épuré sur téléphone.
Cet article explique comment cela fonctionne.
1. Chaque page peut avoir son propre design
Chaque page de ton site web peut utiliser son propre design.
Cela signifie que tu n'es pas limité à une seule mise en page pour l'ensemble du site.
Par exemple, ta page d'Accueil peut avoir un look complètement différent de tes pages Portfolio, À propos ou Contact.
Tu peux choisir le design de chaque page dans le Panneau de Design.
Important
Chaque page peut avoir :
un design pour l'ordinateur
un autre design pour le mobile
Ainsi, la même page peut être stylisée différemment selon l'appareil.
Par exemple :
sur ordinateur, une page peut utiliser une mise en page éditoriale plus spacieuse
sur mobile, la même page peut utiliser un design plus simple et compact pour faciliter le défilement
Sélection du design de page pour ordinateur et mobile
Les designs de page peuvent être choisis parmi différents styles de templates ou des grilles classiques avec un nombre variable de lignes.
Sélection du design pour les pages sur ordinateur :
Sélection du design pour les pages sur mobile :
2. Les albums peuvent aussi avoir des designs séparés pour ordinateur et mobile
Si une page contient des albums, ceux-ci ont également leurs propres paramètres de design.
Tout comme les pages, les mises en page d'album peuvent être définies séparément pour :
l'ordinateur
le mobile
C'est utile car la présentation des albums doit souvent s'adapter aux différentes tailles d'écran.
Exemple
Tu peux choisir :
une mise en page d'album plus élaborée et animée sur ordinateur
une grille à 2 colonnes plus pratique sur mobile
Cela te permet de créer une expérience visuelle plus riche sur grand écran tout en gardant une navigation simple et conviviale sur petit écran.
Sélection du design d'album pour ordinateur et mobile
Les designs d'album peuvent être choisis parmi différents styles de templates, des grilles classiques ou des options de défilement vertical/horizontal avec divers choix d'emplacement pour les légendes.
Sélection du design pour les albums sur ordinateur :
Sélection du design pour les albums sur mobile :
3. Les designs d'album s'appliquent toujours à tous les albums d'une même page
C'est une règle importante :
Si tu changes le design d'album pour une page, ce design s'appliquera à tous les albums de cette page.
Les designs d'album ne sont donc pas assignés individuellement à chaque album.
C'est la page qui définit comment les albums qu'elle contient sont affichés.
Exemple
Si ta page Portfolio contient les albums :
Mode
Portraits
Voyage
et que tu lui assignes un certain design d'album, les trois albums suivront ce même design sur cette page.
Cela garantit la cohérence visuelle de la page.
4. Différentes pages peuvent utiliser différents designs d'album
Bien que tous les albums d'une page partagent le même design, chaque page peut utiliser un design différent.
Cela signifie que :
La Page A peut utiliser un certain design de page et un certain design d'album
La Page B peut utiliser un autre design de page et un autre design d'album
Exemple
Ta page Portfolio peut utiliser une mise en page d'album minimale
Ta page Journal peut utiliser une mise en page d'album plus dynamique
Ta page Archives peut utiliser une mise en page d'album en grille classique
Le design est donc cohérent au sein d'une page, mais n'a pas besoin d'être identique sur tout le site.
5. Qu'est-ce qu'un template concrètement ?
Un template dans vsble n'est pas juste un design unique.
Un template est une combinaison de :
designs de page
designs d'album
paramètres pour ordinateur
paramètres pour mobile
Quand tu sélectionnes un template, tu choisis une combinaison prédéfinie de la façon dont les pages et les albums sont conçus sur ordinateur et mobile.
6. Les templates peuvent être modifiés indépendamment pour l'ordinateur et le mobile
L'un des points forts du système est que tu peux modifier les designs de manière indépendante.
Cela signifie que tu peux changer :
le design de page sur ordinateur
le design de page sur mobile
le design d'album sur ordinateur
le design d'album sur mobile
tout cela séparément.
Tu n'es pas obligé d'utiliser la même logique de design sur tous les appareils.
Exemple
Tu pourrais utiliser :
un design de page audacieux en pleine largeur sur ordinateur
un design de page plus sobre et empilé sur mobile
une mise en page d'album animée sur ordinateur
une grille simple à 2 lignes sur mobile
Cela te donne bien plus de contrôle sur l'expérience de tes visiteurs.
7. Tu peux enregistrer tes propres configurations de templates
Une fois que tu as combiné les designs comme tu le souhaites, tu peux enregistrer cette configuration comme ton propre template personnalisé.
Cela te permet de :
créer tes propres versions de design
en changer plus tard
restaurer une configuration enregistrée sans avoir à tout recommencer
Ton template enregistré peut inclure :
les designs de page choisis
les designs d'album choisis
les couleurs
les polices
les paramètres de page
les combinaisons ordinateur et mobile
C'est pratique si tu veux tester différents looks ou garder plusieurs directions créatives prêtes à l'emploi.
8. Ton contenu reste inchangé
Changer de design ne supprime pas ton contenu.
Tes :
photos
pages
albums
textes
structures
restent en place et s'adaptent automatiquement au design que tu choisis.
Tu peux donc refaire le look du site sans avoir à reconstruire le contenu lui-même.
9. En termes simples
Voici la façon la plus simple de comprendre :
Pages
Chaque page peut avoir son propre design pour ordinateur et mobile.
Albums
Les albums aussi peuvent avoir des designs séparés pour ordinateur et mobile.
Règle importante
Tous les albums d'une même page partagent toujours le même design d'album.
Templates
Un template est un mélange de designs de page et d'album pour ordinateur et mobile.
Flexibilité
Tu peux tout modifier indépendamment et enregistrer tes propres versions de templates.
Scénario d'exemple
Disons que tu as deux pages :
Page Portfolio
Design de page ordinateur : mise en page éditoriale élégante
Design de page mobile : mise en page empilée simplifiée
Design d'album ordinateur : aperçu d'album animé
Design d'album mobile : grille épurée à 2 colonnes
Page Journal
Design de page ordinateur : mise en page plus minimale
Design de page mobile : mise en page compacte à défilement
Design d'album ordinateur : vue classique en vignettes
Design d'album mobile : grille pratique
Dans ce cas :
chaque page a son propre design
les albums sur chaque page suivent le design assigné à cette page
l'ordinateur et le mobile peuvent se comporter différemment
tout reste flexible et cohérent
Conclusion
Le système de design de vsble te donne beaucoup de liberté sans créer de chaos.
Tu peux :
choisir des designs différents pour chaque page
définir des mises en page séparées pour ordinateur et mobile
assigner des designs d'album par page
garder tous les albums d'une page visuellement cohérents
mélanger et enregistrer ces paramètres comme tes propres templates personnalisés
Cela permet de créer un site web plus réfléchi, raffiné et adapté à chaque appareil — sans avoir à refaire ton contenu à chaque fois.