Tutorial: Webflow CMS Basics

Alles, was du über das Webflow-CMS wissen musst

Hey du! Heute möchte ich dir alles zeigen, was du über das Webflow-CMS wissen musst, damit du optimal damit arbeiten kannst. Wir werden uns ein paar grundlegende Fragen ansehen und dann eine CMS-Collection für Blogs einrichten und sie in einer Blogübersichtsseite und einem Blogpost integrieren. Also, lass uns direkt einsteigen!

Was sind Webflow-Collections?

Zuerst einmal, was ist eigentlich eine Webflow Collection? Eine Collection ist ein Element, das du in jedem CMS findest. Manchmal werden sie anders genannt – in WordPress zum Beispiel sind sie als Beitragstypen bekannt. Im Grunde genommen handelt es sich jedoch um dasselbe. Eine Collection ist im Wesentlichen eine Datenbank, in der Inhalte strukturiert gespeichert und verwaltet werden. Stell sie dir wie eine Excel-Tabelle vor, in der es eine Spalte für jeden Informationstyp gibt. In einem Testimonial hättest du beispielsweise Spalten für Profilbilder, Namen, Positionen, Unternehmen und Zitate. Die Zeilen enthalten dann die entsprechenden Einträge.

Wann benötigst du eine Webflow-Collection?

Collections sind äußerst praktisch, wenn du Inhalte zentral verwalten möchtest, die an verschiedenen Stellen auf deiner Website erscheinen sollen. Ein Beispiel dafür wäre ein Testimonial, das auf mehreren Seiten erscheint. Wenn du den Inhalt aktualisieren oder einen neuen hinzufügen möchtest, musst du dies nicht an mehreren Stellen tun. Du kannst es an einem Ort erledigen, indem du einfach einen neuen Eintrag in der Collection hinzufügst oder einen vorhandenen aktualisierst. Weitere Beispiele für Webflow-Collections sind Blogbeiträge, Fallstudien, Teammitglieder oder Stellenangebote.

Einrichtung einer CMS-Collection

Um eine CMS-Collection zu erstellen, klicke auf das Collection-Symbol in der linken Leiste und dann auf das "Create New Collection"-Symbol. Du kannst aus verschiedenen Collectionsvorlagen wählen, aber wir erstellen sie von Grund auf neu, um nichts Wichtiges zu übersehen. Gib der Collection einen Namen, wie zum Beispiel "Blog", und lasse die Collection-URL wie sie ist. Anschließend legst du die Felder der Collection fest, die im Wesentlichen den Inhalt speichern, den du strukturieren möchtest. Du kannst aus verschiedenen Formaten wählen und benutzerdefinierte Felder hinzufügen, um die benötigten Informationen zu erfassen.

So erstellst du eine Blogübersichtsseite und einen Blogposts

Eine der häufigsten Anwendungen von Collections ist wahrscheinlich ein Blog. Also erstellen wir eine Blog-Collection und richten eine Blogübersichtsseite und einen Blogpost ein.

Um die Blogübersichtsseite einzurichten, wähle eine geeignete Vorlage aus oder erstelle dein eigenes Layout. Verbinde dann die Seite mit deiner CMS-Collection für die Blogs und gestalte sie dynamisch, sodass sie automatisch Inhalte aus der Collection anzeigt. Für den Blogpost gestaltest du eine Einzelseite, auf der die Inhalte eines einzelnen Beitrags angezeigt werden. Du kannst auch grundlegende SEO-Einstellungen wie Titel-Tags und Meta-Beschreibungen festlegen, um die Auffindbarkeit deiner Inhalte zu verbessern.

Fazit

Das waren die wichtigsten Dinge, die du über das Webflow-CMS und die Einrichtung von Collections wissen solltest. Indem du diese Grundlagen beherrschst, kannst du Inhalte auf deiner Website effizient verwalten und präsentieren. Von der Strukturierung von Inhalten bis hin zur Optimierung deiner Seiten für Suchmaschinen – das Webflow-CMS bietet eine Vielzahl von Möglichkeiten, um deine Website professionell zu gestalten und zu verwalten.