How To Use FooGallery With Gutenberg

Great news! FooGallery is now compatible with Gutenberg.

The new WordPress editor is set to be released with WordPress 5.0 later this month. While you will still be able to use the classic editor with WordPress, it is likely that this will fall away after a while. 

So if you’re not already using Gutenberg, it won’t be to be too long before you are. Luckily for you, FooGallery now works with Gutenberg, giving you a live preview of the gallery in the editor itself.

As Gutenberg has such a strong emphasis on visual composition, seeing your gallery in the post will be a huge advantage. The live preview will help you design your post or page around your gallery. It will also save you the hassle of constantly previewing your post while you’re working on it.

Using FooGallery with Gutenberg

The first thing you’ll need to do is ensure FooGallery has been updated to the latest version. Once this is done, you’ll be able to access your galleries from within the block menu. Simply click on the Add Block icon, find the FooGallery block and click on it.

FooGallery displays in Gutenberg block menu

Your FooGallery block will appear as below. To add your gallery, click on the Select Gallery button. 

FooGallery block

A menu of your galleries will appear, from which you can select and add the gallery you want.

If you haven’t yet created your gallery, go to the Add Gallery option under FooGallery in your dashboard. Once you have created your gallery there, you can hit the refresh button in the gallery menu block. Click on your new gallery and hit Insert.

Menu of galleries

Your gallery will now appear as a live preview within your post. If you want to edit your gallery, no problem. You can click on the edit icon either at the top of the gallery block, or in the menu on the right hand side of your page.

This will open your gallery in a new tab, allowing you to make the changes you want to make. Once you have finished editing, save the changes, then click on the refresh icon in the top block menu. Your gallery will update with the changes you have made.

Block that displays when using FooGallery with Gutenberg

Using FooGallery with Gutenberg is now as simple as using Gutenberg itself. You’ll still have beautiful galleries, which will now display as you work on your post. 

Follow us on Facebook and Twitter to get the latest on FooGallery updates.

1 thought on “How To Use FooGallery With Gutenberg”

Leave a Comment