Configurer les points de rupture du widget

Type d'accès: Widgets - Éditeur

Un point de rupture responsive est une largeur d'écran spécifique où la mise en page du widget changera afin de mieux s'adapter à l'appareil sur lequel il est affiché. Dans cet article, nous expliquerons comment modifier un widget existant afin que sa mise en page s'ajuste en fonction de la taille de l'écran.

Cliquez Widgets dans le panneau de gauche et sélectionnez l' Modifier icône en ligne avec le nom d'un widget.

Accédez à la barre d'outils d'aperçu du widget pour sélectionner le appareil pour lequel vous ajustez la mise en page du widget. Le point de rupture pour chaque taille d'écran est hérité de la prévisualisation de la marque dans l'éditeur de widget.

Remarque: Bien que cette étape ne soit pas requise pour configurer correctement un point de rupture de widget, elle permettra à votre organisation de visualiser comment votre configuration affecte le design de votre widget pour cette taille d'écran.

Sélectionnez un composant dans la fenêtre d'aperçu du widget. Une fois le composant sélectionné, accédez au panneau de droite et cliquez sur l'onglet Style .

Utilisez le Points de rupture menu déroulant pour sélectionner un point de rupture spécifique que vous souhaitez configurer.

Avec le point de rupture sélectionné, développez l'accordéon Global et utilisez les champs fournis pour modifier le style du widget pour le point de rupture.

Répétez autant que nécessaire pour d'autres composants dans chaque couche du widget.