Uploaded May 2024 | Updated September 2026, 3 weeks ago
In this video, we’ll create a simple blog with Webflow. Whilst it may not obviously be a blogging platform, Webflow has a CMS builder which allows us to build collections that are ideal for blog posts. ► The broadest range of asset categories, all in one place: elements.envato.com/?utm_campaign=yt_tutsplus_c0sS2cAvbGs&utm_medium=referral&utm_source=youtube.com&utm_content=description
We’ll take this one step at a time. First, we’ll look at a Figma design and do some planning. Then we’ll set up all the necessary collections in Webflow. Lastly, we’ll build out the two templates that we need in Webflow. You’ll also learn how to import content from CSV files, create fields that reference other collections, filter results, add display limits, and much more. Let’s get started!
00:00 Introduction
01:06 Envato Elements
01:17 Planning the Blog
08:18 Setting up Collections in Webflow
22:21 Envato Elements
23:12 Create the Blog Page
39:07 Create a Blog Index Page
► Read more on Envato Tuts+: webdesign.tutsplus.com/how-to-create-a-blog-with-webflow-video-course--ytc-76c?utm_campaign=yt_tutsplus_c0sS2cAvbGs&utm_medium=referral&utm_source=youtube.com&utm_content=description
Read free Webflow tutorials on Envato Tuts+: webdesign.tutsplus.com/compatible-with/webflow?utm_campaign=yt_tutsplus_c0sS2cAvbGs&utm_medium=referral&utm_source=youtube.com&utm_content=description
↯ Geek Logo Template elements.envato.com/geek-logo-template-5X97X6?utm_campaign=yt_tutsplus_c0sS2cAvbGs&utm_medium=referral&utm_source=youtube.com&utm_content=description
↯ Creative AI robot elements.envato.com/creative-ai-robot-learning-how-to-paint-on-canvas-F8DC5UW?utm_campaign=yt_tutsplus_c0sS2cAvbGs&utm_medium=referral&utm_source=youtube.com&utm_content=description
↯ Augmented reality elements.envato.com/immersed-into-augmented-reality-TEKSTPK?utm_campaign=yt_tutsplus_c0sS2cAvbGs&utm_medium=referral&utm_source=youtube.com&utm_content=description
↯ Advanced Cybersecurity elements.envato.com/advanced-cybersecurity-encryption-and-digital-data-YY25VU7?utm_campaign=yt_tutsplus_c0sS2cAvbGs&utm_medium=referral&utm_source=youtube.com&utm_content=description
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_c0sS2cAvbGs&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► The broadest range of asset categories, all in one place: elements.envato.com/?utm_campaign=yt_tutsplus_c0sS2cAvbGs&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato on X: twitter.com/envato
► Follow Envato on TikTok: tiktok.com/@envato
► Follow Envato on Instagram: instagram.com/envato
► Follow Envato on Facebook: facebook.com/envato
► Explore Envato's full stack of AI tools, all included in your subscription: labs.envato.com/?utm_campaign=yt_tutsplus_c0sS2cAvbGs&utm_medium=referral&utm_source=youtube.com&utm_content=description
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
In this video, we’ll create a simple blog with Webflow. Whilst it may not obviously be a blogging platform, Webflow has a CMS builder which allows us to build collections that are ideal for blog posts. ► The broadest range of asset categories, all in one place: elements.envato.com/?utm_campaign=yt_tutsplus_c0sS2cAvbGs&utm_medium=referral&utm_source=youtube.com&utm_content=description
We’ll take this one step at a time. First, we’ll look at a Figma design and do some planning. Then we’ll set up all the necessary collections in Webflow. Lastly, we’ll build out the two templates that we need in Webflow. You’ll also learn how to import content from CSV files, create fields that reference other collections, filter results, add display limits, and much more. Let’s get started!
00:00 Introduction
01:06 Envato Elements
01:17 Planning the Blog
08:18 Setting up Collections in Webflow
22:21 Envato Elements
23:12 Create the Blog Page
39:07 Create a Blog Index Page
► Read more on Envato Tuts+: webdesign.tutsplus.com/how-to-create-a-blog-with-webflow-video-course--ytc-76c?utm_campaign=yt_tutsplus_c0sS2cAvbGs&utm_medium=referral&utm_source=youtube.com&utm_content=description
Read free Webflow tutorials on Envato Tuts+: webdesign.tutsplus.com/compatible-with/webflow?utm_campaign=yt_tutsplus_c0sS2cAvbGs&utm_medium=referral&utm_source=youtube.com&utm_content=description
↯ Geek Logo Template elements.envato.com/geek-logo-template-5X97X6?utm_campaign=yt_tutsplus_c0sS2cAvbGs&utm_medium=referral&utm_source=youtube.com&utm_content=description
↯ Creative AI robot elements.envato.com/creative-ai-robot-learning-how-to-paint-on-canvas-F8DC5UW?utm_campaign=yt_tutsplus_c0sS2cAvbGs&utm_medium=referral&utm_source=youtube.com&utm_content=description
↯ Augmented reality elements.envato.com/immersed-into-augmented-reality-TEKSTPK?utm_campaign=yt_tutsplus_c0sS2cAvbGs&utm_medium=referral&utm_source=youtube.com&utm_content=description
↯ Advanced Cybersecurity elements.envato.com/advanced-cybersecurity-encryption-and-digital-data-YY25VU7?utm_campaign=yt_tutsplus_c0sS2cAvbGs&utm_medium=referral&utm_source=youtube.com&utm_content=description
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_c0sS2cAvbGs&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► The broadest range of asset categories, all in one place: elements.envato.com/?utm_campaign=yt_tutsplus_c0sS2cAvbGs&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato on X: twitter.com/envato
► Follow Envato on TikTok: tiktok.com/@envato
► Follow Envato on Instagram: instagram.com/envato
► Follow Envato on Facebook: facebook.com/envato
► Explore Envato's full stack of AI tools, all included in your subscription: labs.envato.com/?utm_campaign=yt_tutsplus_c0sS2cAvbGs&utm_medium=referral&utm_source=youtube.com&utm_content=description
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
