How to Make a Blog with WEBFLOW in 2024 (Complete Beginner Tutorial)

Поделиться
HTML-код
  • Опубликовано: 4 авг 2024
  • Here is a complete guide and step-by-step Webflow beginner tutorial on how to create a blog with Webflow.
    Content is the name of the game when it comes to increasing traffic towards your business website and having good SEO. One of the ways to create content on your website is to have a blog.
    0:00 Intro
    0:39 Overview
    1:06 Setting up the Content in a Collection
    6:20 Creating the Blog Template Page
    11:19 Connecting the Content to the Blog Page
    15:44 Creating the Main Blog Page
    22:22 Sorting, Filters, and Conditions
    23:10 Outro
    ABOUT US
    Unfinished, a Webflow Expert Agency
    ➤ Follow on Twitter: / teamunfinished
    ➤ Visit our website: unfinished.cc
    TRY OUT WEBFLOW, THE BEST WEBSITE BUILDER IN THE HISTORY OF MANKIND EVER:
    webflow.grsm.io/rudolphabrot7330
    INTERESTED IN THE VIDEO SETUP?
    Sony A6500 - amzn.to/3CsqgMk
    Sigma 16mm 1.4 Lens - amzn.to/3lmwGSH
    Sigma 24-70 2.8 Lens - amzn.to/3aAgOYC
    Shure MV7 - amzn.to/3Xkd1a9
    Apature Amaran 60D - amzn.to/42xpDvm
    GMV Lantern Softbox - amzn.to/3CrO3vC
    Adjustable Microphone Arm - amzn.to/3p5r8mP
    Elgato Cam Link 4K - amzn.to/3psvPCG
    WANNA CREATE VIDEOS? TRY TUBEBUDDY: www.tubebuddy.com/pricing?a=a...
    This video is NOT sponsored. Some product links are affiliate links which means if you buy something we'll receive a small commission.
    Don't forget to SUBSCRIBE!

Комментарии • 31

  • @JuyongJeon
    @JuyongJeon 5 месяцев назад +2

    Wow I luckily found your video during searching about how to make blog with Webflow, and your video is perfect tutorial! it's beginner friendly and step by step and the design is simple and so great! :D

    • @UnfinishedStudio
      @UnfinishedStudio  5 месяцев назад

      I’m glad it was a help! Feel free to suggest any other tutorial ideas 🙂

  • @lennartwerksnis1879
    @lennartwerksnis1879 2 месяца назад

    Greatly done tutorial. Thank you so much!

  • @Fullhaura
    @Fullhaura 2 месяца назад

    Thank you for your video!

  • @arunbelur6759
    @arunbelur6759 Месяц назад

    Thank you for the tutorial. A friendly suggestion - Try not to have your webcam feed overlayed on top of what you are doing. Just show your screen. That makes it easier to follow as your face is not in the way and obscuring part of the screen.

  • @HansOey
    @HansOey 3 месяца назад

    Thanks so much! I was almost giving up on Webflow since most tutorials on RUclips are so fast and not literally step by step. I've been dwelling on Webflow CMS for a while.

    • @UnfinishedStudio
      @UnfinishedStudio  3 месяца назад

      Glad it helped! What other questions do you have about the Webflow CMS?

  • @libertarian3402
    @libertarian3402 6 месяцев назад +1

    huge thanks for your video! was very useful)

  • @JAY001SF
    @JAY001SF Месяц назад

    Hello Fam, Awesome for you to train us. Are you also in Business? Jay from the bay. Thank you for helping to get off Disability, You put life back into me. Thank you

  • @kayopinheiro2780
    @kayopinheiro2780 3 месяца назад

    Very good, thanks!

  • @programminghacks
    @programminghacks 3 месяца назад

    True gem I found today on youtube

  • @EdenShadowWalker
    @EdenShadowWalker 2 месяца назад +1

    I just started learning webflow thank you for this bro

    • @UnfinishedStudio
      @UnfinishedStudio  2 месяца назад

      I'm so glad it was a help! Any other questions you may have about Webflow?

    • @EdenShadowWalker
      @EdenShadowWalker 2 месяца назад

      @@UnfinishedStudio Yeah is it possible to build sales funnel and order bumps on this ?

  • @onyedikachiibejih9599
    @onyedikachiibejih9599 4 месяца назад

    Thanks for this video! Super helpful. Quick question, if you wanted the "Learn more" button to maintain a fixed position across all blog cards, how would you go about that?

    • @UnfinishedStudio
      @UnfinishedStudio  4 месяца назад +1

      There are a couple ways to do so. You can add a padding on the bottom of the card that's more than the height of the learn more button, make sure your blog card is set to "relative", and make the "learn more" button absolute and have it be in the bottom. Style it as needed

  • @michaelbender2803
    @michaelbender2803 5 месяцев назад +1

    What is the blog editor and publisher workflow here? How do you allow people to come in and manage and edit posts? Is there a WYSIWG editor for that? Permissions? Or do we have to build all that?

    • @UnfinishedStudio
      @UnfinishedStudio  5 месяцев назад

      Webflow has an Editor mode where you (or a client) can create/edit CMS items such as blog posts in additional to being able to change other things on other pages such as text, images, buttons, etc.

  • @tanvirzaman893
    @tanvirzaman893 17 дней назад

    For some reason I'm not getting the "Get text from blogs" option

  • @tbrogoit02
    @tbrogoit02 Месяц назад

    I'll try it again tomorrow.. but Ive gone through your video multiple times and have made sure every section is both labeled correctly, connected correctly, and everything is arranged in order.. but I cant get the main page to populate the tittles of the fake blogs. The only difference between what you show and me not having an option for... is when you set the H1 settings on the blog post to "get text from blogs"... there is no check mark for this. I have no idea what to do change it either and I assume, since its the title, this is the problem... Any advice?

  • @olubunmioladipo977
    @olubunmioladipo977 5 месяцев назад

    Thanks for this video. I'm building a community website and it will require blog articles from different writers

    • @UnfinishedStudio
      @UnfinishedStudio  5 месяцев назад +2

      Thanks for watching! You can probably do that using a combination of Forms, Zapier, and Airtable... this would enable you to approve the blog posts as well. This could be a great tutorial to cover!

  • @othinielchigunwi
    @othinielchigunwi Месяц назад

    Hi everyone 👋,
    So I'm having trouble with my grid layout in Webflow. I've created a 4-column by 3-row grid and added images, article titles, authors' names, publication dates, and categories (e.g., productivity). Replacing images works fine, but when I try to update the article title, date, author name, etc., everything breaks. The images move up, causing misalignment.
    I want everything to stay aligned at the top without breaking. This issue has been bugging me for weeks, and I can't find a solution. If anyone understands what I'm trying to say and has a solution, I would really appreciate it.
    Thanks, and happy creating 😊

  • @TheMarouuu
    @TheMarouuu 6 месяцев назад

    First! :D

    • @UnfinishedStudio
      @UnfinishedStudio  6 месяцев назад +1

      Ayyeeee! Thanks for watching!

    • @TheMarouuu
      @TheMarouuu 6 месяцев назад

      @@UnfinishedStudio My pleasure.