[Resolved] Can´t see GenerateBlocks in Gutenberg

[Jo]

Hi there, I can´t find all these fancy GenerateBlocks elements like even the templates in Gutenberg editor. Under PAGE ATTRIBUTES I get only PARENT PAGE and ORDER. How do I apply GenerateBlocks to get loaded into Gutenberg?

[Jo]

The GENERATEBLOCKS-plugin is activated though.

[Leo]

Hi there,

GB wouldn’t show up in page attributes.

Can you take a look at this article first?
https://docs.generateblocks.com/article/adding-generateblocks-in-the-block-editor/

[Jo]

That worked partially! I´ve got CONTAINER, GRID, HEADLINE and BUTTONS, but NO TEMPLATE LIBRARY from GENERATEBLOCKS.

Are your blocks (container and grids) different from the ones which are offered under MOST USED?

Do you have tutorials to show how one can build pages with Gutenberg and GenerateBlocks?

[Fernando]

Hi Jo,

The Template Library is available through GenerateBlock Pro.

Which ones are offered in your Most used section? The icon of GB Blocks should be color blue similar to the ones shown in the link above by Leo.

Here’s a helpful video you may refer to regarding GB utilization: https://www.youtube.com/watch?v=R7fwJECtgSg

There’s other helpful videos here as well: https://www.youtube.com/c/GenerateBlocks

Hope this helps!

[Jo]

The container and grid symbols in the most used section look exactly like the ones in the GENERATEBLOCKS section.

GenerateBlock Pro is an add-on to the normal GeneratePress? Does it have to be purchased separately?

I haven´t found one template in your site library which uses just one full-screen picture as a background. Did I not find it or doesn´t this option exist? Just a picture that spreads all over the screen with the possibility of a menu and maybe some text on it, but no need and way to scroll any further down. Do you have a template like that?
Kind regards from Berlin,
Jo

P.S. I will consult the links you send me in the coming days to try to get a hang of it…. I´ve worked with Elementor before to alter the sites, but I am trying to get into Gutenberg/ GenerateBlocks now.

[Leo]

GenerateBlock Pro is an add-on to the normal GeneratePress? Does it have to be purchased separately?

GB pro is a separate product that needs to be purchased seperately:
https://generateblocks.com/pro/

I haven´t found one template in your site library which uses just one full-screen picture as a background. Did I not find it or doesn´t this option exist? Just a picture that spreads all over the screen with the possibility of a menu and maybe some text on it, but no need and way to scroll any further down. Do you have a template like that?

Any chance you can show us an example so we know exactly what you are looking for?

[Jo]

Hi Leo, thanks for your help and support!

I was referring to a FULL SCREEN PICTURE TEMPLATE similar to this site: https://www.id-t.com
Although instead of a video clip I am thinking of a single picture which always covers the whole area. And there is NO SCROLLING. But a menu on top.

Can I find something like that in your site library? I haven´t so far…

[Jo]

Damn it Gutenberg is really giving it to me!!!! Some time ago I could see, I guess it was at the PAGES section, opportunities to switch of things like HEADERS, FOOTERS, MENU, etc. I had them all switched off. Now I want to bring the menu back, but I don´t get the options any more!!! The damn editor just stops at PAGE ATTRIBUTES, no more check boxes for other elements underneath it…. There should really be more BASIC tutorials for beginners.

[Ying]

Hi Jo,

To see the layout metabox in page editor, make sure the Disable Elements module is activated at appearance > GeneratePress.

The single image page is easy to do, you can import a site with a big page hero, like Freelance, then delete the rest part of the home page, switch the image, done.

For the menu, you’ll need to keep header and navigation in active status, so do NOT disable them using layout metabox.

You can set the mobile breaking point to 99999px at customizer > layout > primary navigation, so the menu will always be a toggle.

You can also activate the off canvas menu at customizer > layout > off canvas menu, make sure the menu plus module is activated at appearance > GeneratePress.

Let me know if you have other questions.

[Jo]

Hello Ying,
thank you very much for your help. You answerded some of my questions, but please keep in mind that I am NOT a professional webpage designer, so I don´t know what a BIG PAGE HERO is nor do I know FREELANCE, so this whole “EASY” part “The single image page is easy to do, you can import a site with a big page hero, like Freelance, then delete the rest part of the home page, switch the image, done.” is not easy at all.

I tried to do it the old fashioned was making the outer and inner containers FULL WIDTH, but it doesn´t work. Maybe I am still caught in this ARCTIC theme, which doesn´t let me go real FULL SCREEN? Do I need to switch to another THEME to go full screeen?

Kind regards from Berlin,

Jo

[Fernando]

Hi Jo,

Freelance is a template available in the Site Library: https://share.getcloudapp.com/2NumrkKN

As mentioned by Ying, using this template would make it easier to achieve to look you’re going for.

For instance, here is a short screen recording where I deleted the deleted the other parts of the front page: https://share.getcloudapp.com/qGuOD1yK

Hope this helps!

[Jo]

By the way there´s one major drawback to the GenerateBlocks UI. If I want to change setting for the handling of an (background)image I will have to MANUALLY type in Position and Size, without being offered a drop-down menu with all the existing alternatives…. I am not an expert, but what if I don´t like COVER, what else is there? I know there is a documentation, but why don´t you just offer a drop-down-menu with all the alternatives (like CONTAIN, which I finally found in the documentation)?

[David]

Hi there,

the options available for background position and size are too may to fit nicely into a single drop down.
We didn’t want to stop users from having the flexibility that CSS offers, but we appreciate the feedback and we’ll look at how best to address that.

Background Position

you can enter various directional statements eg.

top or top left

or X and Y % co-ordinates eg.

25% 50% or combination of top 25%

This article provides more info:

https://developer.mozilla.org/en-US/docs/Web/CSS/background-position

Background Size:

The primary ones are:

Cover which will fill the container so no empty space is visible but will crop the image unless the aspect ratio of image and container are identical.

Contain will fit the image inside the container without cropping, but will result in empty space if aspect ratios don’t match.

auto which is like contain but always forces the height to fit.

But you can also use unit values such as % or px.
See here fore more info:

https://developer.mozilla.org/en-US/docs/Web/CSS/background-size

[Jo]

Wow, it seems to get even more complicated: How do you change the shape of a GENERATEPRESS BUTTON to round instead of square, as seems to be the only option…?

[Author]

Posts