Master Bento Box Layouts with Kadence Blocks | Create Stunning Designs Easily!

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 พ.ย. 2024

ความคิดเห็น • 64

  • @mosman7800
    @mosman7800 2 วันที่ผ่านมา

    You're just a Kadence legend...Thanks a lot man

  • @meri5387
    @meri5387 18 วันที่ผ่านมา

    Finally a complete and comprehensive explanation on sections and their flex settings! I've been looking for this for a while now. Finally understand how to use it. Thanks!!!

    • @CliftonWP
      @CliftonWP  18 วันที่ผ่านมา

      You are very welcome! Thank you for watching!

  • @fineasfrogshair
    @fineasfrogshair 25 วันที่ผ่านมา

    You make Kadence beautiful and unleash its power. Thank you so very much!

    • @CliftonWP
      @CliftonWP  25 วันที่ผ่านมา

      You are very welcome and Thank you so much!

  • @Line49Design
    @Line49Design 3 หลายเดือนก่อน +6

    In this presentation, Clifton demonstrates what makes him a strong teacher:
    * Plans out the lesson in advance, so he is not stumbling through it on the fly (as so many others tend to)
    * Lays out the rationale for what he is presenting
    * Thoroughly covers the underpinning fundamentals
    * Shows WHY things are done a certain way, by first viewing what happens otherwise
    * Does it at a pace that ensures the viewer won't miss the points
    I think many might miss these strengths if they don't have the patience to just play the video. I'm glad I let it play.
    Also, today's topic is interesting because it follows on other WP block videos about Bento Boxes that used a Grid CSS + Subgrid approach. Here we get to see what happens with a Flex approach...which is pretty flexible! So Kadence users who don't have a subgrid method to use can do cool things this way instead.
    Clifton, did you come up with this topic (and flex approach) on your own, or did the folks at Kadence tap you on the shoulder? They should be doing that all the time!

    • @CliftonWP
      @CliftonWP  3 หลายเดือนก่อน +3

      Wow!!! Thank you so much! Your kind words mean a lot to me. My goal is always to help everyone who watches my videos to really grasp and easily apply what I'm teaching. I am honored and humbled knowing that you find value in my work. This particular video was actually inspired by a suggestion from a subscriber in a previous comment. I truly appreciate all my viewers and subscribers, and I love hearing what you'd like to learn. If there's something I can teach, I'll always do my best to create content around it. Thanks again for your support! I appreciate you and your viewership!❤

    • @roamingtheamericas
      @roamingtheamericas 3 หลายเดือนก่อน

      Totally agree. Every time I think, "Hmm...what about this?" he ends up covering it within a few minutes. "Now you might be wondering..." Yes, yes I was. 😆

  • @lynne3469
    @lynne3469 23 วันที่ผ่านมา

    Thank you so much for this amazing tutorial. You explain everything so clearly and take the time to explain why each step is important. I love your calm, patient teaching style; I never feel overwhelmed because you go at such an accessible pace. I took lots of notes and now feel confident about trying these bento box layouts myself. 🥰

    • @CliftonWP
      @CliftonWP  23 วันที่ผ่านมา +1

      Thank you so much! I appreciate you watching and glad you find the video tutorial helpful! Thank you!

  • @charliegerson7570
    @charliegerson7570 3 หลายเดือนก่อน +2

    Yeah, here comes again the Master with something great again, Bento Box, something I've been longing to know more about. Thanks for keeping your promise of more Kadence videos. Your almost 7-hour Comprehensive Kadence Guide has demystified Kadence, at least for me, and I'm still working on it; a great reference source! I don't know how to thank you, Clifton. God richly bless you!!!

    • @CliftonWP
      @CliftonWP  3 หลายเดือนก่อน +1

      Thank you so much Charlie! I so appreciate you! More to come my friend!

  • @CA-Media1
    @CA-Media1 3 หลายเดือนก่อน

    Thanks Clifton for another awesome tutorial! You are a true Kadence Guru 😊

    • @CliftonWP
      @CliftonWP  3 หลายเดือนก่อน

      Thank you very much! I appreciate you watching!

  • @markuserikssen
    @markuserikssen 29 วันที่ผ่านมา

    Wow, this looks excellent. Thanks for creating this tutorial Clifton!

    • @CliftonWP
      @CliftonWP  29 วันที่ผ่านมา +1

      Thank you very much!

  • @karl-ford
    @karl-ford 3 หลายเดือนก่อน +4

    Thank you for the great video! Best Kadence channel in TH-cam!!

    • @CliftonWP
      @CliftonWP  3 หลายเดือนก่อน

      Thank you so much! I appreciate you watching!

  • @celinedaumesnil7329
    @celinedaumesnil7329 2 หลายเดือนก่อน

    Thank you for this high-quality content, much appreciated

    • @CliftonWP
      @CliftonWP  2 หลายเดือนก่อน

      Glad you enjoy it! Thank you and I appreciate you!

  • @danielschutzsmith9399
    @danielschutzsmith9399 3 หลายเดือนก่อน +1

    Wow, I rarely comment on YT videos but this was great! I’ve been using Kadence for about 2 years now but hadn’t done something like this before. Fantastic! Thank you!!!

    • @CliftonWP
      @CliftonWP  3 หลายเดือนก่อน

      You are very welcome! Thank you and I appreciate you watching!

  • @FiranGros
    @FiranGros 2 หลายเดือนก่อน

    Such a informative and helpful video, thanks CliftonWP for sharing this ❤❤❤

    • @CliftonWP
      @CliftonWP  2 หลายเดือนก่อน

      Thank you! I appreciate you watching!

  • @IshfaqAhmed-g1g
    @IshfaqAhmed-g1g 2 หลายเดือนก่อน

    Valuable content, Thank you Clifton.

    • @CliftonWP
      @CliftonWP  2 หลายเดือนก่อน

      You are very welcome! Thank you for watching!

  • @KaiBuskirk
    @KaiBuskirk 3 หลายเดือนก่อน +2

    Wonderfull! So Very Cool! Danke! have a great day!!

    • @CliftonWP
      @CliftonWP  3 หลายเดือนก่อน

      Thank you Kai! You too!

  • @UpperValleyWeb
    @UpperValleyWeb 3 หลายเดือนก่อน

    Wow! Came for the Bento Box, stayed for the master class in sections and flex settings.

    • @CliftonWP
      @CliftonWP  3 หลายเดือนก่อน

      Thank you!

  • @roamingtheamericas
    @roamingtheamericas 3 หลายเดือนก่อน +1

    🔥🔥🔥 Oh my goodness, mind blown and I'm only halfway through. You are so skilled at teaching. I appreciate that you don't just share steps 1,2,3 but you really help me understand the concepts. I built it along with you but will definitely be watching this again to grasp things more. Huge thank you, Clifton.

    • @CliftonWP
      @CliftonWP  3 หลายเดือนก่อน

      Thank you so much! I appreciate your kind comments and I thank you for watching!🙏

  • @Skills_Geek
    @Skills_Geek 3 หลายเดือนก่อน +3

    Great tutorial once again

    • @CliftonWP
      @CliftonWP  3 หลายเดือนก่อน

      Thank you very much! I appreciate you watching!

  • @achimgener4085
    @achimgener4085 3 หลายเดือนก่อน

    Great! Exactly what I needed 😃

    • @CliftonWP
      @CliftonWP  3 หลายเดือนก่อน +1

      Thank you and happy to hear it!

  • @SabbirSEO1
    @SabbirSEO1 3 หลายเดือนก่อน +2

    This is awesome! Thank you so much.

    • @CliftonWP
      @CliftonWP  3 หลายเดือนก่อน

      You're very welcome! Thank you very much!

  • @RodrigoMartinez-w6n
    @RodrigoMartinez-w6n 3 หลายเดือนก่อน +1

    Awesome work Clifton!

    • @CliftonWP
      @CliftonWP  3 หลายเดือนก่อน

      Thank you kindly! I appreciate you watching!

  • @carsxstreeet
    @carsxstreeet 3 หลายเดือนก่อน +2

    Great tutorial 💥

    • @CliftonWP
      @CliftonWP  3 หลายเดือนก่อน

      Thank you 🙌 I appreciate you watching!

  • @WestbrookAds
    @WestbrookAds 3 หลายเดือนก่อน +1

    Fantastic! Thanks for the great content

    • @CliftonWP
      @CliftonWP  3 หลายเดือนก่อน

      My pleasure! Thank you for watching!

  • @paulwright4765
    @paulwright4765 3 หลายเดือนก่อน

    Great video! I think I'll be watching this a few times to get my head round it 🙂

    • @CliftonWP
      @CliftonWP  3 หลายเดือนก่อน

      Awesome! Thank you and I appreciate you watching!

  • @monkis2793
    @monkis2793 3 หลายเดือนก่อน +1

    Nice. Thanks again!

    • @CliftonWP
      @CliftonWP  3 หลายเดือนก่อน

      You are welcome! Thank you and enjoy!

  • @get2sri
    @get2sri 3 หลายเดือนก่อน

    Thanks!

    • @CliftonWP
      @CliftonWP  3 หลายเดือนก่อน +1

      Wow! Thank you so much! I appreciate your support!

  • @mdakashtube
    @mdakashtube 3 หลายเดือนก่อน +1

    Thank you so much.

    • @CliftonWP
      @CliftonWP  3 หลายเดือนก่อน

      You're very welcome! Thank you for watching!

  • @tomfraser3086
    @tomfraser3086 3 หลายเดือนก่อน +1

    Clifton you are amazing....thank you. If I would like to fill all the containers with images how do I determine the pixel size of each of the varied boxes

    • @CliftonWP
      @CliftonWP  3 หลายเดือนก่อน

      Thank you Tom! In the video you'll see where I recreate a Bento Grid with this very same attribute, using images. You'll want to place your images in the sections as background images set to "cover" and then choose the minimum height that best suits the design your are going for. To get to the minimum height for a section, select the section, then the Advanced Tab, then the Structure Tab and enter your desired minimum height. I hope that helps!

  • @victort.1122
    @victort.1122 2 หลายเดือนก่อน

    Hello from Russia! Thank you Clifton for the useful tutorial. Could you please make another one with a more complicated Bento structure? 1 tutorial is good but 2 tutorials of the same topic would be much better! It's a very needed and practical thing. What would you say? :)

    • @CliftonWP
      @CliftonWP  2 หลายเดือนก่อน +1

      Thank you and thanks for watching in Russia! Send me a link to a Bento Box Grid layout that you would like to see me replicate and I will make a video of the buildout and explain how to achieve it. Thanks again!

  • @internetmarketing4133
    @internetmarketing4133 3 หลายเดือนก่อน

    Can you please make a video on crocoblock and kadence for hotel booking website?

  • @charliegerson7570
    @charliegerson7570 3 หลายเดือนก่อน

    Hi Clifton, thanks for the Super Awesome step-by-step Bento Box Grid video.
    Just want to know:
    1. Is it possible to have the Bento Box grid layout on Mobile view as in Desktop and Tablet view instead of items being stacked vertically in responsive Mobile view?
    2. Will they be too small to view in Mobile?
    3. Does it depend on the kind of layout one chooses?
    4. What adjustments can one make to achieve a Bento Box grid layout and look in Mobile view as in Desktop and Tablet view?

    • @CliftonWP
      @CliftonWP  3 หลายเดือนก่อน +1

      Thank you Charlie, technically, you could have a mobile bento box layout, however depending on the content and use case, there may be some challenges with seeing it clearly on mobile. It really depends on the layout and the content. For instance a bento box comprising mainly of images would do well in a 2 column bento box, however once you add texts and headings, you want to stack the containers vertically to see the content. I hope that helps!

    • @charliegerson7570
      @charliegerson7570 3 หลายเดือนก่อน

      @@CliftonWP Thank you very much for the explanation. This clarifies everything for me. Thanks for the prompt response.

  • @Peter-w3k
    @Peter-w3k 2 หลายเดือนก่อน

    Hello Clifton, thank you for this great tutorial! I have a question for the second bento box: Why are the last two sections 100% width in the tablet view instead of 50%? When I create a 4x4 grid, all sections are 50% in the tablet view, but with a 3x3 grid, the last 3 sections appear at 100% width.

    • @CliftonWP
      @CliftonWP  2 หลายเดือนก่อน

      Thank you Peter, you can change the width setting in Tablet view to 50% if you like. There are 3 sections so you'll have one hanging section or you can choose to set it to 100% for the third section to keep everything uniform in mobile view. I hope that helps!

  • @johnsitjar4521
    @johnsitjar4521 3 หลายเดือนก่อน

    good day do you have tutorial regarding About us page using kadence? thanks

    • @CliftonWP
      @CliftonWP  3 หลายเดือนก่อน

      Thank you, I don't have a specific tutorial on About Pages. What would you like to know about them?