Comment utiliser le mode responsive
Depuis la version 4.0, vous pouvez désormais basculer entre les vues ordinateur, tablette et téléphone mobile pendant l’édition ! Nous appelons cela le mode responsive. En mode responsive, votre site se redimensionne à une taille plus petite pour simuler son apparence sur des écrans plus petits.
Fonctionnalités d’édition limitées
Lorsque vous affichez votre site en vue tablette ou téléphone mobile, vous disposerez de fonctionnalités d’édition limitées. Avec cela, vous pouvez UNIQUEMENT effectuer les actions suivantes :
- Modifier le texte
- Mettre en forme les styles de texte à l’aide de la barre d’outils de formatage de texte
- Ajuster certaines marges des éléments et des rangées *
- Masquer des rangées sur les tablettes ou les téléphones mobiles
* PBS applique certains styles responsives à vos éléments et rangées, de sorte que certaines marges ne pourront pas être ajustées.
Voici quelques actions que vous ne pouvez pas effectuer :
- Ajouter, supprimer, déplacer des éléments en les glissant-déposant
- Afficher les propriétés des éléments
- Redimensionner des images, des icônes, des rangées et d’autres éléments redimensionnables
Ajustement des marges pour des tailles d’écran spécifiques
Si vous visualisez votre site en vue tablette ou téléphone mobile, tout ajustement de marge que vous effectuez s’applique uniquement à la vue actuelle et à la vue inférieure. Cela vous permet d’ajuster vos designs pour les rendre plus attrayants sur des écrans plus petits, indépendamment de la version complète pour ordinateur.
Voici un exemple pour clarifier les choses.
- Si vous affichez votre site en mode tablette et ajustez les marges d’un titre, cet ajustement s’appliquera uniquement aux écrans de tablette. Cela s’appliquera également aux écrans de téléphones mobiles. Si vous revenez au mode ordinateur, la marge d’origine sera restaurée.
- Maintenant, si vous passez en mode téléphone mobile et ajustez à nouveau cette même marge, cet ajustement ne s’appliquera qu’aux écrans de téléphones mobiles. Ensuite, vous aurez une marge différente pour les ordinateurs, les tablettes ou les téléphones mobiles.
Cela ne s’applique qu’aux ajustements de marges ; les modifications de texte ou de style de texte sont appliquées à toutes les tailles d’écran.
Masquer du contenu sur les tailles de tablettes ou de téléphones mobiles
Lors de l’affichage dans les vues tablette ou téléphone mobile, vos rangées disposeront d’un nouveau bouton de barre d’outils en forme d’« œil » qui apparaîtra lorsque vous passerez la souris dessus. En cliquant dessus, vous pourrez afficher/masquer la rangée pour la taille d’écran actuelle.
Les rangées masquées deviendront légèrement transparentes pendant l’édition pour indiquer qu’elles seront masquées une fois l’édition terminée.
Veuillez noter que cette fonctionnalité n’est disponible que pour les rangées.