Qu'est-ce que Webflow? Tout ce que tu as besoin de savoir

Lorsque vous envisagez de créer un site Web, vous supposez généralement que vous devez coder. Bien qu'il puisse être tentant de renoncer à la création de votre site Web jusqu'à ce que vous ayez appris à coder, ce qui peut apparemment prendre des années, pourquoi ne pas utiliser un outil sans code à la place ?

Dans cet article, nous examinerons l'un de ces outils: Webflow. Ici, vous apprendrez ce que vous pouvez attendre de ses choix de conception, de son interface utilisateur et de son système de gestion de contenu, entre autres fonctionnalités et avantages.

Qu'est-ce que Webflow ?

Que vous soyez blogueur ou que vous souhaitiez créer une simple page de fans pour votre bande dessinée préférée, il y en a pour tous les goûts chez Flux Web.

Ce constructeur de site Web sans code va au-delà des modèles pour vous donner un contrôle total sur la mise en page et l'apparence de votre site. Vous pouvez essentiellement créer et concevoir votre page comme vous le souhaitez. Et vous avez de nombreux outils à portée de main pour vous aider à le faire.

Webflow vous donne la possibilité de travailler avec trois langages de codage - HTML, CSS et JavaScript - sans avoir besoin de les comprendre. Votre attention reste sur le côté visuel, ou frontend, de la conception.

De plus, Webflow offre de nombreuses ressources sur la façon de commencer. Bien que cela ne se compare pas à l'apprentissage du code, il peut y avoir une petite courbe d'apprentissage pour les débutants sur le site.

Pour vous aider, Webflow propose une gamme d'options de service client, une communauté en ligne, un forum et Webflow University. Ce dernier est empilé d'informations écrites et visuelles, ainsi que de didacticiels vidéo pour tous les types d'apprenants.

Conception et personnalisation dans Webflow

Comme d'autres créateurs de sites Web tels que Wix et Squarespace, Webflow vous permet de faire glisser et de déposer des éléments sur votre toile.

Les éléments préconçus vous permettent d'éviter plus facilement de vous perdre dans les détails. Cependant, pour ceux qui veulent se l'approprier, le constructeur permet une personnalisation complète de pratiquement tout.

Vous serez probablement heureux de trouver des composants complexes qui impliquent plusieurs éléments tels que des onglets, des vidéos, des curseurs et des visionneuses sont pré-construits pour que vous puissiez les utiliser en cliquant sur un bouton. Vous constaterez également que Webflow élimine certaines conjectures en incluant des mises en page courantes prêtes à être utilisées telles quelles ou ajustées.

Bien sûr, si vous voulez rester simple, vous pouvez sélectionner un modèle lors de la création d'un nouveau projet. Tout ce que vous avez à faire est d'échanger les photos, le texte et les couleurs pour le rendre unique.

En rapport: Espace carré vs. WordPress: lequel est fait pour vous ?

Pour que votre conception reste cohérente d'une page à l'autre, vous pouvez également définir des symboles réutilisables et créer des styles, ou des classes, qui vous permettent de personnaliser plusieurs éléments à la fois.

Interface utilisateur de Webflow

L'interface utilisateur de Webflow est plus complexe que ce que vous trouveriez en utilisant un outil de conception comme Canva, mais toujours pas aussi intimidante que tout ce que vous trouveriez dans la suite Adobe.

Votre navigateur et d'autres options sont disponibles sur la gauche et vos outils de conception sur la droite. Cliquer sur un élément affichera un menu de personnalisation pour cet élément seul.

Trouver l'outil approprié dans ce menu est facilité car ils sont tous à l'air libre au lieu de rechercher dans plusieurs menus volants celui que vous voulez.

Vous pouvez également afficher et utiliser les points d'arrêt, ou les tailles d'écran, individuellement en sélectionnant l'icône correspondante en haut de l'interface.

Pendant que le constructeur s'occupe de rendre le site réactif pour vous, vous pouvez ajuster chaque taille si vous souhaitez qu'il soit différent.

Si vous vous demandez comment garder une trace de tout cela, le navigateur intégré à l'interface utilisateur vous aidera à rester organisé. L'utilisation de cet outil est un autre moyen de rechercher et de réorganiser des éléments dans vos mises en page et sections. C'est pratique lorsque vous construisez un site complexe avec de nombreux éléments.

Le système de gestion de contenu de Webflow

Si vous avez déjà eu du mal à personnaliser un article de blog ou une page de collection dans WordPress, vous serez peut-être agréablement surpris par le système de gestion de contenu ou CMS de Webflow. Pour quelqu'un qui n'a aucune expérience en matière de blogs, il existe de nombreuses ressources pour apprendre et se lancer.

Le générateur vous donne un contrôle total sur la façon dont vous créez et personnalisez vos pages. Il utilise la même interface que vous utiliseriez pour créer le reste de votre site.

Il est également livré avec quelques outils supplémentaires qui vous permettent d'extraire et d'afficher des informations à partir de votre CMS, telles que des images d'affichage, le titre de la publication, le nom de l'auteur et bien plus encore.

En rapport: Comment créer un site de portfolio avec Wix

Que vous regardiez des films, partagiez vos œuvres ou documentiez un voyage, les paramètres du Menu CMS et l'interface de conception vous donne la possibilité de travailler avec tout type de contenu.

De plus, vous pouvez ajouter de la variété à vos publications avec des médias et si vous bloguez déjà ailleurs, vous pouvez transférer votre travail.

Autres fonctionnalités et avantages de l'utilisation de Webflow

Les constructeurs de sites Web peuvent être en quelque sorte un pari si leur période d'essai est limitée. Vous n'aurez peut-être pas le temps pendant cette période de déterminer si vous pouvez travailler avec le service, ou même si vous l'aimez. Surtout si c'est quelque chose que vous faites comme passe-temps.

Heureusement, Webflow propose un plan de compte entièrement gratuit, sans avoir besoin de carte de crédit ou de tout autre engagement.

Vous pouvez même lancer un site de deux pages vers un sous-domaine, en échange du maintien du nom Webflow dans votre URL. De cette façon, vous savez si c'est pour vous ou non avant de décider de payer pour ajouter une autre page ou ajouter une URL personnalisée.

En plus d'offrir un constructeur intuitif et sans code, Webflow vous offre également la possibilité de vous inscrire pour un nom de domaine et un hébergement personnalisés au lieu de rechercher vos fournisseurs.

Si votre passe-temps devient une activité secondaire, il propose également des outils de commerce électronique pour vous aider à concevoir et à gérer votre magasin.

Utilisez Webflow pour faire preuve de créativité avec votre site Web

Webflow est un outil formidable pour ceux qui souhaitent créer un site Web pour héberger leurs passe-temps et leurs intérêts.

C'est parfait pour ceux qui aiment la personnalisation mais n'ont pas besoin d'apprendre le code autrement. Comme il est gratuit à utiliser comme entrée, cela vaut certainement le coup de voir s'il vous convient.

WordPress contre Wix: les principales différences

Vous ne savez pas si vous souhaitez utiliser WordPress ou Wix pour votre prochain site? Découvrons leurs différences.

Lire la suite

A propos de l'auteur