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. ► Download unlimited photos, fonts, and templates with Envato Elements: https://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 free Webflow tutorials on Envato Tuts+: https://webdesign.tutsplus.com/compatible-with/webflow?utm_campaign=yt_tutsplus_c0sS2cAvbGs&utm_medium=referral&utm_source=youtube.com&utm_content=description
↯ Geek Logo Template https://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 https://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 https://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 https://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: https://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.
► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: https://elements.envato.com/?utm_campaign=yt_tutsplus_c0sS2cAvbGs&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: https://www.youtube.com/tutsplus
► Follow Envato on X: https://twitter.com/envato
► Follow Envato on Facebook: https://www.facebook.com/envato
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
Leave a Reply