WOW! WordPress Gutenberg CSS Grid Builder is here 🔥

Поделиться
HTML-код
  • Опубликовано: 28 окт 2024

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

  • @iansdell
    @iansdell 7 месяцев назад +21

    Hooray! I knew I'd see table layouts come back if I lived long enough.

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

      bwahahhahah.

  • @Rbog17
    @Rbog17 7 месяцев назад +5

    Top notch as usual, Jamie. Well done. Very nice addition to core blocks. Hats off to the G team.

    • @jamiewp
      @jamiewp  7 месяцев назад

      👍 thank you

  • @SingaporeMathsAcademyUK
    @SingaporeMathsAcademyUK 7 месяцев назад +29

    One of the best, if not THE best, Wordpress RUclipsr. Well done Jamie, really enjoy your videos.

    • @jamiewp
      @jamiewp  7 месяцев назад +4

      Thank you 🙏

  • @alexandrepessoa
    @alexandrepessoa 7 месяцев назад +3

    This is great. Thanks again for a great video Jamie 😎.
    Static CSS grid builder has been around for free from jet for a few years now, and dynamic in query loop for a while now in premium like Greenshift and others, but having this as a native G is a gamechanger: seamless integration, clear and organized UI, zero bloat.
    Dealing with ever overcomplicating block addons or "builder" plugins, that eventually break along the way and leaves one in tricky situations with customers makes me value standard G+WP more and more and you are the champion in showing how great it is and how much one can do with stock WP rather than going the bloat way.
    Thank you for that and please keep up with this excellent work. Kudos !! 👍👍

    • @jamiewp
      @jamiewp  7 месяцев назад

      Thank you , those are lovely words 🤩

  • @jodalry
    @jodalry 7 месяцев назад +2

    Thanks Jamie. This is currently my favourite channel! 👍🏻😎

    • @jamiewp
      @jamiewp  7 месяцев назад

      Thank you Jon - that’s lovely to hear 🙏

  • @CampanellaFoto
    @CampanellaFoto 7 месяцев назад

    I love the Gutenberg plugin, always new stuff to play with. Had no idea you could make blocks span across rows like that. Thanks for sharing.

  • @comartse
    @comartse 7 месяцев назад

    CSS Grid can speed up the building process when it comes. Jamie, thank you for showing its nice features.

    • @jamiewp
      @jamiewp  7 месяцев назад

      No problem 👍

  • @derek-hanson
    @derek-hanson 7 месяцев назад +1

    Leave it to Justin to give us a new theme in time for one of the coolest features. Love everything about this video!

    • @jamiewp
      @jamiewp  7 месяцев назад +1

      Yup Justin is doing amazing work 🚀

  • @goatcheeta
    @goatcheeta 7 месяцев назад +3

    This makes my day! Thanks, Jamie. Disappointed it won't be in 6.5 but at least we can play with an early version now. I have played with Grid in the CSS and found it somewhat rough going.

    • @jamiewp
      @jamiewp  7 месяцев назад

      Let me know what you think about the new grid block

  • @jdccool
    @jdccool 7 месяцев назад

    Thanks Jamie. You're always my "go to guy for Gutenberg" !

    • @jamiewp
      @jamiewp  7 месяцев назад

      thank you 🙏

  • @pmmueller
    @pmmueller 7 месяцев назад

    Looks like a good 20/80 implementation of the CSS Grid spec and that will make things a lot easier for a lot of people. Columns block will be used a lot less.
    I haven't looked at Justin's theme yet, but is looks more like a collection of useful patterns. And the question that came up in my mind is, if there already is a good way to transfer patterns from one theme to another? Other than copying manually?
    Because basically I'd like to use these patterns in TT4.

    • @jamiewp
      @jamiewp  7 месяцев назад +1

      Great points Peter 👍 I’ve considered building a pattern cloud plugin for your second point, because i agree with you .

    • @goatcheeta
      @goatcheeta 7 месяцев назад

      Another vote for this!@@jamiewp

  • @AjniraBloom
    @AjniraBloom 7 месяцев назад

    Love this Jamie, this is a wonderful update.

    • @jamiewp
      @jamiewp  7 месяцев назад

      Thanks so much!

  • @tim78723
    @tim78723 7 месяцев назад

    That is so great. I haven't been using the Gutenberg plug in for a bit, looks li,e I need TO start again. Thanks ja,ie as always.

    • @jamiewp
      @jamiewp  7 месяцев назад

      Cheers Tim 👍🙏

  • @BrentRusk
    @BrentRusk 7 месяцев назад

    Thanks Jamie! Outstanding information! Outstanding plugin!!

    • @jamiewp
      @jamiewp  7 месяцев назад

      Cheers Brent 🙏

  • @abdul_travelvlog
    @abdul_travelvlog 7 месяцев назад

    Your channel thumbnail designs are very nice, do you design it yourself or someone else?

  • @pixolin
    @pixolin 7 месяцев назад +1

    That is so … wow! 🤯
    Also great presentation, as usual. 👏🏼
    Your cat must be heavy overweight from all the like buttons I already clicked?

    • @jamiewp
      @jamiewp  7 месяцев назад

      Thank you (from me and the cats)

  • @NorthTonawanda1
    @NorthTonawanda1 7 месяцев назад

    In a recent livestream, Kevin Geary said he might be planning his own April Fools Day gag. Admittedly, he says he's not very practiced at the art so he may forego it altogether. But you, Jaimie, are the reigning KING ... don't let us down this year, LOL

    • @jamiewp
      @jamiewp  7 месяцев назад

      hehe I'm struggling this year - i had some great ideas planned but they've been overtaken by real life events in certain WordPress plugins 😬

  • @russstephens3499
    @russstephens3499 7 месяцев назад

    Well done Jamie. Your videos are always informative and entertaining. Keep up the good work.
    How do I get the plugin? When I enter /grid I get 'Layout Grid'

  • @kristinaus4634
    @kristinaus4634 7 месяцев назад

    Great video and thanks for the instawp link - I'll be stealing a few ideas from Justin's theme patterns. This definitely should be in 6.6!

    • @jamiewp
      @jamiewp  7 месяцев назад +1

      Agreed 🚀

  • @rhbrolotek
    @rhbrolotek 7 месяцев назад

    It's ok for some static content, but useless for outputting cpt/taxonomy/repeater loops (similar to Crocoblock JetEngine listings). If this feature comes to Gutenberg, lots of builders will suddenly reach end of lie, but I highly doubt we'll get so much love.
    One thing I would like to see though, is a feature that enables developers to write their own css directly in the Gutenberg blocks and avoid the limited frontend controls most of them offer. ☺️

    • @jamiewp
      @jamiewp  7 месяцев назад

      The Query loop block is based on CSS grid so this is possible with a little dev 👍

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

    This is absolutely brilliant !! 👏👏👏

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

      Thank you 🙏

  • @goatcheeta
    @goatcheeta 7 месяцев назад +1

    All the patterns under Dev Hours Web Layouts theme are locked when you go under Design. Is there anyway around it ? I want to copy some of the wireframes. Thanks, Jamie

    • @jamiewp
      @jamiewp  7 месяцев назад

      Hi Ben - i think maybe just put them in a page and copy from there 👍 lemme know of that works for you

    • @goatcheeta
      @goatcheeta 7 месяцев назад

      @@jamiewp Many thanks for this idea, Jamie. That worked. Put it on a local site also created a pattern in My Patterns.

  • @harrygoldhagen2732
    @harrygoldhagen2732 7 месяцев назад

    Great new feature! Can't wait until it's part of WP itself.

    • @jamiewp
      @jamiewp  7 месяцев назад

      Yup me too Harry

  • @HelenaDenley
    @HelenaDenley 7 месяцев назад

    Amazing. Looking forward to it coming to core soon.

    • @jamiewp
      @jamiewp  7 месяцев назад

      Thanks Helena 👍

  • @visualmodo
    @visualmodo 7 месяцев назад

    Truly good content; thanks for sharing!

    • @jamiewp
      @jamiewp  7 месяцев назад

      Glad you enjoyed it!

  • @CarlMadsen
    @CarlMadsen 7 месяцев назад

    This is also AWESOME. So many good videos on this channel. 😺

    • @jamiewp
      @jamiewp  7 месяцев назад +1

      Cheers Carl 🙏

  • @StefanoFerro
    @StefanoFerro 7 месяцев назад

    As usual, amazing video.

  • @EricThomson
    @EricThomson 7 месяцев назад

    Thanks Jamie. Where can I find Justin Tadlocks theme base on CSS Grids?

  • @DTPIIXART
    @DTPIIXART 7 месяцев назад

    This needs to get here now!

    • @jamiewp
      @jamiewp  7 месяцев назад

      Agreed 👍

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

    is there a way to combine query loop with this grid to make easy bento layouts? if possible please make a tutorial on this

  • @eddyaruda486
    @eddyaruda486 7 месяцев назад

    Well done, as always!👍👍👍

    • @jamiewp
      @jamiewp  7 месяцев назад

      Thanks Eddy

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

    Hey... are you using a plugin? or is it Block Editor default? I can't figure out it?

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

      Atm you’ll need the free Gutenberg plugin installed to use the grid block

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

      @@jamiewp Thank you Jamie, you are always awesome!

  • @chadreilly
    @chadreilly 7 месяцев назад

    Thanks for the heads up! Functionally, what's the difference between an item being in core vs being in Gutenberg?

    • @jamiewp
      @jamiewp  7 месяцев назад +1

      Gutenberg generally the functionality first, it's a like a proving ground. Once it's proved in Gutenberg then it should move into core a little later.

    • @pmmueller
      @pmmueller 7 месяцев назад

      The "Gutenberg"-plugin causes a lot of confusion amongst beginners. I have even had readers asking whether they need the Gutenberg-plugin to use Gutenberg as without the plugin they don't even see the word "Gutenberg" in the backend 😂
      It's a good idea to test new features in a plugin, but a simple renaming might help to avoid the confusion: "Gutenberg DEVELOPMENT"-plugin would probably be more appropriate.

    • @jamiewp
      @jamiewp  7 месяцев назад +2

      @@pmmueller agreed - i wrote a blog post about this a while back www.pootlepress.com/2023/05/its-time-to-get-rid-of-the-wordpress-gutenberg-plugin/

    • @pmmueller
      @pmmueller 7 месяцев назад

      @@jamiewp Yes, I read it back then, and I agree with the analysis of the confusion its causing, but I would not want to retire it. I do think that the plugin has a valuable place in the development flow. It just needs a new name that communicates its purpose more clearly. »Gutenberg Development« or »Gutenberg Experiments« or »Gutenberg Testing« or something like that. Or »Plugin for testing Gutenberg Development and Experiments« 😂

    • @jamiewp
      @jamiewp  7 месяцев назад

      @@pmmueller 👍 interestingly it's installed by default on WordPress.com sites

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

    How will the release of this kind of feature impact sites created today in block themes?

  • @MelTaylor
    @MelTaylor 7 месяцев назад

    Excellent review. Thx Jamie

    • @jamiewp
      @jamiewp  7 месяцев назад

      Cheers Mel

  • @nasir.haidary
    @nasir.haidary 7 месяцев назад

    Amazing work Jamie, I really enjoying your videos.

    • @jamiewp
      @jamiewp  7 месяцев назад

      Thank you sooo much 🙏

  • @nicbug4861
    @nicbug4861 7 месяцев назад

    nice feature. seems the mouse snapping missing at the moment but i am sure the devs will implement this in the final release.

    • @jamiewp
      @jamiewp  7 месяцев назад

      👍

    • @jamiewp
      @jamiewp  7 месяцев назад

      Did you turn on in Experiments (i show this in the video)

    • @nicbug4861
      @nicbug4861 7 месяцев назад

      no just by watching your video it seems the drag mode does not to snap inside a grid cell to the nearest border@@jamiewp

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

    If I have a website template in html how I can clone same in WordPress without using elementor builder,is it possible with default builder

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

      It depends on the design

  • @IamBrianDickson
    @IamBrianDickson 7 месяцев назад

    I like the idea of CSS Grid builder, but I wonder who it would appeal to? As a developer I'd prefer to get down and dirty in the code, unless I just want to do something quick and dirty. I keep using the word dirty 🤪🤪

  • @tomfraser3086
    @tomfraser3086 7 месяцев назад

    When is the Cover Block updating to include the Aspect Ratio Setting ?

    • @jamiewp
      @jamiewp  7 месяцев назад

      26th March, when WordPress 6.5 is released 🚀

  • @XxQuidanxX
    @XxQuidanxX 7 месяцев назад

    Me encantó justo lo que estaba buscando

  • @spitsparrow
    @spitsparrow 3 месяца назад +1

    why dont i have this grib block in mine. My wp is up to date.

  • @thomas-hungrynuggets
    @thomas-hungrynuggets 7 месяцев назад

    Cool feature !!! :D

  • @PatrickFletcher
    @PatrickFletcher 7 месяцев назад

    How is this different from simply using columns?

    • @jamiewp
      @jamiewp  7 месяцев назад +2

      Great question 👍 There's a few advantages 👇
      Mobile Optimization: Ensures minimum width settings are respected, making layouts more consistent across devices.
      Cleaner Markup: Simplifies HTML structure, reducing complexity and improving readability.
      Ease of Maintenance: Layout changes can be made with CSS alone, without altering HTML, simplifying updates.
      Complex Layouts: Enables more complex designs with features like item spanning and precise placement.

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

    I don't have this Gutenberg menu... how to get that anyone ?

  • @leokerr9784
    @leokerr9784 7 месяцев назад

    Yep ... like this !

    • @jamiewp
      @jamiewp  7 месяцев назад

      thanks

  • @VictoriaAlfredSmythe
    @VictoriaAlfredSmythe 7 месяцев назад +1

    thaNK you from manhattan ©2024

    • @jamiewp
      @jamiewp  7 месяцев назад

      Thanks Victoria 👋

  • @abdul_travelvlog
    @abdul_travelvlog 7 месяцев назад

    Very interesting trips

    • @jamiewp
      @jamiewp  7 месяцев назад

      They are!

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

    I hope this make s core soonish.

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

      me too!

  • @georgekaramolegos
    @georgekaramolegos 7 месяцев назад

    Jamie you rock

    • @jamiewp
      @jamiewp  7 месяцев назад

      Thanks George 🙏❤

  • @vishalmukadam
    @vishalmukadam 7 месяцев назад

    Thumbs uped! :)

    • @jamiewp
      @jamiewp  7 месяцев назад

      Thank you 🙏

  • @SiteStudio
    @SiteStudio 7 месяцев назад

    There are about to be Bento grids all over WordPress sites now lol

  • @aijokker
    @aijokker 7 месяцев назад +2

    Here is my comment

    • @Line49Design
      @Line49Design 7 месяцев назад +1

      Here is my socially interactive reply

    • @jamiewp
      @jamiewp  7 месяцев назад +1

      And here’s mine 😬

    • @aijokker
      @aijokker 7 месяцев назад

      @@jamiewp nice 😊 lets boost this channel 🚀

  • @zaub9rer
    @zaub9rer 7 месяцев назад +15

    not working actually lol

  • @dodatroda
    @dodatroda 7 месяцев назад

    This looks cool. Too bad you need hours of training to use it unless you're already a pro. The UI is horrible if you are new to WP.

    • @jamiewp
      @jamiewp  7 месяцев назад

      Thanks - it's pretty easy to get started (took me about 10 minutes)

  • @djmag4u
    @djmag4u 7 месяцев назад

    We have this in wp 6.43

    • @jamiewp
      @jamiewp  7 месяцев назад

      I think you must have the Gutenberg Plugin installed on that site.

  • @dinorossi6611
    @dinorossi6611 7 месяцев назад

    Not every week, not every day .. but EVERY HOUR there is something new with and for WP. .. ... soon it will hid da wall ?