GenerateBlocks Grid Block Tutorial

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

КОМЕНТАРІ • 61

  • @matthewhague7409
    @matthewhague7409 2 роки тому +1

    Thanks so much Mike. Really enjoying all the content on GB's. Super useful.

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

    Nice video. Thanks!

  • @angusdavid
    @angusdavid 4 роки тому +4

    Currently using one of your GP starter sites as a template to build a site. I'm used to elementor but I've ditched it and forcing myself to build using blocks, it's going to be the standard pretty soon. Thanks for the vid Mike, I'm gonna be here quite often I think 👍

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

      Have fun Angus, the more you use the blocks the easier it gets and the more you realize what you can do.

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

    Great, I have learnt again, thanks Mike

  • @trifco-studio
    @trifco-studio 2 роки тому

    Excellent and very insightful tutorial.

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

    Thanks for the video. Nice stuff!

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

    Great stuff. On the pricing tables I could not see how to horizontally center align the button in the container. Any pointers please?

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

      Select the button container (one level above the button) and the alignment options will be there

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

    Thank you for this great video!

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

    Awesome Tutorial! Thanks, Mike! Without I would have never understood the magic of Generateblocks. Hope to see more of those in the future!
    Another thing I would like to know is where you get the nice icons for the demo sites in the Site Library?

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

      Maike, thank you, it means a lot to see comments like yours. For the icons I usually download them from fa icons, feathericons or flaticon

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

    great tutorial. how do you move columns in the grid? (like swap columns 1 and 2?)

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

      Just select the column and then you can use the up and down arrows to move them

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

      @@MikeOliverDesign there are no up and down arrows that i could see, but i could use the checkered square drag box and just drag it elsewhere.

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

    This is so helpful and well explained! Thanks again!

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

    Excellent video. I have a good understanding now. One thing I've noticed experimenting with a container with an image as the background and activating the overlay, is that when I activate the overlay, it hides the image and a message says you have to give your background colour transparency. I'm confused by that message as I'm not using a colour background in the container? It's a background image.

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

      The new version of GenerateBlocks uses pseudo element for the overlays. You set a background color and then change the opacity of the photo to create an overlay effect.

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

      Mike Oliver Design Excellent. Thanks for letting me know. Is it a beta version?

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

      @@I_Mackenzie No this is already in the public version

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

    Thanks. Great video

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

    Mike, this was helpful! Thanks.

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

    Thanks for share value content, Mike. Can we build grids for post or blogs? Something like the plugin Content Views

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

      The new version of GeneratePress Premium allows you to build any part of your site with blocks… for example you can make a completely custom blog archive page using GenerateBlocks and pull the content in dynamically.

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

      @@MikeOliverDesign thanks again, mike! So, do you recommend get GP and GB premium versions? It is too much for a beginner?

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

      @@eduardorimay7883 I really can't say what works for everyone, it's all I use and the support is amazing so your in good hands.

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

    Thank you for these videos. Do you still install the Gutenberg plugin?

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

      Steve, after WordPress 5.4 came out I stopped using it.

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

    Hi Mike, thank you for letting me know. Couple of questions. What element does the same thing as Sections? Is that the Grid then?

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

      The elements are not layout features, they allow you to hook content you build with blocks to areas of you website, build header templates to apply to pages and posts, etc. GenerateBlocks is what you build pages with now, which includes the grid block.

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

      @@MikeOliverDesign Ok, thank you very much Mike.

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

    Hey Mike, excellent video, thank you. Is Sections still in Generate Press Premium? Also what is the difference with Generate Press's Grid and Section?

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

      Hi Monica, As of GP Premium 2.0 Sections is no longer, it faded into the sunset.

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

    Every time I add a new text block, I get this error: "This block has encountered an error and cannot be previewed." My Wordpress theme supports GenerateBlocks. I am trying to follow your tutorial and this has brought it to a screeching halt.

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

      Are you using a WP paragraph block or the GenerateBlocks headline block?

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

      I would first try disabling all the other plug-ins

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

      @@MikeOliverDesign Thank you for your help. It was a block navigation plug-in that was causing the problem. I disabled all plug-ins and added them in until the problem re-occured. Bingo! Problem solved!

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

      @@cherylphotographer That's always my step 1… disable all plugins and turn them back on one by one :)

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

    Mike, thanks for the video! In one of his videos, Adam Preiser talks about the 3 Cs when it comes to any page builder. There is the outer CONTAINER, then inside of that, there is the COLUMN, and finally inside of that, there is the CONTENT (in the case of Gutenberg, the individual block(s). It seems that Generate Blocks doesn’t really follow that formula in that content doesn’t necessarily always go inside the other two layers, the columns (grid) don’t necessarily have to be inside a container, and columns themselves end up with containers in them? What are your thoughts on this?

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

      Brent, GB uses flexbox and works differently than page builders. The grid containers are what you might call columns. Having the content inside a container block or grid containers is what allows you to have full responsive and layout control over your content.

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

    Hello Mike, When I am creating the initial container it's not stretching to the edge of the browser. Why is so? Can you please explain in detail? I am new in Wordpress I couldn't understand what you said in the video about it being stretched to the edge. Please help!

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

      Hasheb, you need to make sure the page is set to Full Width in the editor Content Container setting here ibb.co/CVJzKbM

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

    how do you make the height of the grids alls the same when the text content has different character counts?

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

      Scot, as long as you leave the vertical alignment default, the grid containers will stay the same height. But, the new GB 1.7 kind of changes all that now with Flex.

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

      @@MikeOliverDesign Thanks for the fast response! Any word when GB 1.7 comes out of Beta? I'm looking forward to it

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

      @@scot1711 I'm guessing in the next 2 weeks

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

    Thank you! However, when I change settings in Mobile, they change across desktop and tablet too. What gives?

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

      I've never heard of that, I would check for a plugin conflict or reach out to GB support.

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

    hey mike i couldnt found the Pricing table. where is it?

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

      Maybe YT removed my link? Here it is www.dropbox.com/s/ycpqw7bk01xr2r3/pricing-table-3-1-1.json.zip?dl=0

  • @GJRahul-rr3uk
    @GJRahul-rr3uk 2 роки тому

    Hey, what you taught is of free version or paid?

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

      This is the free version of GenerateBlocks, the Pro version is the same but has additional features.

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

    helpfull video

  • @charleswillcock3235
    @charleswillcock3235 2 місяці тому

    In 2024 this does not seem to work unless the content in each block is identical. Obviously I could be wrong.