Was ist Webflow? Alles, was Sie wissen müssen

Wenn Sie daran denken, eine Website zu erstellen, gehen Sie normalerweise davon aus, dass Sie codieren müssen. Es mag zwar verlockend sein, auf die Erstellung Ihrer Website zu verzichten, bis Sie das Programmieren gelernt haben – was scheinbar ewig dauern kann –, warum verwenden Sie stattdessen nicht ein No-Code-Tool?

In diesem Artikel werfen wir einen Blick auf ein solches Tool – Webflow. Hier erfahren Sie, was Sie unter anderem von den Designoptionen, der Benutzeroberfläche und dem Content-Management-System erwarten können.

Was ist Webflow?

Egal, ob Sie Blogger sind oder eine einfache Fanpage für Ihren Lieblingscomic erstellen möchten, bei ist für jeden etwas dabei Webflow.

Dieser No-Code-Website-Builder geht über Vorlagen hinaus und gibt Ihnen die vollständige Kontrolle über das Layout und das Erscheinungsbild Ihrer Website. Sie können Ihre Seite im Wesentlichen nach Belieben erstellen und gestalten. Und Sie haben viele Tools zur Hand, die Ihnen dabei helfen.

Webflow bietet Ihnen die Möglichkeit, mit drei Programmiersprachen – HTML, CSS und JavaScript – zu arbeiten, ohne diese verstehen zu müssen. Ihr Fokus bleibt auf der visuellen Seite oder dem Frontend des Designs.

Darüber hinaus bietet Webflow zahlreiche Ressourcen für den Einstieg. Obwohl es nicht mit dem Erlernen des Programmierens zu vergleichen ist, kann es für Anfänger auf der Website eine kleine Lernkurve geben.

Dazu bietet Webflow eine Reihe von Optionen im Kundenservice, eine Online-Community, ein Forum und die Webflow University. Letzteres ist gestapelt mit schriftlichen und visuellen Informationen sowie Video-Tutorials für alle Arten von Lernenden.

Design und Anpassung in Webflow

Mögen andere Website-Builder wie Wix und Squarespace, Webflow bietet Ihnen die Möglichkeit, Elemente per Drag & Drop auf Ihre Arbeitsfläche zu ziehen.

Vorgefertigte Elemente erleichtern es Ihnen, sich nicht im Detail zu verlieren. Für diejenigen, die es jedoch zu ihrem eigenen machen möchten, ermöglicht der Builder die vollständige Anpassung von praktisch allem.

Sie werden wahrscheinlich gerne feststellen, dass komplexe Komponenten mit mehreren Elementen wie Registerkarten, Videos, Schieberegler und Leuchtkästen vorgefertigt sind, damit Sie sie auf Knopfdruck verwenden können. Sie werden auch feststellen, dass Webflow einige Rätselraten beseitigt, indem gängige Layouts hinzugefügt werden, die Sie unverändert verwenden oder anpassen können.

Wenn Sie es einfach halten möchten, können Sie beim Erstellen eines neuen Projekts natürlich eine Vorlage auswählen. Alles, was Sie tun müssen, ist die Fotos, den Text und die Farben auszutauschen, um es einzigartig zu machen.

Verwandt: Squarespace vs. WordPress: Welches ist das Richtige für Sie?

Um Ihr Design von Seite zu Seite konsistent zu halten, können Sie auch wiederverwendbare Symbole festlegen und Stile oder Klassen erstellen, mit denen Sie mehrere Elemente gleichzeitig anpassen können.

Benutzeroberfläche von Webflow

Die Benutzeroberfläche von Webflow ist komplexer als das, was Sie mit einem Design-Tool wie Canva finden würden, aber immer noch nicht so einschüchternd wie alles, was Sie in der Adobe Suite finden würden.

Auf der linken Seite stehen Ihnen Ihr Navigator und andere Optionen zur Verfügung und auf der rechten Seite Ihre Designtools. Wenn Sie auf ein Element klicken, wird nur für dieses Element ein Anpassungsmenü angezeigt.

Das Finden des richtigen Werkzeugs in diesem Menü ist einfach, da sie alle offen sind, anstatt mehrere Fly-Menüs nach dem gewünschten zu durchsuchen.

Sie können Breakpoints oder Bildschirmgrößen auch einzeln anzeigen und bearbeiten, indem Sie das entsprechende Symbol oben in der Benutzeroberfläche auswählen.

Während der Builder die Arbeit macht, die Website für Sie reaktionsfähig zu machen, können Sie jede Größe anpassen, wenn Sie möchten, dass sie anders aussieht.

Wenn Sie sich fragen, wie Sie den Überblick behalten, hilft Ihnen der in die Benutzeroberfläche integrierte Navigator, organisiert zu bleiben. Die Verwendung dieses Tools ist eine weitere Möglichkeit, Elemente in Ihren Layouts und Abschnitten zu finden und neu anzuordnen. Dies ist praktisch, wenn Sie eine komplexe Website mit vielen Elementen erstellen.

Das Content-Management-System von Webflow

Wenn Sie jemals Schwierigkeiten hatten, einen Blog-Beitrag oder eine Sammlungsseite in WordPress anzupassen, werden Sie vom Content-Management-System oder CMS von Webflow angenehm überrascht sein. Für jemanden, der keine Blog-Erfahrung hat, gibt es viele Ressourcen zum Lernen und zum Einstieg.

Der Builder gibt Ihnen die vollständige Kontrolle darüber, wie Sie Ihre Seiten erstellen und anpassen. Es verwendet dieselbe Schnittstelle, die Sie verwenden würden, um den Rest Ihrer Site zu erstellen.

Es wird auch mit einigen zusätzlichen Tools geliefert, mit denen Sie Informationen aus Ihrem CMS abrufen und anzeigen können, z. B. Anzeigebilder, Beitragstitel, Autorenname und vieles mehr.

Verwandt: So erstellen Sie eine Portfolio-Site mit Wix

Egal, ob Sie Filme rezensieren, Ihre Kunstwerke teilen oder Reisen dokumentieren, die Einstellungen im CMS-Menü und Design-Schnittstelle geben Ihnen die Möglichkeit, mit jeder Art von Inhalten zu arbeiten.

Darüber hinaus können Sie Ihre Beiträge mit Medien abwechslungsreicher gestalten und wenn Sie bereits woanders bloggen, können Sie Ihre Arbeit übertragen.

Weitere Funktionen und Vorteile der Verwendung von Webflow

Web-Builder können ein Glücksspiel sein, wenn ihre Testzeit begrenzt ist. Möglicherweise haben Sie innerhalb dieses Zeitraums nicht die Zeit, um herauszufinden, ob Sie mit dem Dienst arbeiten können oder ob er Ihnen gefällt. Vor allem, wenn du es als Hobby machst.

Zum Glück bietet Webflow einen völlig kostenlosen Kontoplan, ohne dass eine Kreditkarte oder andere Verpflichtungen erforderlich sind.

Sie können sogar eine zweiseitige Site in einer Subdomain starten, wenn Sie den Webflow-Namen in Ihrer URL beibehalten. Auf diese Weise wissen Sie, ob es für Sie ist oder nicht, bevor Sie sich entscheiden, eine weitere Seite hinzuzufügen oder eine personalisierte URL hinzuzufügen.

Webflow bietet Ihnen nicht nur einen intuitiven No-Code-Builder, sondern auch die Möglichkeit, sich für einen benutzerdefinierten Domainnamen und Hosting anzumelden, anstatt nach Ihren Anbietern zu suchen.

Wenn Ihr Hobby zu einem Nebengeschäft wird, bietet es auch E-Commerce-Tools, die Ihnen bei der Gestaltung und Verwaltung Ihres Shops helfen.

Verwenden Sie Webflow, um mit Ihrer Website kreativ zu werden

Webflow ist ein wunderbares Werkzeug für diejenigen, die eine Website erstellen möchten, um ihre Hobbys und Interessen zu verwirklichen.

Es ist perfekt für diejenigen, die Anpassungen lieben, aber sonst keinen Code lernen müssen. Da es kostenlos als Starter verwendet werden kann, ist es auf jeden Fall einen Versuch wert, um zu sehen, ob es das Richtige für Sie ist.

WordPress vs. Wix: Die wichtigsten Unterschiede

Sie sind sich nicht sicher, ob Sie WordPress oder Wix für Ihre nächste Website verwenden sollen? Lassen Sie uns ihre Unterschiede herausfinden.

Weiter lesen

Über den Autor