En cliquant sur "Accepter tous les cookies", vous acceptez le stockage de cookies sur votre appareil pour améliorer la navigation sur le site, analyser l'utilisation du site et nous aider dans nos efforts de marketing. Consultez notre politique de confidentialité pour plus d'informations.
Temps de lecture : 3min

Webflow : Comment redimensionner verticalement votre écran de projet en 4 étapes faciles

WEBFLOW
Méline Husson
Méline Husson
|
28/11/2022

Webflow : Les 4 étapes faciles pour redimensionner verticalement votre écran de projet.

Webflow est l’outil idéal pour redimensionner la taille de son projet. Horizontalement comme verticalement puisque oui,  nous allons vous donner les 4 étapes pour pouvoir redimensionner verticalement votre écran de projet facilement ! Faites en sorte que votre site web s’adapte à n’importe quel support en 4 étapes très simples.

Etape 1 : Télécharger l’extension Finsweet

La première étape consiste à télécharger l’extension Finsweet.

Qu’est-ce que Finsweet ? C’est une agence Webflow ! Cette agence a récemment créé une extension Chrome afin d’avoir plus de fonctionnalités sur Webflow, comme une réorganisation des couleurs de votre palette et de vos symboles, une conversion des pixels en REM, et, ce qui fait l’objet de notre article : redimensionner verticalement votre écran de projet.

Etape 2 : Le projet Webflow

Une fois l’extension téléchargée, vous pouvez ouvrir votre projet sur Webflow. Dès lors, vous pourrez apercevoir une icône avec le logo de Finsweet sur votre interface, à gauche de votre écran. Et en cliquant dessus, vous pourrez voir toutes les fonctionnalités que l’extension propose.

L'extension Finsweet nécessaire pour tout le processus
L'extension Finsweet nécessaire pour tout le processus

Etape 3 : “Vertical Canvas Resizing”

Vous avez cliqué sur l’icône Finsweet ? Alors vous devriez voir une option avec “Candies”. Cliquez dessus, puis sur “Vertical Canvas Resizing”.

Vous allez arriver sur une page où vous aurez la possibilité de cocher la fonctionnalité qui vous permettra de redimensionner verticalement votre écran de projet.

Ouvrez "Candies" puis "Vertical Canvas Resizing"
Ouvrez "Candies" puis "Vertical Canvas Resizing"

Etape 4 : Redimensionner

Vous avez fait le plus gros ! Maintenant, il ne reste plus qu’à modifier la taille de l’écran, et vous avez le choix sur la méthode que vous souhaitez utiliser.

  • Avec la souris : cliquer et glisser avec l’une des extrémités de l’écran.
  • Avec la valeur des pixels : dans votre interface, sur la partie à droite, il vous est possible de régler une valeur de pixels bien précise à votre projet.
Vous n'avez plus qu'à redimensionner !
Vous n'avez plus qu'à redimensionner !

Le tour est joué ! Vous savez désormais comment redimensionner verticalement l’écran de votre projet, et ainsi avoir enfin un aperçu de votre site sur différents formats.

Cette adaptabilité plaira à vos usagers soyez en sûr,

C’est à vous de jouer !

Articles liés  :

Apprendre à rédiger des titres attractifs sur Webflow : https://www.ouiflow.io/webflow-et-nocode-tips/rediger-textes-attractifs-site-webflow

Comment améliorer son site Webflow ? : https://www.ouiflow.io/webflow-et-nocode-tips/ameliorer-site-webflow-dans-temps

Les questions à se poser avant de créer son site internet : https://www.ouiflow.io/webflow-et-nocode-tips/questions-avant-creer-site-internet

Comment créer une identité visuelle de marque ? : https://www.ouiflow.io/webflow-et-nocode-tips/creer-identite-visuelle-marque

Prenez rendez-vous

Quand vous voulez, c’est vous qui choisissez

Bookez un rendez-vous pour pouvoir échanger avec un ou deux membres de notre team !

20 minutes
analyse de vos besoins
Un expert Webflow avec un ordinateur qui prend rendez-vous en ligne pour son site web Webflow