Getting Creative With FooGallery And Gutenberg

FooGallery is designed to work with the Gutenburg block editor. It comes with its own Gutenberg block, allowing you to add and preview galleries within the page editor. But what else can you do with FooGallery and Gutenberg? Here’s a look at how you can get creative with your blocks.

Using the FooGallery Block

Inserting galleries into your post is simple with the FooGallery block. We’ve covered this in more detail in this post, but let’s recap quickly.

As soon as FooGallery is installed, you’ll see the FooGallery block in your block menu. It looks like this:

Foogallery Gutenberg block

Once you click on this block, you will see a button allowing you to Select Gallery. Click on this. A window will pop up displaying all of the galleries currently in your gallery library and from here, you can click on the gallery you want to use.

Click on Insert Gallery. You will now see your gallery in the page editor. From the FooGallery block, you will be able to select a different gallery, remove the gallery or edit it. This last option will open the gallery page in a new tab in your browser, allowing you to make the necessary changes to your gallery. Once done, you can update the gallery and reload on the page on which you’re working.

Getting Creative

With FooGallery, though, you can do more than just display a gallery. You can liven up your blog posts, and get creative with your pages, just by using FooGallery with the right blocks.

You can, for example, create a full width gallery that stretches across your page. This makes use of a container-type block, with FooGallery inside the container – but you can use any block into which you can add another block. For a more detailed guide, take a look at this article on building Full Width Galleries.

Another creative way to use your gallery is in a column block:

Using FooGallery in a column

Here we’ve used a gallery in the left hand column. In this, the right-hand column, we’ve used a heading, followed by paragraph blocks. But you could use a list here as well. In fact, you could use any number of blocks in a column.

We like the way this layout shows off your gallery, but also gives you room to add more detail. This is a great layout for adding a general description about your gallery, detailing your photography services, or explaining the type of photographs you have taken.

It works well for smaller galleries and adds an interesting element to your page. But we wouldn’t recommend doing this for larger galleries.

The core Gutenberg blocks do include a column block, but not a container or panel. So you would need to make use of an additional block plugin to create the full width gallery.

This will, however, also give you access to other blocks in which you may be able to insert FooGallery. For example, we’ve used FooGallery in an Accordion block in our FAQ’s – under the question What is FooGallery? It displays when that section of the accordion is opened, giving you the potential to display galleries as and when you need them.

Essentially, you are able to add FooGallery into any block which allows you to add a block inside it. What does this mean for you? With FooGallery and Gutenberg, you can get creative, have fun with your page layouts and really explore your design options.

Leave a Comment

Getting Creative With FooGallery And Gutenberg