How I Built my Blog in Webflow | CMS for Beginners
HTML-код
- Опубликовано: 4 авг 2024
- My new site: www.maddybeard.com/
I recently added a blog to my Webflow site which forced me to finally learn how to use their CMS. Since I'd never used a CMS or built a blog like this before, I found it kind of confusing at first, but ultimately so worth it! And you'll see why, so in this video I'm going to show you how I built my blog on Webflow and explain why I decided to do this in the first place.
❐ TIME STAMPS ❐
00:00 Intro
01:05 Why I Added my Blog
02:42 CMS Basics
03:33 Create a Collection & Add Content
07:28 Design Index Page & Link Content
11:46 Design Post Template & Link Content
❐ LINKS ❐
Tutorials: bit.ly/3srk4y0
Behind the Design: bit.ly/2W6TLkX
By the way, I have a Skillshare class for Graphic Designers looking to get into UI/UX! Watch the trailer here:
skl.sh/3pcWnGC
✨Let's be friends!✨
Instagram ➭ @maddybeard.ux
Monthly Newsletter ➭ maddybeard.ck.page
Behance ➭ behance.net/maddybeard
![[DOKKAN BATTLE] August Producer's Letter](http://i.ytimg.com/vi/JUTYpaV_4Ic/mqdefault.jpg)
Thanks for taking the time to make this video. It was super helpful as a quick start for a very specific activity (blog posts) I was looking to do. Continued success, Maddy.
You're very welcome! Thanks for the kind words!
Thanks for this tutorial. I've created blogs before (on WP) and I never thought to number them as a way of sortation. Absolutely brilliant, thank you.
I'm just starting on Webflow and loved your video! Congrats and thank you for the rich content Maddy!
Super helpful video Maddy! Thank you. I was looking for exactly this as the client I am working with wants to build a blog post collection on their website.
Love your video Maddy! ❤️ Thank you so much!
Great tutorial, Maddy! Super helpful and just what I needed to start using the CMS feature in my Webflow sites. Thank you!
Yay! I’m so glad :)
This video answered so many questions I was having difficulty solving for my blog. Thank you for sharing this info!
Incredibly helpful. Thank you Maddy!
Thank you Maddy for the clear explanation👍
Clear, easy, conversational. Thank you.
Thank you so much for such an informative video! Been loving everything from your channel!
Aw thank you, I'm so glad! :)
Incredibly helpful video. This helped me take the plunge into webflow. Thanks, Maddy
I'm so glad!! :)
I love it! I have really been looking into webflow lately and this was one of my biggest concerns. Thank you.
Thanks Maddy, you the boss ladie when it comes to blogging. Wish webflow was easier with better pre lay out but I continue to use it for it's massive capability of customization.
Awesome tutorial! Well explained, short and sweet.Thank you, subscribed :)
Fantastic explanation...exactly what I needed. Thanks!
We're working on our first WebFlow sites and this was so helpful! Thanks Maddy!
Ah yay!! I’m so glad :)
Thanks Madd💯❤️
Thanks for the awsome tutorial Maddy, please keep on making kick ass tutorials :)
Great video, it was exactly what I was looking for!
You forgot to talk about one important part though: linking the blog posts to the blog "menu".
For that, instead of designing the main blog page (with all the different blog articles) with a div block, use a link block. Then, on the right bar, go to settings and in link settings, choose "page" and "current blog post".
Thank you for this. I was wondering the same thing.
Thanks for this, super confusing otherwise
Thank you Maddy. 🤗
This is exactly what I was looking for.
Very well explained and on point. Definitely have to subscribe.
Yay! I’m so glad :))
Great video. So helpful! Thank you.
Thanks, this video was a great starting point!
Amazing video, helping me out w/ my internship!
This was very useful!
OMG thank you Maddy, this helped so much I couldn't figure out why the Style Guide changes in the template I purchased were not applying to the Rich Text parts in the blog
Great content!
your course on skillshare was very helpful
Thank you so much
You're welcome, I'm so glad!
Very Informative Thanks!
Excellent! Thanks!!!!
I think using CMS will be ideal for me because I host a jazz radio show since 1988. I use WordPress at the moment but putting my shows in a spreadsheet and then saving in CSV format is so easy. I just have to import it into the webflow CMS and then take it from there. Your video really helped me. Thanks again!!! 🙂
That’s awesome!! 👏
@@MaddyBeard I'm still trying to understand what you do after importing the CSV file and adding all the fields. I'm trying to find other videos that slow things down a bit so I can grasp what is going on. At the moment I'm still using WordPress until I understand webflow better. I see a lot of potential using webflow!!!! 🙂
Got it. Disconnect, style, connect 🤘
Very interesting.
Thanks!
Random comment, but your bedroom looks rly nice - great job at decorating!
Awh thanks!! :)
Hi Maddy - thanks for this video! Somehow, I can't put the paragraph under the header of the blog post. Do you happen to have any advice?
How did you rearrange the order of the blog fields? It seems like the RUclips link is at the top of your block. After I added the field, it is at the bottom of the list in my "Editor Preview".
It actually doesn't matter what order they're in in the CMS, the order depends on how you lay out the page in the editor and link to each field :)
Definitely going to get a lot of views from me! Brilliant video 😁
Thanks for the video Maddy, this was very helpful. Does the Collection List have to go into a container in order to make it mobile friendly?
I believe so! :)
Great video! How did you add the images to the different Text parts? Can you add them in the CMS or after on the page?
You add them in the CMS! Basically anything that differs from post to post is added in the CMS and anything that is consistent across all posts can be editing in the template page itself :)
@@alexburlingame4671 @sampletear Good question! You can place images into "rich text" fields in the CMS. So as I'm pasting in my text for the blog, I can also place in images! As you're adding text in the field in the CMS, you'll see a small plus icon appear which will let you add in images, video, code, etc.
Suppose I designed the blog list page and now how can I link between that blog list page with in detailed blog page? How can I go to the blog page by clicking in the multiple list of blogs? Please help!
I was really lost, coming from WordPress.
But already much clearer with this video, thanks a lot.
Do we have to create the different blog posts "manually", like for the static pages?
Or is it enough to have a "blog" page to "host" them? Thank you anyway!
You create them in the CMS instead of in the page editor :)
@@MaddyBeard Yes, I finally unraveled this right after (and thanks to!) your video! Thanks again for your help.
Hi Maddy! Thanks for the video so interesting! Not related question, what do you use to edit your video? We really like the small circle with your face at the bottom, we were debating what you were using? :-)
I use Loom!! I love it, i use it every single day for videos and for client communication! loom.grsm.io/maddy 🥰
@@MaddyBeard OMG this will save us so much time, thanks for your quick response and we will use your link ;-) Cheers!
@@NomadJunkies Woohoo! Happy to help!
Thanks for this! One question: can you add Google Adsense to your Webflow blog? What are the best ways to monetize your blog traffic?
This is not something I've looked into yet!
Hi what tool do you use to make this video? Is it OBS or what? I like your video. This is so helpful
Thanks! I use Loom :)
loom.grsm.io/maddy
How do we make it a live page?
Hello, I also use Webflow. I'm new to this. I am learning to work from your videos. Tell me how to add comments and likes to blog articles in Webflow? Or how to add star rating?
I’ve actually never done that!
Is it user centric? Like dynamic content like medium? Because static cms is boring and if it's dynamic users will get more connected.
Ah good question. It’s not, BUT that’s intentional. I want a place on the web that’s only my content in order to drive traffic to my site and other platforms :) which is why I use both my site AND medium!
How does this work when there's not just one category per blog post, but multiples? If you would show: design / marketing / interview and you would like to tap on each of them?
Hey I'm little bit confused, i just wanna ask that how to write and post a blog to my website using webflow.
How did you learn webflow? Watching the videos on the site? I'm asking because I have a site for my company now and don't want to pay someone to add content for me. Every time I try to add content I mess it up.
Yes! I just watched their "webflow university" and slowly worked through my own projects :) some things can be tricky but once you get the hang of it I find it so much easier than other CMSs (wix, etc.)
At 9:47 of this video you said add padding but you add margin on div block. Nice video though
Do you know how to code, Maddy?
I know the VERY basics :) But that's about it
ce que j'ai pas vraiment compris c'est le faite de newsletter et embeded code
But cms is not free on webflow or am wrong
I didn't even know the CMS page exists. Damn...
You are beatiful.
It's always a pleasure coming across beautiful ladies who know how to do tech stuff well.
her video is very good, but Webflow is by far the most backwards CMS experience I've ever used. WP is far superior in almost every imaginable in building a blog and really this company should go out of business.
im not good english pls translate hindi language