Building a Webflow CMS Blog | Step-By-Step

Поділитися
Вставка
  • Опубліковано 22 гру 2024

КОМЕНТАРІ • 85

  • @amitnaamani5702
    @amitnaamani5702 4 роки тому +18

    Brilliant, keep them coming. As soon as I start working with real clients I will def go back to this video. I like it that you show the technical side but still, there is some of your design into it. Like with the block quotes.

    • @PaytonClarkSmith
      @PaytonClarkSmith  4 роки тому

      Amit Naamani glad you found it helpful! Thanks for watching!

    • @judsonishaan5212
      @judsonishaan5212 3 роки тому

      i dont mean to be so offtopic but does any of you know of a tool to log back into an Instagram account..?
      I was dumb lost my login password. I would appreciate any tips you can give me.

  • @intribeco
    @intribeco 4 роки тому +1

    This is the best Webflow CMS tutorial I've seen so far. Nice work!

  • @mihdigitalmarketing4813
    @mihdigitalmarketing4813 3 роки тому +1

    You, my friend, are a LEGEND! Thank you very much for this video!

  • @ai-tools-unlocked
    @ai-tools-unlocked 3 роки тому +23

    Great tutorial. Would love to see timestamps in the description, especially when videos are 30+ minutes. Appreciate your tutorials.

  • @dylandavino
    @dylandavino Рік тому

    CMS can be one of the trickiest parts when it comes to learning Webflow. Thanks for sharing!

    • @DrMatthewHudson
      @DrMatthewHudson Рік тому

      What's the least tricky part?

    • @BigMeeech876ja
      @BigMeeech876ja 6 місяців тому

      @@DrMatthewHudson the fact that nobody is showing how the cms page itself is publish ... i dnt get why tho..

  • @mrdjchasm
    @mrdjchasm 4 роки тому +2

    I love binging on this stuff. Just straight value to the brain.

  • @patrikvalentik8237
    @patrikvalentik8237 Рік тому

    Super nice ! Slow and steady to understand all the steps!

  • @smarthustlersclub6375
    @smarthustlersclub6375 3 роки тому

    This was so straight forward, even i have not used webflow for real project, but am even loving it more right now

  • @3PMedia
    @3PMedia Рік тому

    I love webflow. I would appreciate more content about webflow and blogs

  • @emrhae
    @emrhae Рік тому

    Amazing tutorial!! Thank you, can’t wait to watch more!

  • @sherzodgafar5741
    @sherzodgafar5741 3 роки тому +1

    This is sooo helpful! Thanks a lot, I just started using WebFlow and was struggling a bit. Your tutorial is exactly what I needed!

  • @ChrisHallBoxCreative
    @ChrisHallBoxCreative 2 роки тому

    This is a fire video! Really helped me understand the ins and outs of making a blog with web flow

  • @melaniejumaga
    @melaniejumaga 4 роки тому +2

    So thankful you doing this!!

  • @AyushKumar-yn5co
    @AyushKumar-yn5co 4 роки тому +2

    Looking awesome

  • @twbashar
    @twbashar 4 роки тому +3

    wow, Very nice Payton. Keep making this type of full website making tutorial. Also, I have a request for you, Could you please make some tutorials about Webflow Form? Like how to customized and design checkboxes, select boxes, radio buttons, multistep form, etc complex things. Thanks.

    • @PaytonClarkSmith
      @PaytonClarkSmith  4 роки тому +3

      K.M. BASHAR love this idea! I actually just did one for a client! I’ll make it happen!

    • @twbashar
      @twbashar 4 роки тому +1

      @@PaytonClarkSmith I love you Payton.

  • @ThomasAgain
    @ThomasAgain 4 роки тому +3

    Hey Payton, just found your channel and subbed. Just started on UA-cam myself covering similar stuff.. always good to run across full designers/devs on YT. Keep it coming!

  • @JackedAmbition
    @JackedAmbition 4 роки тому +1

    Pleaseeeee make more vids! I love this content

  • @thejohnzapido
    @thejohnzapido 4 роки тому +6

    While background image is good for decorative uses, for instances such as the video above, I think it would be nice if you use image elements instead of background ones, useful for accessibility issues.
    What I do is to have an image within a div (image-wrapper). The div is my wrapper which can be resized accdg to my will, and the image inside it is set to 100% for both w and h, and set to absolute permanently and set to cover. Hierarchy goes something like this:
    name-of-image-wrapper
    -- img-100
    Just my two cents, but I know you are way better than me at Webflow. Hehe. Thanks for the vid Payton!

    • @PaytonClarkSmith
      @PaytonClarkSmith  4 роки тому +1

      John Philippe Zapido that’s a great way to do it! Honestly, probably better than how I do it. I will work this in on my next build and see how it goes. Thanks for the insight though! I am FAR from being a master Webflower! Always learning.

    • @thedukedubstep
      @thedukedubstep 4 роки тому +1

      I set mine up exactly the same way John. I thought I was just being weird, glad I'm not the only one that sets it up this way.

  • @DailyDoseOfHam
    @DailyDoseOfHam Рік тому

    Thank you for this! You’re amazing!!

  • @simonsureshwarayoga6564
    @simonsureshwarayoga6564 Рік тому

    Thank you. Great tutorial!

  • @keithharrington9853
    @keithharrington9853 4 роки тому

    Really good tutorial Payton, thank you.

  • @manuelmatti6742
    @manuelmatti6742 3 роки тому

    thanks for the video. when you changed the thumbnail to a link, it changed the size of the thumbnail picture. how can i change that back to the original size? At 18:20

  • @bigbadbear770
    @bigbadbear770 4 роки тому +5

    What about adding next/ previous buttons at the bottom of each post?

    • @PaytonClarkSmith
      @PaytonClarkSmith  4 роки тому +3

      I’ll have to work that into another video! Thanks for the suggestion!

  • @vivekbhatt3932
    @vivekbhatt3932 2 роки тому

    Very useful video....thanks a lot !!!

  • @michelabdelnour6655
    @michelabdelnour6655 3 роки тому +2

    Hey Payton, thanks for the awesome tutorial
    Was wondering if you knew how to change the color border based on the category - I have a color field inside each category I would like to apply to the border and set its color automatically.

  • @numanakhtersiddiqui6573
    @numanakhtersiddiqui6573 2 роки тому

    Great tutorial, keep it up:)

  • @atechyverse
    @atechyverse 2 роки тому

    Learning a lot. Thanks.

  • @carlosdanielferry7322
    @carlosdanielferry7322 2 роки тому

    Great job!
    I have a quietion. Is a problem with the individual pages for each articule. The information is not visible for the prevew. 🙁

  • @patriciah.8616
    @patriciah.8616 3 роки тому

    Awesome, thank you so much!

  • @bgutierritos
    @bgutierritos 4 роки тому +3

    Hi payton! Great video , just a quick question, the website where you are taking the inspo from has a different color for each category.. how can i implement this on mine? I believe its with cms category but just dont know how to implement it

    • @PaytonClarkSmith
      @PaytonClarkSmith  4 роки тому +1

      bernardo gutierrez great question! You can actually add a field in your CMS settings called color and then for each CMS item you can select the color. Then you go onto your website and wherever you want that color to appear you will just tell webflow to “get background color from “ just like any other CMS field. Hope this helps!

  • @fancy3958
    @fancy3958 3 роки тому

    Thx for this awesome tutorial. The question I have is that 3 columns on the tablet display is too small,I want to ask how can I make it into 2 columns?

  • @aerodylluk2543
    @aerodylluk2543 4 роки тому +1

    This was good. it would be awesome if they would increase the multi reference limit of 5 items too as this is the most limiting thing I have found so far with Webflow.

    • @PaytonClarkSmith
      @PaytonClarkSmith  4 роки тому

      Ben Watson very good point! I haven’t run into this yet but I could see how that would be an issue!

    • @aerodylluk2543
      @aerodylluk2543 4 роки тому

      @@PaytonClarkSmith Try making the categories system you did in the video but where you could assign more than 5 categories to the same post.

  • @salazaritzel
    @salazaritzel 2 роки тому

    Hi! great video, so one issue im having. when i change one blog post the rest automatically change too so it's all the same content. How do I prevent that from happening?

  • @MrVisuallearning
    @MrVisuallearning 2 роки тому

    Hi Payton - thank you very much for this video. Question: How can we add more images inside each blog? In the video you show how to add the header images. A blogging best practice recommends inserting one image for every 180 words. How to do this using the CMS? Appreciate your advice.

  • @noah568ify
    @noah568ify 4 роки тому +1

    This was so helpful thank you! How does the auto populating pages for each blog post work?

  • @brunovalery8756
    @brunovalery8756 Рік тому

    Great, thank you !

  • @linaaguirre3195
    @linaaguirre3195 Рік тому

    Hi Payton, How can I to change language of the dates for the articles?

  • @stanislavosipov2838
    @stanislavosipov2838 2 роки тому

    Please tell me how to connect cms elements now after the update in webflow. Previously, they were connected by clicking on the gear of an element (for example, text or a picture), but now they are not there 🙏

  • @inharmonyfarmstn
    @inharmonyfarmstn 4 роки тому

    Is there anyway you can do a video on the exact steps you take from the moment you obtain a client? I’d like to know where you start their site in webflow, how you get their site from your webflow dashboard to their hosting site. All the nitty gritty.

  • @ahangkhaneh
    @ahangkhaneh 2 роки тому

    How make dynamic those some minutes read plain texts?

  • @jamespilz1529
    @jamespilz1529 4 роки тому

    Awesome video Payton! Thanks for sharing your in-depth process. I'm building a blog as well - and I was wondering what you did when it comes to creating navigation. (bread crumbs?) Since I'm wanting to share individual posts through social media, my concern is that my viewers will land on a post, but not be able to easily navigate to other posts. Do you have any recommendations? (I've been able to create a NEXT and PREVIOUS button, but since I want to utilize the ability for tags and categories, I'm not sure how to implement it. (maybe using the categories reference or the bread crumb method?) Any suggestions would be awesome. Thanks Payton!

  • @kevynlevine
    @kevynlevine 4 роки тому +1

    Great video! Question...
    How come in your blog post CMS you don’t add a category and author field rather than making new collections?

    • @christophercant
      @christophercant 4 роки тому

      When you make a new collection, webflow will create a template page for items in that collection too. He can make dynamic pages for each author and category this way

  • @neoniquestudio
    @neoniquestudio 3 роки тому

    Hey Payton! Thanks for sharing your knowledge! Helps so much!
    One question: do you know how one can create tag-/keyword-functionality to a webflow blog?
    Since this feature is quite common at Wordpress and many people use it, I feel it should be somehow basic - but I cannot figure it out. The crucial part is obviously that the author of a post should be able to add keywords 'on the fly' while writing the post (so basically what it needs: the possibility to add new entries to a nested/referenced collection while working in the parent collection).
    Thanks & Cheers!
    Manuel

  • @kungarinchen3401
    @kungarinchen3401 3 роки тому

    thank you very much
    really helpful

  • @chevonnel2856
    @chevonnel2856 4 роки тому +1

    Hi Payton. Thank you for your tutorial. I am having one issue when creating my CMS blog pages. All of my blogs are in a section with the same class I created for each blog page, but because the blogs vary in length, they would either overflow onto the footer or are too short, leaving a huge white space in the blog section. For some reasons I'm unable to create modular sections that can accommodate for the varying lengths (e.g. when I extend the section for longer blogs so they don't overlap with footer content, the sections for shorter blogs on another page will also get extended, hence leaving a white space on that shorter blog page). How can I fix this problem?

    • @PaytonClarkSmith
      @PaytonClarkSmith  4 роки тому

      If I understand you correctly, it all comes down to your section that your content is inside. Just set the height to auto and put some padding on the top and bottom. Then that section will automatically change size according to the size of the article and will always have the same padding on top and bottom. Hopefully this answers your question

  • @chadtarheel
    @chadtarheel 4 роки тому +1

    great stuff! thanks for sharing this!
    Questions:
    Do you use any layout tools with clients early on? Will frame-io work for this? do you use Xd, Figma, other?
    Or, is there a design layout/wireframe tool in Webflow, too?
    Or, what are your tips for this process without a specific design tool?

  • @annacostiuc2222
    @annacostiuc2222 4 роки тому

    Hello! I really want to start my website design agency and I am really struggling with one question- how do you support your client after website delivery? If they need to change something for example add the product on an e-commerce website. How do you do it? How do you charge them? If you can please answer or make a video on it.

  • @jenniferward6821
    @jenniferward6821 4 роки тому

    Please advise me with this - I would want to drag a marker to where I live(instead of completing an exact address) as in, - I am local HERE - and drop that draggable marker image onto a map - and then my database has stored has the geolocation of where I am local?? This is part of my onboarding process

  • @mainakghosh38
    @mainakghosh38 3 роки тому

    Anyhow can we get those design readymade, copy & paste?

  • @starogre
    @starogre 3 роки тому +1

    Kinda confused how you use the final setup you did for case studies - if each case study has a different format, how do you do it without creating a new page for each one?

    • @PaytonClarkSmith
      @PaytonClarkSmith  3 роки тому

      When using CMS you have to utilize a very similar format for each one unless you want to get into conditional stuff where you do some thing like “only show this section when this specific field is filled out within the CMS). That gets into more complex stuff

  • @codysalazar3939
    @codysalazar3939 2 роки тому

    How do you embed html in these CMS components?

  • @newhottrend4059
    @newhottrend4059 4 роки тому

    love u man keep going

  • @JohnDrach
    @JohnDrach 4 роки тому

    So I'm trying to pipe unique CMS content into my CMS collection template by pulling content in from a CMS collection. The problem is then every page gets that same content. I can't seem to tell each page to leverage something unique on each page. Is this a bug? I tried reaching out to Webflow but their support is abysmal.

  • @skinnyvila
    @skinnyvila 2 роки тому

    I really need a step by step on how to add filtering and sorting with cms

  • @jakubhladik5898
    @jakubhladik5898 2 роки тому

    Not working for me. I added a header and there’s no option to bind to the collection. What am I missing?

  • @jamess5542
    @jamess5542 4 роки тому

    are there free cms templates that I can clone? I’m looking to create a simple but elegant website with a landing page, about, blog, services, and contact pages.

  • @lanic3869
    @lanic3869 Рік тому +1

    Please make another one for 2023.

  • @prazonparajuli7346
    @prazonparajuli7346 4 роки тому

    Thank you so very much :)

  • @liam2246
    @liam2246 4 роки тому

    Do a video on Editor X!!

  • @Jesstheconnector
    @Jesstheconnector 3 роки тому

    Hi Payton, everything was great until we click the link to the blog post and make the individual page because I don't have any symbols saved and don't have the features you had originally made like the navigation bar etc. So everything came to a stop and I realized I have to start all over following a different tutorial : (

  • @farhanbukhari5519
    @farhanbukhari5519 4 роки тому

    I am totalli unknown about this field can you give me some answers of my question ?

  • @eugenesamilyk6131
    @eugenesamilyk6131 3 роки тому

    Hello can anybody help me plz? How to add simple likes and views for Webflow blog post??

  • @shreychouhan7039
    @shreychouhan7039 4 роки тому

    nice

  • @bhargavdevanga9541
    @bhargavdevanga9541 3 роки тому

  • @bhargavdevanga9541
    @bhargavdevanga9541 3 роки тому

    20:58

  • @yetdontknow6783
    @yetdontknow6783 2 роки тому

    I would like to leave a like, but the fact that you didnt show us how to make it responsive, that's not very cool, but still thanks.