Sample photo gallery

Create a Photo Gallery with the FooGallery Plugin

education, elementary school, learning, technology and people concept – group of school kids with teacher looking to tablet pc computer in classroom

This video and tutorial show you how to create a photo gallery using the FooGallery Image Gallery WordPress plugin. If you haven’t already, you can download the free version from and install it onto your website.

To create a photo gallery, hover over FooGallery and click on “Add Gallery”. Then, the setup is pretty similar to creating a post or page with a few additions.

First, create your title.

Next, click on the “Add Media” button and choose the images you want to add to the gallery, and click on “Add Media”.

You can adjust the order of the photo gallery images by dragging and dropping them into the desired order.

There are a few nice options available in the settings of the free version, including:

  1. Choosing the size of your thumbnails and adjusting that to meet the aspect ratio of your images.
  2. Choosing the position to control whether the images are centered or off to the left or right side.
  3. Image Captions
  4. Show or Hide the Title
  5. You can even add a link to a URL. If you want to link the whole photo gallery, we have FooBox, a lightbox that comes along with the FooGallery plugin.
Header image from the Foo gallery Wordpress plugin website.

There are a few more options than you usually see and some are usually under premium versions. You can choose what icon you use for loading, whether the images should have rounded corners or drop shadows, and it even includes the option of adding hover effects. You can even choose the icon that shows up as you hover over the image.

After choosing your options in the settings, go ahead and publish your photo gallery. Once the gallery is published, we can go and create a post or a page add it to.

Using the Gutenberg editor, add a FooGallery widget block, and then just choose which gallery you want to add to that page.

When you view the page, you’re going to see the cover image displayed as the first photo that you’ll see. Then when you click on that, then your image gallery pops up with the light box and you can cycle through the various images that you added.

I hope that helps you create a great photo gallery with the FooGallery plugin.

Note: This article may include affiliate links. After spending months or years using some products and services ourselves and recommending them to dozens of clients and other professionals, we figured why not get a free coffee or two out of it? We do not and will not sign up for affiliate services that we don’t use or highly recommend. Ever.