• Skip to main content
  • Skip to primary sidebar
  • Skip to footer

nSiteful Web Builders

Building a Better Web - One Site at a Time.

  • Home
  • About
    • Testimonials
    • Resources
  • Web Sites
  • Online Marketing
  • WordPress Support
    • Customized WordPress Training
    • 60-for-60 Sessions
  • Web Applications
  • Blog
    • Archive Listing Minimalistic
    • Blog Articles Grouped by Category
    • Case Studies
    • General
    • Portfolio
    • Reviews
    • Snippets
    • Techniques
  • Contact Jeff
    • Purchase Retainer Consulting Hours
    • About Retainer Consulting Hours
Painter FooGallery

By Jeff Cohan, May 6, 2021

Use FooGallery for WordPress to Show Off Your Stuff

If you have (or are considering building) a WordPress Web site, and if your enterprise revolves around products or services that lend themselves to visual representation, I don’t think you could do much better than choosing the FooGallery WordPress Photo Gallery plugin.

In the video embedded herein, I show you what I mean with examples from three galleries I’ve created.

Watch the Video Now: FooGallery for WordPress

Use FooGallery for WordPress to Show Off Your Stuff

The first two examples use the Pro version of FooGallery and the FooGallery Pro Lightbox. The third example uses the free version of FooGallery and the FooBox Free lightbox.

Beachcourt Villa Gallery: FooGallery for WordPress

The first example is from the live Web site of BeachcourtVilla.com.

Table of Contents

The client chose to group images in five (5) different galleries by topic. The galleries are listed in a table of contents at the top (using a separate plugin, Easy Table of Contents). You can click on a link in the table of contents to jump down to the topic (or gallery) you want to see, or you can simply scroll down the page.

Lazy Loading

Notice the “lazy loading” as I scroll down. What this means is that FooGallery doesn’t load gallery images until you “get to them”, so that page-load time isn’t adversely affected by images that aren’t even visible yet. (Lazy loading is a feature of the free plugin as well.)

Gallery Customizations

The gallery template used for all five galleries is the “Justified” gallery — one of six (6) that come with both the free and Pro version of FooGallery. Each gallery template has a host of customization options, the universe of which varies by template and also by version (free or Pro).

Lightbox

When I hover over a thumbnail, a caption appears along with an icon indicating that the thumbnail can be clicked to load the “lightbox”.

We configured this particular lightbox to display the current image’s caption at the top left and a “filmstrip” of thumbnails of the other gallery images on the right, along with their captions.

To navigate among images, you can either use the left and right arrows to move sequentially through them, or you can access different images directly by clicking on their thumbnails in the film strip.

In the lightbox you have the options to go full screen and to toggle the visibility of the current image’s caption. To close the lightbox, you click the “X”.

PhotoWork Gallery: FooGallery for WordPress

The photo gallery for PhotoWork also uses the Pro version of FooGallery.

Two Differences

Two differences from the Beachcourt Villa gallery approach jump out immediately:

  1. First, the template used here is what FooGallery calls the “Polaroid Pro” template; the thumbnails look a bit like old Polaroid photos, as if they were spread out on a table. (Yes, the Polaroid Pro template requires the FooGallery Pro plugin.)
  2. Secondly, this gallery utilizes filtering — a Pro feature.

Filtering

Notice the gallery names along the top, along with numbers indicating how many images are in each gallery. The initial view loads thumbnails from all galleries: 54 images in total. Notice also the pagination navigation buttons. Since we configured each gallery to display 12 images on a page, we need 5 pages to display all 54 images.

To filter the images for a specific gallery, you simply click on its name along the top.

Lightbox

The lightbox for these galleries is similar to the one used at BeachcourtVilla dot com, with a few small differences:

  1. the captions, what that they are, display on the bottom left
  2. the film strip does NOT display captions
  3. you can “play” (and pause) the images like a slideshow

FooGallery (Free) Demo Gallery: FooGallery for WordPress

Finally, the video shows a gallery I created as a demo, using the FREE FooGallery Plugin and the FooBox Free lightbox.

Like the BeachCourtvilla galleries, this gallery uses the “Justified Gallery” template.

For this demo I added simple temporary placeholder captions for all images except one. Clicking a gallery thumbnail launches the free lightbox viewer, “FooBox Free”. The enlarged image appears with a caption and left-and-right navigation arrows. The filmstrip and full-screen features of the FooGallery Pro lightbox are not supported by the FooBox Free lightbox.

Summing Up

This video and blog post only skim the surface of what FooGallery — and especially FooGallery Pro — can do.

In fact, one of the most exciting features of FooGallery Pro is its support for adding media dynamically from sources other than the WordPress Media Library. There are seven (7) such data sources, and I wrote a blog article about this feature last year.

In almost 3 decades of building Web sites, I’ve implemented Web-site photo galleries in many ways, including custom programming. Since 2007, when I started using WordPress as the platform for most of Web-site projects, I’ve kicked the tires on — and have fallen in and out of love with — a number of WordPress photo gallery plugins, including the classic NextGen Gallery and Responsive Gallery & Lightbox.

While I do maintain an open mind, knowing that a new game-changing image gallery plugin could arrive on the scene any day (or that one I haven’t paid attention to already exists), I’m pretty much sold on FooGallery for now.

And yes: FooGallery Pro is my plugin version of choice. Currently, a one-year single-site license of FooGallery Pro costs $49.99.

I do understand that not everyone can or wants to spend money on WordPress plugins when WordPress itself is free, as are so many excellent plugins.

But remember that the premise of this presentation is that you run an enterprise that revolves around products and services that lend themselves to visual representation.

Whether you’re a builder, painter, graphic artist, dress designer, electrician, photographer, architect — you name it: there’s a good chance that this $50 investment will pay for itself in no time.

Closing

Check out the FooPlugins Web site for demos and feature descriptions. And feel free to contact me if you have questions about implementing a photo gallery for your Web site. Also, if you have your own favorite WordPress photo gallery plugin, I’d like to hear about it.

Related Posts

  1. FooGallery Plugin for WordPress: First Look
  2. Make Responsive Lightbox by dFactory Work with FooGallery
  3. How to Build Stunning WordPress Photo Galleries Quickly and Easily With FooGallery PRO
  4. Dynamic Photo Galleries with Responsive Lightbox & Gallery
  5. NextGen Gallery Compact Album Mods
  • Choose the best match.

Written by Jeff Cohan · Categorized: Reviews · Tagged: FooGallery, Photo Gallery, Video

  • Choose the best match.

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

mailchimp signup

Subscribe to get notified when new articles are published. Unsubscribe any time. No spam. I promise. Check out my newsletter archives.

social

Twitter Facebook LinkedIn

Recent Articles

  • Create a Custom Shortcode to Display a MemberPress Membership Price ANYWHERE on Your Website February 5, 2023
  • Avoid Direct Styling; Use CSS Instead September 21, 2022
  • Blog Tags: What They Are (and What They’re Not) August 5, 2022
  • How to Create a Simple Custom Events Plugin May 24, 2022
  • Make your Web Site the Heart & Hub of your Online Marketing Strategy March 24, 2022

Filter By Category/Tag

Categories

  • Case Studies (7)
  • General (61)
  • Portfolio (5)
  • Reviews (12)
  • Snippets (16)
  • Techniques (37)

Popular Tags

Advanced Custom Fields Blogging Child Themes Content Marketing CSS CSS Grid Customer Service Custom Fields Custom Post Types Diagnostics Facebook FooGallery Genesis Gutenberg HTML Images iPhone Libra Live Chat Marketing Media MemberPress MemberPress Courses mu-plugins MySQL Photo Gallery php Pinterest Plugins Post Formats Pricing Project Management Security SEO Seth Godin Shortcodes Social Networking Surveys Taxonomies Trello Twitter Video Web design Web forms WordPress

siteground wp hosting

Web Hosting

wp101

EasyWordPresstutorialvideosforbeginners.
MemberPress CTA

Footer

Background

Web Sites | WordPress Support | Web Applications.

Formally trained in liberal arts and education (I have a B.A. in Government from Harvard and studied Secondary Education at Rutgers Graduate School), I have honed my skills in the communication arts and sciences as a teacher, trainer, instructional designer, writer, photographer, calligrapher, helpdesk manager, database programmer, and multimedia developer.

(I've also been a group counselor, waiter, bartender, bicycle messenger boy, computer salesman, carpenter's helper, financial analyst, and school board president.)

Tech

Systems since 1983.
Web sites since 1994.
PHP since 2001.
WordPress since 2007.

Contact

770-772-5134
Email Jeff
Send Money
All Ways

Copyright 2023, nSiteful Web Builders, Inc.

 

Subscribe

Pardon the interruption. I know popups can be annoying. But I’d love to have you as a subscriber.

Sign up to be notified when new articles are published. Unsubscribe any time.

* indicates required

Powered by MailChimp

×